Tuesday, May 10, 2011

Wall Press | Blogger Template

Wall Press is a minimal, 2-column, clean blogger template with three column footer.

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'>
<li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a class='feed' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a class='comment' expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a class='edit' href='#'>Edit</a></li>

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='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-repeat: no-repeat; &quot; + &quot;width: &quot; + data:width + &quot;px; &quot; + &quot;height: &quot; + data:height + &quot;px;&quot;' id='header-inner'>

Replace those codes with the code below and click Save.

<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>

No comments:

Post a Comment


Related Posts Plugin for WordPress, Blogger...