droid

Designer's Comments

Look carefully for specific instructions

My designer notes are important.

since the preview looks all weird which it really shouldn't // please click here to see how it should look like in firefox.

Also, I don't think you should change the background color, but you can play around with the colors (if you know what you're doing) and see how it works, though if you don't like the colors you picked than you can always re-get the code again. I think it looks just fine the way it is.

Lastly, change USERNAMEHERE to you're createblog username, and change MIDCODEHERE to you're mid code if you have no idea what you're mid code is than click here if you have any trouble not understanding that I would be more gladly to give your mid code to you.

////////////////// Custom Side Module //////////////////
please put this at the top of you're Footer HTML.
`click here for the code // `click here for the code // `click here for the code

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

<div id="nox"> <a href="/home/">index</a>

<a href="http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=MIDCODEHERE">message me</a>

<a href="http://www.createblog.com/comments/comments.php?id=profile">view comments</a>
<a href="http://dannyy.createblog.com/">theme</a>

</div>

</div> <div id="none">i have no friends to display.</div>

Layout Code

Copy and paste to Footer HTML

Help

<!--
    Droid theme for createblog 
    by http://dannyy.createblog.com/

"I wouldn't really wanna change the background color. 
      Don't be afraid to ask me for you're MID code. `Firefox."
-->
    <style type="text/css">
body {
text-transform:lowercase; color:#CCCCCC; line-height:110%; 
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 
font-size:9px; background-image:url('none'); background-color:#141414; background-repeat:no-repeat;
}

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

a:hover{
color:#19919C;
}

h1 {
font-family:'Century Gothic', 'Apple Gothic', sans-serif;
text-transform:uppercase; font-size:18px; line-height:20px;
font-weight:normal; position:relative; top:46px; left:260px;
}

h2, h3 {
font-family:'Century Gothic', 'Apple Gothic', sans-serif;
font-size:15px; line-height:20px; text-transform:uppercase; 
font-weight:normal; color:#AB2C73;
}

h2:hover {
color:#19919C;
}

h3, #bestfriends h2 {
color:#19919C!important;
}

h3:hover, #bestfriends h2:hover {
color:#AB2C73!important;
}

.header {
background-color:#0E0E0E; padding:7px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
height:67px; display:block; position:relative;
top:-26px; width:723px; left:85px;
}

td {
font-family:georgia; font-size:9px; 
font-weight:bold; opacity:.75;
border-bottom:1px solid #141414;
}

.col3 {
padding:7px; background-color:#1A1A1A; 
margin-bottom:5px; width:444px;
}

.col3 a:link, .col3 a:visited, .col3 a:active {
color:#19919C;
}

.col3 a:hover {
color:#AB2C73; 
}

#aboutme:hover, #contactme:hover, #comments:hover {
box-shadow: 0px 0px 5px #19919C; 
-webkit-box-shadow: 0px 0px 5px #19919C;
-moz-box-shadow: 0px 0px 5px #19919C;
}

.col2 .innerbox, .col4 .innerbox, .col4 {
padding:7px; background-color:#1A1A1A; margin-bottom:5px;
}

.col4:hover {
box-shadow: 0px 0px 5px #AB2C73; 
-webkit-box-shadow: 0px 0px 5px #AB2C73;
-moz-box-shadow: 0px 0px 5px #AB2C73;
}

#nox {
background-image:url("http://cbimg6.com/layouts/10/03/36195ae.png"); 
position:fixed; bottom:0px; left:0px; height:19px; width:100%; 
display:block; font-family:georgia; font-size:23px; z-index:1;
border-top:2px solid #141414;
}

#nox a:link, #nox a:active, #nox a:visited {
padding:5px; font-size:23px; text-transform:uppercase; color:#141414; font-family:georgia; width:100%; display:inline; position:relative; top:13px;
}

#nox a:hover {
color:#ccc; padding:5px;
}

#nox:hover {
background:url("http://i40.tinypic.com/30c0kco.png") repeat-x; 
height:34px; width:100%; display:block;
}

#bestfriends {
position:absolute; left:50%; 
top:128px; margin-left:68px;
}

#bestfriends:hover {
box-shadow: 0px 0px 5px #AB2C73; 
-webkit-box-shadow: 0px 0px 5px #AB2C73;
-moz-box-shadow: 0px 0px 5px #AB2C73;}

#comments img {
width:30px; height:30px; border-right:1px dashed #0E0E0E; 
padding-right:3px; background-color:transparent;
}

#splash {
background-color:transparent; position:absolute; 
top:-9px; margin-left:50%; left:-583px;
}

#splash img {
box-shadow: 0px 0px 5px #CCC; 
-webkit-box-shadow: 0px 0px 5px #CCC;
-moz-box-shadow: 0px 0px 5px #CCC;
opacity:.80;
}

#bestfriends a:link {
color:#AB2C73!important;
}

#bestfriends a:hover {
text-decoration:underline; color:#19919C!important;
}

#none {
background-color:#1A1A1A; height:80px; width:274px;
text-align:center; position:absolute; left:50%; 
top:128px; margin-left:68px; line-height:80px;
color:#424242;
}

#none:hover {
box-shadow: 0px 0px 5px #AB2C73; 
-webkit-box-shadow: 0px 0px 5px #AB2C73;
-moz-box-shadow: 0px 0px 5px #AB2C73;
}

input {
border:none; width:87px; height:30px;
background-image:url("http://cbimg6.com/layouts/10/03/36195ag.png"); 
font-family:small fonts!important; font-size:0px!important; 
position:relative; top:-11px; left:-9px;
}

textarea {
border:3px solid #141414; border-right:none; border-left:none;
background-color:#0E0E0E; background-image:url("http://cbimg6.com/layouts/10/03/36195ah.png");
background-repeat:no-repeat;
-moz-border-radius: 0px 0px 10px 10px; 
-webkit-border-radius: 0px 0px 10px 10px; 
width:650px; height:20px; padding-left:5px; 
padding-right:2px; font-family:arial; 
font-size:11px; color:#ccc; text-transform:lowercase; 
overflow:auto; line-height:19px;
}

textarea:focus {
background-color:#0b0b0b; background-image:url("none");
}

#recententries li {
border-bottom:1px solid #141414;
}

#aboutme, #skills {text-align:justify;} #bestfriends .right {position:relative; top:1px;} #bestfriends h2 {z-index:1;} #bestfriends img {position:relative; top:4px; border:3px solid #141414;} #recententries a:link, #recententries a:visited, #recententries a:active {font-size:9px; font-family:georgia; display:block;} #recententries a:hover {text-decoration:underline;} #bestfriends {width:260px;} #bestfriends img {width:30px; height:30px; position:relative; left:13px;} a:hover .image, a:hover .image2 {opacity:.75; border:none;} td:hover {opacity:1;} .image {width:64px; height:64px; padding:-.0px; border:none;} #aboutme, #contactme, #comments {position:relative; top:7px; left:85px;} .col4 {top:92px; position:relative; left:-149px;} .comment_body {opacity:1!important; position:relative; left:-62px; width:407px; display:block; text-align:justify;} .small {position:absolute; left:50%; top:22px; display:block; margin-left:322px; z-index:1; width:16px;} .small img {opacity:.44;} .small img:hover {opacity:1;} .blank {background-image:url("http://cbimg6.com/layouts/10/03/36195ai.png"); display:block; position:fixed; bottom:0px; height:8px; width:100%; left:0px; z-index:1;} #contactme tr img {width:10px; height:10px;} #comments p {opacity:.1;} .hr {border-bottom:1px dashed #141414;} #logo, #footer, #nav, #links, #stats, #login, .linkbox, .right img, div [class="comment_body smaller grey"], #recentphotos, #splash p {display:none;} :focus {outline:none;}  .box {position:absolute; left:50%; margin-left:-395px; top:96px; z-index:1;} #comments textarea, #comments input {display:none;} .smaller {display:none;} b {color:#19919C; font-weight:bold;} .col4 img {width:246px;}
</style>