Too Cool for Internet Explorer

YAST (Yet Another Standard Theme) WordPress theme   September 27th, 2008

Bugfix Release v1.1 is available! For more info’s take a look at the end of this article.

YAST (Yet Another Standard Theme) is a good looking kubrik compliant theme for WordPress.

You are looking at it RIGHT NOW!

It is not only good looking, the additional features are really nice:

  • Customizable head area
  • Customizable background colors
  • Ability to switch the menu right or left handed
  • The images are only 14.1 KB in size, including the head image!
  • Out of the box localized with the following languages:
    • bg_BG
    • ca
    • da_DK
    • de_DE
    • es_ES
    • fa_IR
    • fr_FR
    • hu_HU
    • id_ID
    • it_IT
    • ja
    • ko_KR
    • lv
    • ms_MY
    • pt_BR
    • pt_PT
    • ru_RU
    • sr_RS
    • sv_SE
    • ta_IN
    • zh_CN

But i won’t conceal that there’s a handicap: It WILL look ugly in MS-IE 6.0 and under. That’s because MS-IE 6.0 is giving a shit about W3C compliant programming. With MS-IE 7.0 and above everything looks good.

 

Do you want to know what this theme looks like in other colors?

Ok, try this: Red, Green, Blue, Yellow, Cyan, Magenta (this doesn’t work correctly in IE, please use Firefox or Opera instead)
You can set any color you whish, just follow the steps beneath.

 

How do i customize it?
Its easy:

  • For the head area, simply replace the file /yast/img/logo.jpg with a jpg of your choice, it should be 810 by 134 pixels in size, if it’s smaller it will be tiled, if it’s bigger some areas aren’t shown and a waste of traffic.
  • For the background colors (you see them in blue here) edit this file at the end (there will be more instructions there): /yast/style.css
  • To switch the menu to the left side, edit this file at the end (there will be more instructions there): /yast/style.css
  • to change the background tile, simply replace the file /yast/img/bg.png with a png of your choice.
  • If you want this theme in your native language, you have to be sure to set the “define (‘WPLANG’, ”);” directive in your wp-config.php correctly (e.g. “define (‘WPLANG’, ‘de_DE’);” for german).

 

How do i install it?

  1. Download the .zip and copy it to your /wp-content/themes/ directory
  2. Unzip it
  3. Go to your WordPress admin area and to the “Design” area
  4. Click on the link pronouncing “YAST (Yet Another Standard Theme)”, afterwards klick the link on the upper right corner of the popup.

That’s it! Have fun!

 

Download: YAST Theme For WordPress v1.1

The CSS, XHTML and design is released under GPL license.

 


The Update from v1.0 to v1.1 is a bugfix release only.
Release notes:

- Fixed a bug causing the document not to be valid XHTML 1.0 Transitional.
- Fixed a bug causing the layout to crash if the “search widget” is used instead of the standard menu.

The updated files are: style.css, index.php, search.php, single.php, functions.php and searchform.php.
Updaters have to replace this files only.

Tags: , , , , , ,
This entry was posted on Saturday, September 27th, 2008 at 17:07 and is filed under Design, Plugins, Programming. You can follow any responses to this entry through the RSS 2.0 feed.You can leave a response, or trackback from your own site.

47 Responses

October 13th, 2008 at 20:36
virtualbeggar Says:

I really like the look of this theme but I immediately had a number of issues after installing. I am no WordPress expert, but it appears to be extremely sensitive to widgets. Many of the widgets I attempt to add throw off the formatting of the sidebar. What’s up with that?

October 13th, 2008 at 21:23
admin Says:

hm… i only tested it with the standard widgets available from the standard wordpress installation. they’ll do fine.

can you send me a screenshot to sebi at timewaster dot de? i’ll take a look then, maybe i can guess what’s the issue.

October 13th, 2008 at 22:47
admin Says:

ok, i debugged the code and found the error:
the search widget has no title, instead it is including the standard search form.

to fix this issue, i have to hack a wordpress function (which originally causses the error), which takes time. i think in one or two days i’ll do a bugfix release, so stay tuned.

October 15th, 2008 at 20:43
Bas Says:

nice and clean theme!

October 17th, 2008 at 04:23
admin Says:

@virtualbeggar:
The bug is fixed, please note the release notes at the end of this article and download the fixed version v1.1.

@Bas:
Thank you very much!

October 18th, 2008 at 12:50
Hi Says:

