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
Sunday, February 25, 2007
Wonderful Techniques
Right, so we (I) just talked about fixed vs. fluid. Regardless of my personal taste many blogmasters are on the lookout for flexible layouts.  Can be pottered easily in(to) ... 1-column, 2-column, 3-column, columns horizontally or vertically arranged, all columns fluid, all columns flexible, et cetera (and every other possible combination) ... whatever! |
Saturday, February 24, 2007
Fixed vs. Fluid (reprise)
On the last thread Prasad Ranatunga commented: "There few problems I see in this test. The Width of the blog is limited, unlike the ones U made in earlier version, which is width of the browser." Recommended reading: 456 berea st: The Great Fixed vs Fluid Debate htmldog: Fixed vs. Fluid StopDesign: On Fixed vs. Liquid Design ST: max-width in Internet Explorer - a nice one on 'readability and line lengths' |
Wednesday, February 21, 2007
Minima 3-column (new) Blogger Clone
[ click images to view a live example ]  [ black ] [ blue ] [ ochre ] [ white ] Clone: new Minima 3-column - width: 960px. Status: published.  [ black ] [ blue ] [ ochre ] [ white ] Clone: new Minima (Blue) main-side-side w960. Status: published.  [ black ] [ blue ] [ ochre ] [ white ] |
Sunday, February 18, 2007
LikeWise v1.1
A new (stable) release of LikeWise (v1.1) is available in the left sidebar.  Here's an example! The Blogger Add and Arrange Page Elements Dashboard:  Note:
One can simply add more (and more) rows by copying and pasting the first row code - add a row between two existing rows! <!-- start bottom container 3 --> <div id='container2'> <div id='column'> <b:section class='column7' id='column7' preferred='yes'> </b:section> </div> <div id='column'> <b:section class='column8' id='column8' preferred='yes'> </b:section> </div> <div id='column'> <b:section class='column9' id='column9' preferred='yes'> </b:section> </div> </div> <!-- end bottom container 3 --> Be sure to name each column unique (otherwise the Dashboard will tell you so ...) and add each new column-name as a selector to the following specification (in the template style section) #column1, #column2, #column3, #column4, #column5, #column6, #column7, #column8, #column9, #main { padding: 10px; } to allow every single column its needed 'air'! |
Thursday, February 15, 2007
LikeWise
Meet LikeWise ...  The idea was to create an unlike Blogger Templates Blogger Theme! Like they were getting more and more popular last year: layout with several columns in the footer - no sidebar. And introducing the Blogger colors #004276, #2b9cce and #f67c2a. The Blogger Add and Arrange Page Elements Dashboard:  The following Variables are present: Page Background Color This one is mainly intended for those rare webloggers who just want to write and publish their posts ... not intending to show/use all them stupid stupid stupid Ads, Shout-boxes, Hit-counters, Paris Hilton Pictures, et cetera ... (err ... did I mention Ads ???) Download available on the left sidebar. |
Saturday, February 03, 2007
Save The Widgets !!!
Yes, it's a gas! When (1) you are already using Ohhhhh bloody bloody no no NOOOOO (you shout) ... and totally panicked you press the CANCEL button! There is an easy way to save your current widgets. The first thing to comprehend is the way the template can be presented: with Expanded or Collapsed Widget code! Above the Edit Template Window you will find a Checkbox Expand Widget Templates. Unchecked (thus widget code collapsed) a widget looks like: <b:widget id='Label1' locked='false' title='Labels' type='Label'/> Checked (thus widget code expanded) that same widget looks like (may look like - depends on the inserted code, of course): <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'> <data:label.name/> </a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> It is important to remember that, expanded or collapsed, the Widget Configuration Data is stored for you on the Blogger Server. Always! The process ... Saving your current template
Installing the new template
Done. That is: if you added all your existing Widgets you will not be bothered by this miserable Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.! And if so: press CANCEL ... have a drink ... play with the dog ... love your partner ... have a cigar ... love the one you're with ... and START AGAIN Epilogue:
Those Blogger boys and girls did a great job !!! |
IconArt
Having the lightest toolbox possible is a good thing, I think. |
Subscribe to:
Posts (Atom)