Rockstar (CB)

CreateBlog Layouts / Standard

Designer's Comments

Look carefully for specific instructions

I really like this layout. it took me forever to code it.
i hope you enjoy it.

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

<a id="heading"href="http://alek.createblog.com">
layout designed by alek</a><style>

body {
    background:
    url(http://i42.tinypic.com/2poba7r.png)
    top left
    repeat-x
    gray;
}

#logo, .grey, .hr, hr {
    display:none!important;
    background-color:transparent;
}

#nav { 
    z-index: 2 !important;
    position:absolute; 
    top:0px; 
    left:50%; 
    margin-left:-350px; 
}

#nav a { 
    display:block; 
    padding-right:20px; 
    padding-left:20px; 
    
}

#nav a:link, #nav a:visited, 
#nav a:active { 
    color:#e9e9e9 !important; 
    font-weight:normal; 
    font-size:11px; 
}

#nav a:hover { 
    color:white !important; 
    background:#0b0b0b; 
    border:0px !important; 
}

#nav li:hover ul, #nav li.over ul { 
    top:40px; 
}

#nav li:hover ul#rightdrop, 
#nav li.over ul#rightdrop { 
    left:0px;
    top:40px; 
}

#nav li#search { 
    display:none; 
}

#nav li#search input { 
    display:none; 
}

#nav li.submit { 
    display:none; 
}

#nav li ul li { 
    background:#484848; 
    padding:0px; 
    border-bottom:0px 
    !important; 
}

#nav li ul li a { 
    line-height:10px; 
    padding:5px 10px; 
    padding-left:15px; 
    padding-right:5px; 
    margin-left:-10px; 
}

#nav li ul li.top { 
    border-top:0px; 
}

#container {
    background:
    url(http://i42.tinypic.com/amf5vb.png);
    padding:15px;
    width:700px;
    margin-top:90px;
    font-family:century Gothic !important;
}

#title {
    z-index: 1 !important;
    top:50px;
    left:50%;
    margin-left:-350px;
    position:absolute;
    font-size:20px;
}

#title b {
    font-size:25px;
    color:#600000;
    font-weight:normal;
}

strong {
    color:white !important;
}

.standardbox {
    background:transparent !important;
}

.standardbox .profile {
    background:
    url(http://i42.tinypic.com/amf5vb.png);
    border:1px solid #777;
}

.standardbox .profile a img.image {
    width:100px !important;
    height:100px !important;
    border:0;
}

.standardbox .profile p a {
    padding:0px !important;
    text-align:center !important;
}

.standardbox .profile p a:hover {
    text-align:center !important;
}

span.big {
    color:white;
    text-transform:none;
    font-size:11px;
}
    
input {
    margin-top:10px;
    background:
    url(http://i42.tinypic.com/amf5vb.png);
    padding:10px; 
    font-family:arial;
    font-weight:normal;
    font-size:12px; 
    width:80% !important; 
}

textarea {
    background:
    url(http://i42.tinypic.com/amf5vb.png);
    padding:10px; 
    font-family:arial;
    font-weight:normal;
    font-size:12px; 
    color:#454545; 
    width:380px !important;  
    border:0px;
}

input, .button {
    margin-top:10px;
    background: 
    url(http://i42.tinypic.com/amf5vb.png);
    border:0px;
    padding:10px; 
    font-family:arial;
    font-weight:normal;
    font-size:12px; 
    color:#454545; 
}

.button:hover {
    color:white;
}

#login {
    color:gray !important;
    position:absolute;
    left:50%;
    mrgin-left:140px;
    top:50px;
}

#login  a{ 
    text-transform:none !important;
}

#login  a:hover { 
    border-bottom:0px !important;
}

.innerbox img.image { 
    width:400px;
}

.innerbox a img.image {
    display:inline;
}

#recentphotos a img.image { 
    width:50px; 
}

.col4 .innerbox a img.image { 
    width:50px; 
}

.comment_img a img.image { 
    width:50px; 
}

.col4 {
    margin-top:-30px;
    margin-left:440px; 
    width:200px;
}

.col3 {
    width:400px; 
}

:focus {
     outline:none;
}

.innerbox img.image {
    border:0;
    filter: alpha(opacity=80);
    opacity: .8;
    padding: 0;
}

.innerbox img.image:hover {
    border:0;
    filter: none;
    opacity: 1;
    padding: 0;
}

.alertbox a:link, .alertbox a:visited, 
.alertbox a:active  { 
    display:block; 
    color:white !important; 
    padding-left:20px 
    !important; 
    padding:4px;
}

.alertbox a:hover { 
    display:block; 
    background:
    url(http://i42.tinypic.com/amf5vb.png);
    padding-left:20px  !important; 
    padding:4px;
    border:0px !important;
    color:white !important;
}

#bestfriends .innerbox img.image, 
#comments .innerbox img.image { 
    width:50px!important; 
    height:50px!important; 
}

.innerbox { 
    background:
    transparent !important;
}

.outerbox {
    background:
    url(http://i42.tinypic.com/amf5vb.png); 
    padding:5px;
}

.comment_body {
    padding:0px; 
    border-bottom:
    1px solid #777;
}

table, td, th, tr, div, .alertbox li {
    border:0px; padding:0px; cursor:default;
}

#footer, .entrybox, .alertbox, 
.linkbox, .innerbox, .innerbox li {
    background:transparent; 
    padding:0px; 
    border:0px;
}

div, table, td, th, tr, font, small, big, p, 
h1, h2, h3, h4, a, .linkbox strong, .linkbox {
    font-size:11px;
    font-weight:normal;
    font-family:arial; 
    text-decoration:none;
    color:#e9e9e9;
    font-weight:normal;
}

h1, h2, h3, h4 {
    display:block;
    color:#fff;
    height:20px;
    line-height:20px;
    background:black;
    padding:0px 5px;
}

.linkbox a, linkbox a:link, .linkbox a:visited, 
.linkbox a:active, .go a:link, .go a:visited, 
.go a:active, a:link, a:visited, a:active, .smaller a:link, 
.smaller a:visited, .smaller a:active, 
#login a:link, #login a:active, #login a:visited, 
.grey a:link, .grey a:visited, .grey a:active, a {
    font-size:11px; 
    font-family:arial;  
    color:#e9e9e9; 
    font-weight:normal; 
    text-decoration:none; 
}

a:hover { 
    color:#600000 !important;
    border-bottom:1px 
    dashed #000 !important; 
}

.linkbox a:hover, .go a:hover, a:hover, 
.smaller a:hover, #login a:hover, .grey a:hover {
    font-size:11px; 
    font-family:arial; 
    color:#fff; 
    font-weight:normal; 
    text-decoration:none;
}

#splash img.image {
    max-width:350px;
}

#footer{display:none !important;}
#cats { display:none; }

a.thickbox img { display:none; }
p.right { display:none; }
div.hr { display:none !important; }

#heading {
    position:absolute;
    top:0px;
    left:0px;
    height:40px;
    display:block;
    line-height:40px;
    color:#333 !important;
    border:0px !important;
    background:#0b0b0b;
    padding: 0px 5px;
}

a#heading:hover { 
    color:white !important; 
}

</style>

Layout Comments

Showing latest 10 of 14 comments

I hope this looks the way it's suppose to when I use it. I'll look at it again when I get home, with Firefox, and IE 8, but right now where I'm at, I can only use IE 6, and it doesn't look right at all in it, lol... but that's probably already known, right?

By Weathered on Aug 29, 2009 4:36 pm