Tuesday, June 23, 2009

template setup

Background images in this template are taken from

http://www.blogskins.com/info/108732
Notebook look [[dg]]
Contributed by: sigurros on September 9th, 2006 at 3:18 am


This template is based on Blogger default template "Minima", created by Douglas Bowman, with css style changes below:


body{
background-color: #ffffff;
background-image: url('http://img34.imageshack.us/img34/9100/botninnbl4.jpg');
...
}

#outer-wrapper {
background: url(http://img34.imageshack.us/img34/2130/headerinnyb1.jpg) no-repeat;
height: 700px;
top: 0px;
left: 0px;
.......
}

#header-wrapper{
position: absolute;
top: 170px;
left: 560px;
width: 510px;
z-index: 2;
height: 174px;
}
#main-wrapper{
position: absolute;
top: 280px;
left: 560px;
width: 510px;
z-index: 2;
height: 174px;
line-height: 21.5px;
}

#sidebar-wrapper{
position:absolute;
top: 263px;
left: 290px;
width: 230px;
z-index: 2;
padding: 2px;
}

#sidebar-wrapper .ul{
line-height: 21.5px;
}


After all, create a template from scratch is a nightmare...
Special thanks to the Blogger structure figure from ref here.

No comments:

Post a Comment