blood traitor

Designer's Comments

Look carefully for specific instructions

make sure you change USERNAMEHERE to you're createblog user name and MIDCODEHERE to you're mid code. if you have no clue what you're mid code is click here (thats the way I do it, their probably is easier ways).

click here for a better preview of the layout. please do it. click here for a better preview of the layout. please.

//UPDATE//
Adding a background now looks great something like (this)

that would be cool if you commented saying using~ use firefox too`

Using This Layout

For specific instructions read designer's comments

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

Layout Code

Copy and paste to Footer HTML

Help

<!--
    Blood Traitor Theme for Createblog 
    by http://dannyy.createblog.com/

"use firefox and nothing else, please"
-->
    <style type="text/css">
body {
color:#000; background-color:#FFF;
background-image:url('none'); background-position: center;
background-attachment:fixed; background-repeat: repeat;
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size:11px; line-height:13px; text-align:justify!important;
}

#center {
background-color:#FFF; width:758px; display:block;
position:fixed; top:0px; height:100%; z-index:-22;
left:50%; margin-left:-393px;
}

#login a:link, #login a:visited, #login a:visited {
font-weight:normal; text-transform:lowercase; 
color:#FFF; opacity:.5;
}

#login {
color:transparent; position:absolute; 
left:50%; margin-left:50px; top:57px; 
z-index:22;
}

#login a:hover {
background-color:transparent; opacity:100;
}

#splash {
position:relative; top:-60px; border:none;
}

.col2 .innerbox, .col4 .innerbox {
background-color:#fafafa; padding:2px;
}

h1 {
font-family:Helvetica, Arial, sans-serif; font-weight:bold;
font-size:33px; text-transform:uppercase; position:absolute;
top:12px; left:25px; letter-spacing:-1px; width:726px;
}

h1:hover {
color:#FFF; background-color:#000;
}

a:link, a:active, a:visited {
color:#000; text-decoration:none;
}

a:hover {
color:#FFF!important; background-color:#000;
}

.image {
border:none; padding:-.0px; background-color:#FFF; 
width:24px; height:24px; position:absolute; top:15px; 
margin-left:-242px;
}

#bestfriends img {
border:1px solid #999; padding:2px; 
width:50px; height:50px; 
position:relative; top:5px;
}

#comments img {
border:1px solid #999; padding:2px; 
width:45px; height:45px; position:relative; 
top:0px; margin-left:0px; float:right;
}

a:hover .image, a:hover .image2 {
border:1px solid #303030; opacity:.75;
}

h2,h3 {
color:#000; font-family:arial;
font-size:12pt; line-height:19px;
font-weight:normal; text-transform:lowercase;
opacity:.85;
}

.col2, .col4 {
background-color:transparent; padding:3px; font-size:9px;
border-left:2px solid black;
}

.col3 {
background-color:transparent;
padding:3px; border-right:2px solid black;
width:480px; margin-left:90px;
}

#top{
display:block; width:750px;
padding: 0px 0px; height:25px;
background-color:#000; border:2px solid #fff;
border-left:none; left:91px;
position:relative; top:10px;
}

#top li{
line-height:15px; display:inline;
list-style:none; height:15px;
float:left; padding: 5px 20px;
font-weight:bold; font-size:14px;
text-transform:uppercase; border:none;
border-right:4px solid #fff; background-color:#000;
letter-spacing:px;
}

#top li a {
color:#FFF; text-decoration:none;
}

#top li a:hover {
background-color:transparent;
}

#top li:hover{
background-color:#00C2F2;
}

textarea {height:20px; border:none; background-color:#000; width:382px; color:#fff; font-size:13px; font-family:arial; line-height:19px;} input {height:24px; border:none; width:94px; font-family:small fonts!important; font-size:1px!important; color:transparent; background-image:url('http://i45.tinypic.com/2whr2fl.png'); position:relative; top:-34px; left:386px; background-color:#000;}
input:hover {background-image:url('http://i48.tinypic.com/2cr10uc.png');} textarea:hover {color:gray;} td, .hr, li, .innerbox li {border-bottom:1px solid #f4f4f4;} #recententries a:link, #recententries a:visited, #recententries a:active {font-size:10px;} .col2, .col4, .col3 {position:relative; top:37px;} .col2, .col4 {position:relative; left:-121px;} #entries, #subprofile, #cats {display:none;} #skills, #aboutme {text-align:justify;} .outerbox {margin-bottom:0px;} .alertbox, #logo, #nav, .linkbox, .right img, .smaller {display:none;}
#recententries a:link, #recententries a:visited, #recententries a:active, #stats a:link, #stats a:visited, #stats a:active, #submissions a:link, #submissions a:active, #submissions a:visited, #favorites a:link, #favorites a:active, #favorite a:visited {width:100%; display:block; opacity:1;} #stats a:link, #stats a:visited, #stats a:active {padding-bottom:1px; position:relative; top:-1px;}
div [class="comment_body smaller grey"] {float:right; font-family:small fonts; font-size:7px; text-transform:uppercase; opacity:.5;} div [class="comment_body smaller grey"] img {width:9px!important; height:9px!important; border:none!important;} #stats h3, #skills h3 {position:relative; top:5px;} #bestfriends h2 {position:relative; top:4px;} .right {z-index:22; position:relative; top:5px;} .view {position:absolute; left:50%; margin-left:258px; top:105px;} #stats td, #aboutme td, #submissions td, #favorites td {font-size:10px;} #aboutme h2 {position:relative; top:4px;} #recentphotos, #footer {display:none;} .comment_body {text-align:justify; position:relative; left:-42px; width:420px;} #contactme tr img {width:12px; height:12px;} #splash p {position:absolute; left:50%; margin-left:-242px; top:72px; text-transform:lowercase; background-color:#eeeeee; color:#666666; padding:5px; width:740px; z-index:-1; display:block;} 
</style> <div class="view"><a href="http://www.createblog.com/comments/comments.php?id=profile">(view all comments?)</a></div>

Layout Comments

Showing latest 10 of 16 comments

nice

By apochromance on Feb 21, 2011 1:50 am

likes it

By Xavier-San on Oct 14, 2010 8:40 am

Using WITH firefox

By SaturdayRiot on Aug 25, 2010 12:17 am

Using.
Amazingly put together.

By DreadingApocalypse on Aug 13, 2010 6:25 pm

ussssing.

By Geheroe on Aug 7, 2010 10:02 pm

Nicely done.

By swan on Jul 23, 2010 2:34 am

ussssssinggggg ♥

By koobecaf on Jul 20, 2010 3:23 am

This is brilliant.

By Mickey on Feb 20, 2010 5:28 pm

Ah, i love it.
Nice job!

By aaaaaa000000 on Feb 19, 2010 1:48 pm

Love it.

By futura on Feb 16, 2010 2:59 am

View all »

Layout Details

Designer	dannyy
Submitted on	Feb 5, 2010
Page views	26,200
Favorites	37
Comments	16
Reviewer	Cristy
Approved on	Feb 8, 2010

blood traitor

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates