
It is cross-browser compatible. However, the CSS3 shadow effects are not visible in Internet Explorer. Instructions on editing the template can be found after the cut.
Instructions on editing the template
Navigation Bar
<div id='nav'>
<ul>
<li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a class='feed' expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a class='comment' expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a class='edit' href='#'>Edit</a></li>
</ul>
</div>
<ul>
<li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a class='feed' expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a class='comment' expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a class='edit' href='#'>Edit</a></li>
</ul>
</div>
Leave your comments below if you have any questions regarding the template or contact me via form.
UPDATE 18/07/2010 :
The template downloaded before this update date comes with header with no IMAGE support. Thanks to Whisper for the information on that. I've updated the template downloads with HEADER IMAGE support.
For those who downloaded and using the template, you have to change a small piece of code with another. Go to Design > Edit HTML > Click on "Expand Widget Templates". Search for the following code using CTRL + F.
<div class='titlewrapper' style='background: transparent'>
Just above that code, you'll see these codes.
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
Replace those codes with the code below and click Save.
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
No comments:
Post a Comment