I am 
Here we go: all layouts fluid (or partly, in case of n16):     The html structure is the same in all 4 pages - hence: any order columns!!! <body> <!-- begin container --> <div id='container'> <!-- begin header --> <div id='header'> </div> <!-- end header --> <!-- begin content --> <div id='content'> </div> <!-- end content --> <!-- begin column1 --> <div id='column1'> </div> <!-- end column1 --> <!-- begin column2 --> <div id='column2'> </div> <!-- end column2 --> <!-- begin footer --> <div id='footer'> </div> <!-- end footer --> </div> <!-- end container --> </body> There are only some differences (margin and width) in each layout's identifiers content, column1, column2 and footer. Works like a charm in MIE6/MIE7 and Firefox - almost perfect (good enough) in Opera. I haven't loaded them in Safari! And before I forget: here is a link to Alessandro Fulciniti's great page: Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!. Err .. I guess you do not need me anymore :-) |
Wednesday, February 28, 2007
Sample Techniques
Subscribe to:
Post Comments (Atom)
6 comments:
Thur...we will always need you!
:-) You are THE man!
Bello mio ... abbiamo bisogno di te !
That means ... Wunderfull men ... we need u !
I just make my question again ... I know I know ... the repetition make the people made but ... i try it, we never know !
I saw that u made the combination (a mix) between 2 templates "Wunderfull Technic"(3colons) and the "LikeWise" for your personal blog (http://www.thurbroeders.nl/)
My question: Will u make this combination available for a blog on blogspot too ?
I'm look for a complet journalistic blog'template on www.blogger.com
Thanks for your answer.
Just look the adsens on this experimental blog ... seem to have a problem.
http://ktoreseau.blogspot.com
See u later here
Steve ... your kid Koder fan
Hi Steve,
1) I notice you have solved the AdSense problem. Yep, you cannot put a 480 width AdSense box in a smaller sidebar.
2) I saw that u made the combination (a mix) ... It is the other way around, actually: that one came first - a 100% self-pottered theme, of course following this year's fashion! (Though it's a WordPress Theme ... much more flexible - easier to create and maintain.)
3) Will u make this combination available for a blog on blogspot too? ... No, not that one, although I may try to create one (a bit more) complex Blogger Template.
You know what it is?
I try to publish some very very very basic/rudimentary templates here (a simple and clear structure, never depending on images, et cetera.), so people can use them as a starting point (or for understanding css/xml).
When a template is published there are always e-mails with some questions: when offering a fixed-fluid-fixed there's always a request to make that same template but fluid-fixed-fluid - presenting a main-side-side there is most certainly a request to make that same template but side-side-main ...
It never ends!
Here's what this thread is supposed to achieve: based on any given structure one can create one's own template (fairly) easy!!!
I am not barking at you, Steve.
I must thank you for your kind words and your enthusiasm.
This is more a general remark (though inspired by your question).
I'll make one template - with sidebars and columns in footer! And that's it.
Kind regards,
Thur
Thanks for your answer Thur,
I understand your point of view ...
See u later maybe for a new template ... in a professionale style ;-)
I will try to understand this new beta language ...
Ah ... just one PROBLEM ... on the journalist template ... we cann't change the color of the post title ... impossible !
see u and good luck
Steve
Hi Steve,
we cann't change the color of the post title ... impossible !
Correct ... and so, in a way, that post-title-color is stupid of me, for only misleading!
Because that post-title is always a link to the single post pages I styled it seperately:
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color: #222222;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color: #222222;
}
So you can change the needed color (instead of #222222)
or
You could add two extra variables:
<Variable name="posttitlelinkcolor" description="Post Title Link Color"
type="color" default="#004276" value="#004276">
<Variable name="posttitlehovercolor" description="Post Title Hover Color"
type="color" default="#2b9cce" value="#2b9cce">
and use them in the h3 styling:
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color: $posttitlelinkcolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color: $posttitlehovercolor;
}
I hope this is any help.
Regards,
Thur
I am not very good with CSS code: could you make the code for main-side-side template available in full for a Blogger user?
Thank you.
Post a Comment