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>

Layout Comments

Showing latest 10 of 23 comments

awesome =D
using

By freedomtocreate on Mar 6, 2010 6:42 pm

Beautiful.

By fridaleo on Feb 27, 2010 10:37 am

this is beautiful!

By staardust on Jan 2, 2010 10:17 am

USING!

By winterair on Nov 24, 2009 8:44 pm

i should totally say that i like this and im gonna freakin use this! =]

By atownqueen1 on Sep 28, 2009 7:25 pm

love it!!!

By VoodooDollHex on Aug 20, 2009 1:27 pm

Besides, recall the myspace has that ugly ad and you wouldn't really be able to see the background picture of the girl since the ad'll be in the way.

By wrisk81 on Aug 18, 2009 8:04 pm

Personally, I don't think this layout would even look good on myspace, this layout has way too much class for myspace. That's most likely why it isn't listed under MYSPACE layouts. ( just a thought, though, just a thought )

Excellent CREATE BLOG layout though, Wrisk81

By xinergy on Aug 14, 2009 7:11 pm