Yes, it’s realy “too cool for IE”… but 70% users use IE :’(
Very nice theme, thanx!

October 21st, 2008 at 10:37
cheltsov Says:

This theme is very nice. I like it very much. But, although I hate IE, there are a lot of people using it. So I have to quit these theme :(
I saw, that you are using quite advances CSS features. I thought of making compromise, if the bug on IE with the round corners at the top of the post didn’t exist, so it is ugly but still readable.

October 23rd, 2008 at 01:31
YAST (Yet Another Standard Theme) | Blogger Template Says:

[...] Author: timewaster [...]

January 4th, 2009 at 07:38
Glenn Says:

Nicest template I have seen in awhile. But then I found this page, and read that it does not look good in explorer 6.0 and older. I have a laptop with 6.0. It doesn’t just look bad, it barely displays. There is no title, or title tag, no color. It looks great on my desktop with IE 7.0. Too bad, because I really liked it. Can’t it be fixed, because using it for a business site is out of the question if it won’t diplay 6.0 properly.
Thanks Glenn

February 14th, 2009 at 09:43
Bryan Says:

Hello,

I like your theme and am using it. I tried to use the wordpress ‘simple sticky’ plugin and it changed all the permissions on my server in all the files on that domain.
Image files, text files, and all the folders had to be manually reconfigured to the proper permissions. I eventually had to de-activate the plugin.
However, I am still using the theme and have replaced the header with one of my own. I would like to know how to make it link back to the blog home page. I am not a coder and don’t want to spend hours trying to make a simple fix.

Thanks,
BW

February 14th, 2009 at 11:42
admin Says:

that’s simple.

go to your theme editor into the head.php file and replace the line:

<div id="head">

with this line:

<div id="head" onclick="location='<?php echo get_option('home'); ?>'" style="cursor:pointer;">

that’s it.

March 3rd, 2009 at 08:39
Jeff Says:

hi there,
i really like your theme. i’d like to change all of the white to another color, but cant find where to do that. can you help me?

thanks!

March 6th, 2009 at 01:11
Dana Says:

Is there a simple way to change from rounded to square corners throughout the theme?

May 13th, 2009 at 05:21
Fourth Order Light » Blog Archive » Setting up a Blog Website Says:

[...] solution for your needs.  I set up my Fourth Order Light site using a WordPress theme called YAST.  Now when I want to update my site, I write a new post and click the ‘Publish’ [...]

June 9th, 2009 at 18:15
Lady D Says:

I love this theme and don’t have a problem with IE 6 issues. However, I just noticed that in IE 7 the categories, archives, pages, recent posts and blogroll do not display the list of items with >> like it does in Firefox. Is there a fix for this? Also, I want to be able to just show the parent category, but it shows all of them parent & child for both browsers so you can’t identify where the parent category is.

June 10th, 2009 at 04:02
admin Says:

@Jeff: you’ve had to change all the pictures in the theme, which is, without the original (layered and masked) files, nearly impossible. so i have to say no.

@Dana: the same applies to your request.

@Lady D: you’re right, MSIE 7 isn’t capable of handling the :before and :after pseudo elements of css 2. in MSIE 8 (which was released some weeks ago) this is working.
in general i have to say that wordpress is VERY complicated to handle in the making of a theme, many html blocks are included in the php files itself, which makes it impossible to control the whole html code. due to this issue i had to trick around with css elements to get the look you see here.
there is no fix for this.
about the categories: i think this is a wordpress issue, a theme is only a set of html files and does not controll any behaviour of wordpress itself.

August 6th, 2009 at 18:51
PWSB Says:

Is there any way to add a second sidebar on the left. I have tried doing it using the link that the wordpress support forum provides but it hasn’t worked yet. Is it even possible?

August 6th, 2009 at 18:55
PWSB Says:

Also, you made making the header image a link so much easier than what I’ve been reading on other threads. They were saying that I had to change the index.php so that it’s not a background anymore, and then align the image, and then make it a link.

Thanks!

August 6th, 2009 at 22:06
admin Says:

i don’t know a way to use 2 bars with wordpress, maybe this is a new feature?
anyway, my theme does not support this. sorry.

about the header link: thanx! :o )

August 7th, 2009 at 17:34
PWSB Says:

Ok, not a problem. Is there a way to exapnd the content section and make it a little wider?

August 7th, 2009 at 20:33
admin Says:

well, if you know how to use photoshop or a similar program (which can handle 8-bit transparency masks) you could make all the images a bit wider, and then adjust the css file to match that size.

August 7th, 2009 at 21:07
PWSB Says:

Haha Okay, it’ll probably take another day of googling, but it’s worked so far. I didn’t even know what CSS was 2 weeks ago and now I’m getting a good feel. Thanks

August 23rd, 2009 at 16:12
Shannon Says:

Does this theme support threaded comments? If so, how can I make them work?

October 20th, 2009 at 10:51
YAST (Yet Another Standard Theme) | notebeta Says:

[...] Theme Homepage » [...]

October 20th, 2009 at 23:15
Bill Says:

New to WordPress…How do I remove some of the items in the Blogroll and the Meta

November 1st, 2009 at 02:50
BruceW Says:

I’d like to move the sidebar to the left. You say above:

To switch the menu to the left side, edit this file at the end (there will be more instructions there): /yast/style.css

But I can’t find instructions. Could you provide the exact code changes needed?

November 1st, 2009 at 03:05
BruceW Says:

I successfully followed your instructions for switching the menu to the left side, but the sidebar is still on the right side. Is the sidebar different than menu?

November 1st, 2009 at 04:43
BruceW Says:

These are the instructions I found:

/* Remove this comment (not the code) if you wish the menu to be on the left side
#content{float:right; margin:113px 24px -9px 0px;}
#sidebar{margin:113px 0px -9px 24px;}

I removed the line that starts with “Remove this comment..” but the sidebar (menu) is still on the right side. What am I doing wrong?

November 1st, 2009 at 17:33
admin Says:

change this code:

/* Remove this comment (not the code) if you wish the menu to be on the left side
	#content{float:right; margin:113px 24px -9px 0px;}
	#sidebar{margin:113px 0px -9px 24px;}
*/


to this:

	#content{float:right; margin:113px 24px -9px 0px;}
	#sidebar{margin:113px 0px -9px 24px;}


caution: the “*/” at the end is also to be removed.

tested it again on opera, firefox and msie and worked perfectly.

November 1st, 2009 at 18:44
BruceW Says:

Still didn’t work. This is what I have at the end of the style.css file and the menu is still on the right side:

CONFIGURE YOUR COLORS HERE: */

#head .m h1 a, #head .m div{color:#fff;} /* head area text color */
#sidebar > ul > li{background-color:#e6eaf2;} /* menu background color */
.news{background-color:#dae2f2;} /* post background color */
.nav .left a, .nav .right a{background-color:#dae2f2;} /* previous-next navigation buttons background color */

#content{float:right; margin:113px 24px -9px 0px;}
#sidebar{margin:113px 0px -9px 24px;}

November 1st, 2009 at 18:46
BruceW Says:

I see the problem — it doesn’t work in Safari. Too bad, that’s my preferred browser. Guess I’ll have to work in Firefox. Thanks for your help! Bruce

November 2nd, 2009 at 01:01
BruceW Says:

Just checked it in Safari and now it works! Go figure. Anyway, problem solved. Thanks again.

November 14th, 2009 at 21:59
BruceW Says:

Does YAST allow one to post a YouTube video within a message, or can you only post a link?

December 16th, 2009 at 15:15
Yves Says:

Hello,
I would like to change the font and size of texts in the side menus. How can I do this ?

December 21st, 2009 at 05:31
n00tes » Blog Archive » New design Says:

[...] and was looking for something leaner and cleaner. After a lot of looking around I ended up with YAST by TimeWaster. I am still not totally happy, but at least I have my own header picture and was able [...]

February 27th, 2010 at 14:27
Domino Says:

i’m playing with the YAST Theme – but how do I get the Children pages margin 20px instead of 10px – and only the Child Pages?

April 21st, 2010 at 14:30
Bill Says:

Is there a way in the header to make it a little higher the length is fine but I find the 134 height is making my graphics look a little squished. for 810 wide to keep my aspect ratio I would need a height of 151

Thanks
All the Best
Bill

April 21st, 2010 at 14:59
admin Says:

edit the style.css and go to the following lines:

#head{position:absolute; left:24px; top:-21px; width:1010px; height:134px;
background:url(img/logo.jpg);}
#head .l{position:absolute; left:0px; top:0px; width:15px; height:134px;
background:url(img/logo-left.png) no-repeat;}
#head .m{position:absolute; left:15px; top:0px; width:980px; height:134px;
text-align:center; background:url(img/logo-mid.png) repeat-x;}
#head .r{position:absolute; right:0px; top:0px; width:15px; height:134px;
background:url(img/logo-right.png) no-repeat;}

