2005.01.14
Let's talk about a new design for your blog.
Blogspirit blogs are set for a 800*600 resolution by default. Why ? Because we are 25% to have this configuration. Of course we never want to get rid of 25% of our blog visits !
The problem is you may not have enough width for your posts...
Now "Tips & Tools" has a solution :
A 100% blog for any resolution with a width set to "auto". Let's try with this blog, if you reduce or increase your window, you will see that Tip & Tools act like a rubber band !
Now let's check the code, only CSS no HTML...
Before we start, you have to choose design n°1 or n°2 in "Design"->"Template sets". The 100% mode is only available with these two designs :
Now we have to go in "Design" -> "Advanced Design" then edit the "Stylesheet" file (aka CSS file).
Only changing styles are written, any update is wrote in bold :
#container {
width: auto;
border: 1px solid #cc6600;
line-height: 140%;
margin-right: 17px;
margin-left: 17px;
text-align: left;
background-color: #fff;
}
#left {
overflow: hidden;
float: none;
width: 180px;
background-color: #fff;
margin-left: 18px;
left: 0px;
top: 120px;
position: absolute;
}
#right {
overflow: hidden;
float: none;
width: 180px;
background-color: #fff;
margin-right: 18px;
right: 0px;
top: 120px;
position: absolute;
}
#center {
overflow: hidden;
float: none;
width: auto;
background-color: #fff;
margin-right: 163px;
margin-left: 181px;
}
...
.content {
float: none;
overflow: visible;
padding: 20px 15px 8px 5px;
width: auto;
font-size: 70%;
line-height: 150%;
}
Here it comes ! You have a 100% resolution blog : anyone can enjoy visiting your blog and you have more space for editing your posts !
NB :
Tested with :
Win : IE 5.01 IE 5.5 IE 6 Firefox / Mozilla 1.7 Opera 7.3
Mac : IE 5.1 IE 5.23 Firefox / Mozilla 1.3
15:20 Posted in Blog | Permalink | Comments (7) | Email this | Tags: Web
Comments
When will this option be available for all of the templates?
Posted by: Robert Rozema | 2005.03.12
Well, this option won't be available for other designs. In fact this is not really a Blogspirit option, it is more a hack (in a fine way) of the Blogspirit CSS system.
Posted by: thomas | 2005.03.14
Thanks. One more quick question: I'm looking to upgrade to the premium service that was supposed to begin yesterday. I don't see any links on the opening page . . .how does this work?
Posted by: RR | 2005.03.15
The premium services are coming soon. As soon as it will be public, every Blogspirit blogger will be notified by email and/or with the admin site.
For more information about this subject, please go to :
www.philippepinault.com/en/
Posted by: thomas | 2005.03.16
Any ideas why my blog looks a little weird today? Margins seem a bit off somehow.
Posted by: RR | 2005.04.19
Hey,
Now yours looks off too. I fixed my by lowering positions of the sidebars via CSS. Looks okay again in both I.E. and Firefox.
Posted by: RR | 2005.04.19
the russian visa
Posted by: russian visa | 2005.07.29
The comments are closed.