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 ]

10 comments:

Zarah said...

Hi,
Merry Christmas and A Happy New Year to you. Firstly, I like thank you for the effort that you have put to write the code and putting it up for us to use. Would it be too presumption to ask if you could make the column all the same length? I am trying to mix your code and another one I found on the net with all the column having the same length, but it did not turn out right. Thank you once again.

Zarah said...

Hi,
It's me again. I've managed to make the column all the same length using Stu Nicholls's code. And also your code with the table for post.body is just brilliant. Thank you.
http://www.cssplay.co.uk/index.html

thur said...

Hi Zarah,

I left a comment on zarahspace ( http://zarahspace.blogspot.com/2005/12/lorem-ipsum-3.html ).

Regards

Zarah said...

Thank you Thur. I'm sure you will enjoy css play site as much as I.

Anonymous said...

hi Thur,

If i want to put a personal image for the header, what are the dimention for it in pixels.

thanks

ad_sum2002@yahoo.com

Steve

KaliTime said...

Brilliant template. I'm using it for my 'not annoying my friends with quizzes' blog. Great work!

Anonymous said...

Hello-

I just found your templates and I think they are wonderful. I've always wanted a 3 column, so thanks for making that happen.

I'm having a few issues though. Apparently my readers on a PC in Internet Explorer are getting a jumbled mess. Some are getting all caps some are getting all columns running together? Do you know why this would be?

I'm on a Mac and in Safari, Firefox and IE it looks wonderful to me, I actually love it, but most of my viewers are PC and IE.

Any suggestions or information would be greatly appreciated. My blog is www.uniquelyyouphoto.blogspot.com.

Thanks!

Bob said...

Hi Thur

Thanks for your design. I've changed it a bit switched the coloumns around and altered the colours extensively.

www.yellowhand.dk (in danish)

Anonymous said...

I really like your template, especialy below.

tb_b_20060107_black
tb_b_20050917_black

I tried to change templete on my blog, but did not work.
Is it because of using blogger beta?
Do you plan to make for blogger beta?

Thanks.

mys said...

Thanks, i like your template alot.