Nice template called Creative by Nature
Posted: 9/07/2009 by Floyd in Labels: Favorite, template, Tools
Great looking template called Creative by Nature can be found over at Deluxe Templates, this is really a neat looking template. When I first installed it the page element page on the widgets was floating a little to the right and hiding the edit widget link. I found a fix around this by adding some code before the skin tag in the edit html section, first log into blogger and go to layout and edit html, look for this code;
.left-area {
display:inline;
float:left;
margin-bottom:0;
margin-top:0;
padding-left:17px;
padding-right:5px;
}
#footer p {
margin-top:10px;
}
.right-area {
display:inline;
float:right;
padding-right:17px;
}
]]></b:skin>
Directly above the skin tag add this code,remember you have to create a space there so put your pointer directly in front of } and hit enter to create the space to paste your code in. Paste in this code;
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
width: 760px;
}
body#layout #outer-wrapper,
body#layout #content-wrapper,
body#layout #header,
body#layout #footer-wrapper {
width: 760px;
}
body#layout #main-wrapper {
width: 400px;
}
body#layout #sidebar-wrapper {
width: 300px;
margin-left: 10px;
}
Now when you go to your layout page should be able to see the edit widget line, I have only tried this in Firefox but should work with Internet Explorer also, and I almost forgot don't forget to save your template after adding your new code. The main idea for editing wireframe came from, the Blogger Guide but I altered the code a little and change the numbers as you can see. The orginal is for a 3 column template.
Update; tested this in IE,Firefox,Opera-10 and Google Chrome, it works with everything except Chrome and it probably could be tweaked some way to work in chrome also.
Download this great looking template
wow, this really work.
thank you, I have updated template, so noone need to edit it.
Thx Floyd.