Calibri

Designer's Comments

Look carefully for specific instructions

Replace USERNAME with your own (username) or links won't work.

Background picture snagged from Createblog's very own graphics catagory; created by Aarora.

I think that's it...

Comment box idea Alek's

Using This Layout

For specific instructions read designer's comments

This is a Div Overlay layout, HTML knowledge required!
1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

<div id="mah_navi">
<ul>
<li><a href="http://www.createblog.com" class="c">Home</a></li> | 
<li><a href="http://USERNAME.createblog.com/friends/add.php?height=100&width=300&nocache=1192663004" class="c">Add</a></li> | 
<li><a href="http://www.createblog.com/forums/index.php?act=Msg&CODE=04" class="c">Message</a></li> | 
<li><a href="http://USERNAME.createblog.com/wink.php?height=100&width=300&nocache=1239496417" class="c">Wink</a></li>
</ul>
</div>

<a href="http://www.createblog.com">Createblog.com</a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ornare libero pharetra est. Integer ornare enim ut pede. In sit amet quam eget sem faucibus feugiat. Donec mi. Ut fermentum sapien id mauris. Fusce scelerisque facilisis lectus. Fusce sem. Phasellus non ante a ante lobortis eleifend. Proin dictum consectetuer elit. Aliquam ultrices. Proin mauris. Nulla auctor accumsan ante. Aenean ac nulla nec sem pretium pretium. Aliquam gravida, massa ut blandit dignissim, metus augue feugiat purus, vel pharetra justo massa elementum ante. Suspendisse sed felis sed odio aliquet aliquet. Curabitur lectus massa, aliquet eu, lacinia sed, vehicula ut, mauris. Nulla venenatis. Nullam nisi neque, consequat sed, porttitor non, rhoncus at, nulla. In hac habitasse platea dictumst.

Layout Code

Copy and paste to Footer HTML

Help

#login a {
    font-size:13px;
    font-family: calibri;
    color: #7c7c7c;
    text-transform: lowercase !Important;
    font-weight: normal;
}
#login a:hover {
    color: #1c1c1c;
}

#mah_navi {
    position:absolute; 
    left:50%;    
    margin-left: 30px;
    width: 450px;
    text-align: center; 
    overflow:visible;  
    top: 120px;
    font-size: 20px;
    font-family: calibri;
    color: #e9e7e7;
}

ul {
    list-type-style: none;
}

li{
    display: inline;
}

a.c{
    font-size: 20px;
    font-family: calibri;
    color: #1c1c1c;
    text-decoration: none;
    margin: 0 9px;
}

a.c:hover {
    font-size: 20px;
    font-family: calibri;
    color: #7c7c7c;
    text-decoration: none;
}

#about_meh {
    position: absolute; 
    left:50%;    
    margin-left: 20px; 
    width: 450px;
    overflow:visible;  
    top: 165px;
    font-size:14px;
    font-family: calibri;
    color: #1c1c1c;
    text-align: justify;
}

#about_meh a {
    font-size:14px;
    font-family: calibri;
    color: #7c7c7c;
    text-decoration: none;
}

#about_meh a:hover {
    font-size:14px;
    font-family: calibri;
    color: #000000;
    text-decoration: none;
}

{Comment box idea Alek's}

textarea { 
    background:#fff;
    border: 1px solid #7c7c7c;
    padding: 6px; 
    font-family: calibri;
    font-weight:normal;
    font-size: 12px; 
    color:#1c1c1c; 
    width: 350px !important;  
}
input, .button {
    margin-top:10px;
    background:#fff;
    border: 1px solid #7c7c7c;
    padding: 6px; 
    font-family:calibri;
    font-weight:normal;
    font-size:12px; 
    color:#7c7c7c; 
    width: 370px !important; 
}
.button:hover {
    background:#fff; 
    border: 1px solid #2a2a2a;
    color: #000;
</style>