Voortdurend broedend op een passend antwoord op de vraag Is there a fluid-width version of White Grail available? ben ik vandaag eens gaan fröbelen met een Blogger Template gebaseerd op de YUI Library (Yahoo! User Interface – version 2.8.1).
Mijn testblog (thurbroederstest200) – ja hoor, klik gerust – wordt opgebouwd met een maagdelijke Blogger Template, waarin de volgende Stylesheets en CSS code:
yui.yahooapis.com/2.8.1/build/reset/reset.css
yui.yahooapis.com/2.8.1/build/fonts/fonts.css
yui.yahooapis.com/2.8.1/build/grids/grids.css
yui.yahooapis.com/2.8.1/build/base/base.cssBovenstaande 4 samengevoegd voor een ‘more efficient pageload performance’:
yui.yahooapis.com/2.8.1/build/reset-fonts-grids/reset-fonts-grids.css
yui.yahooapis.com/2.8.1/build/base/base-min.cssbody{margin:0;background:$bgcolor;color:$textcolor;}
#wrap{margin:0 auto;
min-width:57.69em;/* non-IE */*min-width:56.25em;/* IE */
max-width:74.923em;/* non-IE */*max-width:73.05em;/* IE */}
.post img{padding:4px;border:1px solid $bordercolor;}
.description{color:#d54e21;}
a:link, a:visited{text-decoration:none;color:#21759b;font-weight:bold;}
a:hover{color:#464646;}
h3.post-title,h3.entry-title{font-size:2em;}
#sidebar h2{padding:.2em .5em;background-color:#21759b;color:#fff;}
Een fluid/flexible design (elastisch, zo je wilt) met een min- en max-width, maar verders haast niks gedefinieerd!
Hieronder zie je respectievelijk (1) een voorbeeld van een volledig scherm (2) het effect van de min-width en (3) een link naar de testblog.
En een nieuwe Thur Broeders Blogger Templates:
Header Image: Hannah Tointon (moody teenager Casey (a compelling performance by ‘Hollyoaks’ actor Hannah Tointon) whose adult intelligence is shot through with an infantile ruthlessness) in The Children (2008) …
