Thursday, December 29, 2005

Template List added

Because this place keeps growing I have listed most templates in the left sidebar. That's an easier look-up for the visitors, I guess.

Didn't include the FIXED layout (tb_b_20050901_black and tb_b_20050901_silver) though. As a rule: don't use them!

And while I was at it: I also made a Blogger Clones section :-)Because that (beautiful) Rounders layout depends on a few images I only added a second sidebar, leaving the Header and Footer a bit out-of-place. Of course it is better to give the Header and Footer the proper width, like in



[ view ] [ .htm ] [ .txt ]

but then you will need a new corners_cap_bot.gif and corners_cap_top.gif.

You can pick them up here:

[ corners_cap_985_bot ]
[ corners_cap_985_top ]

Please, host the images somewhere and place your URL in the code:

http://ADD YOUR URL HERE/corners_cap_985_bot.gif (2x)
http://ADD YOUR URL HERE/corners_cap_985_top.gif (2x).

Posted by thur at 10:19 PM 42 comments

Labels:

Saturday, December 24, 2005

All I want for Christmas ...

Merry Christmas !
Feliz Navidad !
Joyeux Noël !

... is a footer for The Emporer's New Clothes!



[ view ] [ download ]

This footer isn't implemented in the older tb_b_20050917 templates.
Here is one example + the code!

Additions in the style section:

/****************/
/* footer tag styles */
/****************/

#footer {
clear: both;
margin:0 10px 10px;
padding: 10px;
border: 1px solid #000;
text-align: center;
}

#footer p {
font-size: 0.8em;
font-weight: normal;
line-height: 150%;
}

The actual footer in the <body>:

</div>
<!-- end content -->

<!-- Begin #footer -->
<div id="footer">
<p>Put some footer stuff here ...</p>
</div>
<!-- End #footer -->

</body>
</html>

Update (Sunday, January 22, 2006):

Q: Is it possible to have separate (individual) sidebar boxes instead of 2 long sidebars with different sections?

A: Yes



[ view ] [ download ]

Additions in the style section:

Sidebar Layout DIV's changed:

#rightbar, #leftbar {
margin: 0px 0px 10px 0px;
}
#rightbar {
float: right;
}
#leftbar {
float: left;
}

Added:

.side {
width: 200px;
padding: 10px 0px;
margin-bottom: 10px;
border: 1px solid #000;
}

The actual structure in the <body>:

<!-- start left sidebar -->
<div id="leftbar">

<!-- start sidebar-box -->
<div class="side">

<div class="sidebar-title">Something</div>

<p>Put some text here ...</p>

</div>
<!-- end sidebar-box -->

<!-- start sidebar-box -->
<div class="side">

<div class="sidebar-title">Something else</div>

<p>Put some text here ...</p>

</div>
<!-- end sidebar-box -->

</div>
<!-- end left sidebar -->

Update (Friday, January 27, 2006):

Added a new one. Actually (someone asked!) it is just a mutilated tb_b_20060122: one sidebar is down!



[ view ] [ .htm ] [ .txt ]

Posted by thur at 8:22 PM 10 comments

Labels:

Subscribe to: Posts (Atom)