replace in all lines the 134px with the height you need.

if the space to the headline looks funny play around with the padding-top
and margin-top values in this lines:

#head .m h1{padding-top:29px;}
#head .m div{margin-top:7px; font-size:14px; font-weight:bold;}

May 8th, 2010 at 01:41
dailyforman.com Says:

can you share exact this wide theme? because you shared only small narrow one.. i need wide.

July 26th, 2010 at 18:59
María Laura Says:

Hi!! Congratulations for the theme! It’s really simple and nice… But, how can i change the width of all the blog? It’s for a 1440×900 monitor… Thank you

September 6th, 2010 at 15:11
Jim Says:

I’m using YAST on my blog. In the header I want the title of my blog to be in smaller type. Seems like it should be a simple fix, but I’m clueless. Thanks.

September 20th, 2010 at 03:40
Kress Says:

too cool for internet explorer.

January 17th, 2011 at 12:03
Mazhar Says:

I’ve visited your blog today nice blog

February 16th, 2011 at 01:24
Modular-IT » Blog Archive Says:

[...] Yast Theme This entry was posted on Wednesday, February 16th, 2011 at 12:26 am and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed.Both comments and pings are currently closed. No Responses [...]

February 18th, 2011 at 12:14
Darryl Says:

How do you make the site wider like this one?

February 28th, 2011 at 02:16
Dennis Says:

Love your theme, excellent work. I selected it also for not running on IE.
Dutch language support would be nice (can I help?)
Hardly any theme has a customizable footer, that would be nice too.

December 16th, 2011 at 17:21
HealthWp IT » 两栏式WP主题:Yet Another Standard Theme Says:

[...] 主题预览 分类: 二栏式 标签: Yet Another Standard Theme 暂无相关日志 评论 (0) Trackbacks (0) 发表评论 Trackback [...]

Leave a Reply