DownRight v2.1

tag:blogger.com,1999:blog-16217833.post-86726964202421173072007-03-24T17:25:00.000+01:002007-04-04T00:17:45.587+02:00DownRight v2.1<div style="border: 3px solid #97C83D; padding: 20px;">March 29: <br /><br />I was told (and I have noticed) this new DownRight v2.1 Theme doesn't work correctly in <span style="font-weight:bold;">MIE < 7</span>!<br />So the template is down for now.<br />And I will fix this, of course.<br /><br />I do apologize to the folks who have tried this v2.1!</div><br /><br /><div style="background-color: #F0F0F0; padding: 20px; color: #f67c2a; font-style: italic;">Hi Thur,<br /><br />I use your Downright v1.4 on my blog <a href="http://bonniescalhoun.blogspot.com/">Bonnie Writes</a>.<br /><br />I would like to make the whole thing fixed, like you use here on the Blogger Workshop, rather than the fluid that it is now.<br /><br />Can you tell me what to do to change that please. Because of SEO, I want to have the main load first, [...] .<br /><br />Thank you for your help, in advance!</div><br />Hi Bonnie,<br /><br />[ status: completed! ]<br /><br /><div class="shadow" style="padding:0 2px 2px 0"><a href="http://thurtest.blogspot.com/" title="DownRight v1.4"><img src="http://www.thurbroeders.nl/images/200703/dr14b.jpg" style="top:-7px;left:-7px" alt="DownRight v1.4" /></a></div><div style="clear: both;"></div><br /><span style="color: #6699FF; font-size: .8em;">[ click image to view DownRight v1.4 page ]</span><br /><br /><div class="shadow" style="padding:0 2px 2px 0"><a href="http://www.thurbroeders.nl/thurstemplates/downright21.htm" title="DownRight v2.1"><img src="http://www.thurbroeders.nl/images/200703/dr21b.jpg" style="top:-7px;left:-7px" alt="DownRight v2.1" /></a></div><div style="clear: both;"></div><br /><span style="color: #6699FF; font-size: .8em;">[ click image to view DownRight v2.1 page ]</span><br /><br /><div class="shadow" style="padding:0 2px 2px 0"><img src="http://www.thurbroeders.nl/images/200703/dr21db.jpg" style="top:-7px;left:-7px" alt="DownRight DashBoard v2.1" /></div><div style="clear: both;"></div><br /><br />As promised I have copied the original DownRight v1.4, and made some alterations using <span style="color: #2b9cce;">negative margins</span>, <span style="color: #2b9cce;">any order columns</span> and <span style="color: #2b9cce;">opposite floats</span><br />(as I gratefully learned from <a href="http://blog.html.it/layoutgala/">Alessandro Fulciniti</a>)!<br /><br />Resulting in a <a href="http://www.thurbroeders.nl/btemplates/DownRight_v2.1.xml">DownRight v2.1 Blogger Theme</a> featuring:<blockquote>3-column<br />fixed 960px width<br />Main column loads first<br /></blockquote>Here is the xml MarkUp:<br /><br /><div style="background-color: #F0F0F0; padding: 20px; color: ;"><br /><span style="color: #f67c2a;">   <div id='content_wrap'></span><br /><br /><br /><span style="color: #f67c2a;">   <div id='header_wrap'> </div></span><br /><br /><br /><br /><span style="color: #f67c2a;">   <div id='main_wrap'> </div></span><br /><br /><br /><br /><span style="color: #f67c2a;">   <div id='leftbar_wrap'> </div></span><br /><br /><br /><br /><span style="color: #f67c2a;">   <div id='rightbar_wrap'> </div></span><br /><br /><br /><br /><span style="color: #f67c2a;">   <div id='footer_wrap'> lt;/div></span><br /><br /><br /><span style="color: #f67c2a;">   </div></span><br /></div><br />I have tested the v2.1 in MIE 5/6/7, FireFox and Opera (<span style="font-weight:bold;">not in Safari!!!</span>).<br /><br /><span style="font-weight:bold;">Notice</span>: <br /><blockquote>Because the margin settings are very very strict one should not set any border-width to 0px. Alter the border-color to match the page-background-color instead!<br /><br />Due to those negative margins the Layout in the Blogger Dashboard looks a bit silly. Works though!</blockquote>thurhttp://www.blogger.com/profile/11325683639754912267noreply@blogger.com