Share Your Profile Layouts [Defunct]

  • LilyRayStays

    LilyRayStays (100)

    :
    Member
    Gender:
    Location:
    United States
    Simple Pink Oli Sykes layout. His picture can be changed to anyone of your liking really. If you want it in a different color or have trouble switching out the picture just PM me.
    Top Bottom

    CSS

    body {
    background-image: url(http://s228.photobucket.com/albums/ee192/keryn295/polkadots.png);
    background-repeat:repeat;
    background-attachment: fixed;
    background-position: bottom right;
    background-color: #FFFFFF;

    scrollbar-face-color : #FFFFFF;
    scrollbar-highlight-color : #FFFFFF;
    scrollbar-3dlight-color :#FFFFFF;
    scrollbar-shadow-color :#FFFFFF;
    scrollbar-darkshadow-color : #FFFFFF;
    scrollbar-track-color : #FFFFFF;
    scrollbar-arrow-color :#FFFFFF;

    font-family: trebuchet ms;
    font-size: 8pt;
    color: #000000;
    line-height: 15px;
    text-align: center;
    margin: 0px;
    }

    .sidebar{
    padding:5px;
    background:#FFFFFF;
    font-family:small fonts;
    color:#666666;
    font-size:7pt;
    line-height:10pt;
    text-decoration:;
    text-align: left;
    }

    .header{
    padding: 1px;
    font-family:century gothic;
    color:#FF66B3;
    font-size:9pt;
    font-weight: bold;
    line-height:10pt;
    text-decoration:;
    text-transform:uppercase;
    text-align: center;
    background: #FFFFFF;
    }

    .title{
    font-family: small fonts;
    font-size: 6pt;
    text-transform: uppercase;
    text-align: center;
    color: #FF9DBE;
    background-color: #FFE5EE;
    border-bottom: 3px double #000000;
    line-height: 4px;
    padding: 3px;
    }

    .post{
    padding:5px;
    background:#FFFFFF;
    font-family:arial;
    color:#0000000;
    font-size:8pt;
    line-height:10pt;
    text-decoration:;
    text-align: left;
    }

    .quote{
    font-family: small fonts;
    font-size: 7pt;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #000000;
    border-bottom: 3px double #FFE5EE;
    padding: 3px;
    line-height: 7px;
    }

    blockquote{
    font-family: small fonts;
    font-size: 7pt;
    color: #000000;
    background-color:#f5f5f5;
    padding: 4px;
    border: 1px dashed #FF9DBE;
    }

    A:link,A:visited,A:active{
    text-decoration:none;
    font:7px small fonts;
    color:#666666;
    background:none;
    line-height:11px;
    text-transform:uppercase;
    border: 0px #000000;
    }

    A:hover{
    font:7px small fonts;
    color: #FF9DBE;
    text-transform:uppercase;
    }

    #navbar-iframe { height: 0px; visibility: hidden; display: none; }

    u {
    text-decoration:underline; border-bottom: 2px double #F76E89;}
    b {
    text-decoration: bold; color:#F76E89; background:#FFE5EE;}
    i {
    text-decoration: italic; color: #FF9DBE;}
    strong, bold {
    text-decoration: strong; color: #FF9DBE;}
    s {
    text-decoration: strikeout; color: #8d8d8d;}
    #menu,#menu a

    {
    background-color:#FFFFFF;
    color:black;
    left: -75px;
    top: -5px;
    width: 590px;
    }

    #options
    {
    background-color:#FFFFFF;
    color:black;
    left: -75px;
    top: -5px;
    width: 590px;

    }

    #poems li,#stories li,#articles li,#info dd,#info dt,#articles img,#photos .photo,#friends img,#about li,#journals li, #image img,#articles li img
    {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
    }

    #friends a:hover img
    {
    background-color:#FFE5EE;
    border-style: solid;
    }

    #friends img
    {
    padding: 0px;
    }

    #photos .photo div{
    background-color: transparent;
    }
    #poems,#stories,#articles,#photos,#friends,#about ,#journals, #image
    {
    background-color: transparent;
    }

    #friends div
    {
    font-size: 0em;
    color: black;
    }

    HTML

    <div style="position: absolute; top: 59px; left: 120px; width:220px; height="320" background-color: none; filter:alpha(opacity=100);">
    <div class="sidebar"><div class="quote"></div>
    <div class="title">
    Hottie of the Week
    </div><center>
    <img src="http://i148.photobucket.com/albums/s39/leaping_lightning_rods/oliver%20sykes/Oli_Sykes____So_Cute--large-msg-116.jpg" width="200" height="311">
    <br>
    <div class="quote"></div>
    </div></div>

    <div style="position: absolute; top: 59px; left: 345px; width:385px; height: 500px; overflow: auto; background-color: #FFFFFF;">
    <div class="post">
    <div class="quote"></div>
    <div class="title">
    About Me
    </div><br><center>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>

    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>

    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>

    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>

    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>

    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>

    WRITE ABOUT YOURSELF HERE<br>
    WRITE ABOUT YOURSELF HERE<br>

    <br><br></center>
    <div align="right"> <a href="http://member.mibba.com/57873/" title=" designer" target="_blank">designer</a> <a href="http://member.mibba.com/57873/" title=" designer" target="_blank">LilyRayStays</a></div></div>
    <div class="quote"></div><br>
    </div></div></div>

    <div style="position: absolute; top: 564px; left: 345px; width:385px; overflow: auto; background-color: #FFFFFF;">
    <div class="post"> <div class="quote"></div>
    <div class="title">
    Comments
    </div><br>
    <!-- comments_start -->
    <div id="comment-area">
    {COMMENTS}
    </div>
    <!-- comments_end -->

    <br>
    <div class="quote"></div>
    </div></div></div>

    <div style="position: absolute; top: 419px; left: 120px; width:220px; overflow: auto; background-color: #ffffff; ">
    <div class="sidebar">
    <div class="quote"></div>
    <div class="title"> Friends </div>
    <!-- friends_start -->
    <!-- friends_start -->
    <div id="friends">
    {FRIENDS}
    </div>
    <!-- friends_end -->
    <br>
    <div class="quote"></div><br>
    <div class="quote"></div>
    <div class="title"> Photos </div>
    <!-- photos_start -->
    <div id="photos">
    {PHOTOS}
    </div>
    <!-- photos_end -->

    <br><br>
    <div class="quote"></div><br>
    <div class="quote"></div>
    <div class="title"> Stories </div>
    <!-- stories_start -->
    <div id="stories">
    {STORIES}
    </div>
    <!-- stories_end -->
    <br><br>
    <div class="quote"></div><br>
    <div class="quote"></div>
    <div class="title"> Journals </div>
    <!-- journals_start -->
    <div id="journals">
    {JOURNALS}
    </div>
    <!-- journals_end -->
    <br><br>
    <div class="quote"></div><br>
    <div class="quote"></div>
    <div class="title"> Poems </div>
    <!-- poems_start -->
    <div id="poems">
    {POEMS}
    </div>
    <!-- poems_end -->
    <br><br>
    <div class="quote"></div><br>
    <div class="quote"></div>
    <div class="title"> Articles </div>
    <!-- articles_start -->
    <div id="articles">
    {ARTICLES}
    </div>
    <!-- articles_end -->

    <br><br>
    <div class="quote"></div><br>
    <br><br>
    </div></div></div>
    July 22nd, 2008 at 07:06am
  • Smoking_socks

    Smoking_socks (100)

    :
    Member
    Gender:
    Age:
    37
    Location:
    United States
    A very colorful Nightmare Before Christmas Layout.

    Black background with red text.

    Here is the main background picture.

    http://photobucket.com/image/nightmare%20before%20christmas/nightmarefan1/jack.jpg

    Copy and paste below. Paste in your CSS box. Enjoy! :)

    html body div #menu {
    font-family: BellGothic black;
    }

    html body div #options {
    font-family: BellGothic black;
    }

    body
    {
    background-image:
    url(http://i290.photobucket.com/albums/ll279/nightmarefan1/jack.jpg);
    background-repeat:repeat; repeat;
    background-position: top center;
    font-family: BellGothic black;
    font-size: 20px;
    margin-top: 200px;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 20px;
    text-align:center;
    }

    #main {
    background-image:
    url(http://i290.photobucket.com/albums/ll279/nightmarefan1/jack.jpg);
    overflow: hidden;
    width: 600;
    }

    #info-section {
    border-style: solid;
    border-width: 0 0 10px 0;
    text-align: center;
    }

    #about-content {
    line-height: 1.7em;
    text-align:center;
    overflow: hidden;
    }

    html body div #menu, #info-section {
    background-color: #000000;
    }

    #main, #info-section, #photos .photo, #friends img, #comment-list img {
    border-color: #000000;;
    }

    #friends div {
    color: #AF0000;

    }

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #000000;
    }

    #image img {
    border-color: #000000;;
    }

    body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems,#journals, #friends, #photos, #friends a:hover img {
    background-color: #000000;
    }

    .pages .info {
    color: #AF0000;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
    color: #AF0000;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #AF0000;
    }
    July 24th, 2008 at 06:59am
  • Chiharu Hikari

    Chiharu Hikari (100)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States
    This is a different version to the Twilight layout I put up last time:

    Screenshot 1

    Screenshot 2

    Code to copy:

    body { background-image: url(http://i284.photobucket.com/albums/ll38/xceclipse/twilightposter.jpg); background-repeat: no-repeat; background-position: top left; background-color: #000000; background-attachment: fixed;}

    #main { border-color: transparent; margin: 10px 310px; 10px 10px; width: 930px; background-color: transparent; background-image: none; background-repeat: repeat-y; background position: top center; }

    #info-section { width: 344px; background-color: transparent; font-family: Monotype Corsiva;}

    #about-section { width: 525px; font-family: Monotype Corsiva;}

    #comment-list p { width: 380px; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #FFFFFF; background-color: #000000; font-family: Monotype Corsiva;}

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #CC3333; background-color: #FFFFFF; font-family: Monotype Corsiva;}

    #stories { background-color: transparent; font-family: Monotype Corsiva; }

    #stories h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    #stories li { color: #FFFFFF; background-color: transparent; text-align: center; }

    #stories li span { color: #C0C0C0; }

    #stories li a { color: #CC3333; }

    #stories ul li h3 a { color: #FFFFFFF; }

    #journals { background-color: transparent; font-family: Monotype Corsiva; }

    #journals h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    #journals li { color: #ffffff; background-color: transparent; text-align: center; }

    #journals li span { color: #C0C0C0; }

    #journals li a { color: #C0C0C0; }

    #journals ul li h3 a { color: #ffffff; }

    #poems { background-color: transparent; font-family: Monotype Corsiva; }

    #poems h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    #poems li { color: #ffffff; background-color: transparent; text-align: center; }

    #poems li span { color: #C0C0C0; }

    #poems li a { color: #C0C0C0; }

    #poems ul li h3 a { color: #ffffff; }

    #articles { background-color: transparent; font-family: Monotype Corsiva; }

    #articles h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    #articles li { color: #ffffff; background-color: transparent; text-align: center; }

    #articles li span { color: #C0C0C0; }

    #articles li a { color: #C0C0C0; }

    #articles ul li h3 a { color: #ffffff; }

    #photos { background-color: transparent; font-family: Monotype Corsiva; }

    #photos h2 {color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    #photos li { color: #ffffff; background-color: transparent; text-align: center; }

    #photos li span { color: #C0C0C0; }

    #photos li a { color: #C0C0C0; }

    #photos ul li h3 a { color: #ffffff; }

    #friends { background-color: transparent; font-family: Monotype Corsiva; }

    #friends h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    #friends li { color: #ffffff; background-color: transparent; text-align: center; }

    #friends li span { color: #C0C0C0; }

    #friends li a { color: #C0C0C0; }

    #friends ul li h3 a { color: #ffffff; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: transparent; color: #FFFFFF; }

    #image img, #articles li img, #photos .photo { background-color: transparent; }

    #image img { border-color: #CC3333; background-color: transparent; }

    #articles li img, #friends img, #photos .photo { border-color: #CC3333; background-color: transparent}

    #friends div { color: #FFFFFF; }

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: transparent; text-align: center;}

    #about-content { color: #FFFFFF; background-color: transparent; text-align: center;
    background-image: url(http://i296.photobucket.com/albums/mm200/devonwuzhere/Twilight/twilight-4.png); background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 200px}

    #info-section { background-color: transparent;}

    #about-section { background-color: transparent; }

    #comment-list .options { color: #CC3333; background-color: transparent; }

    #comment-list .options a { color:#FFFFFF; }

    .pages { background-color: transparent; }

    .pages .info { color: #CC3333; }

    .pages a { color: #CC3333; }

    .add-comment { background-color: transparent; color: #ffffff; }

    .add-comment a { color: #C0C0C0; }

    #comment-list li { color: #CC3333; background-color: transparent; }

    #comment-list img { border-color: #CC3333; background-color: transparent; }

    #comment-list .options {color: #FFFFFF;background-color: transparent;}

    a:hover { color: #CC3333; font-family: Monotype Corsiva; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}

    #about-content a { color: #FFFFFF; }

    #about-content a:hover { color: #CC3333; }

    #about-section h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    #about h2 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 40px; letter-spacing: 2px; }

    h1 { color: #CC3333; background-color: transparent; text-align: center; font-family: Monotype Corsiva; font-size: 20px; letter-spacing: 2px; }
    July 25th, 2008 at 04:07am
  • thalida.

    thalida. (320)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States

    I CHANGED THE CODE.

    The new layout looks a little bit different from the pic, but not too much.
    DARK KNIGHT LAYOUT:
    Image[/url]-->Image

    If you use this layout please tell me in a message or comment.
    Post code in this section

    <style type="text/css">
    html body div #menu, html body div #options {height: 0px;padding: 0;overflow: hidden;}
    body {
    background-color: #000;
    background-image:url(http://electricityandlust.files.wordpress.com/2008/05/the-dark-knight1.jpg);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:top right;
    }
    #left-sidebar{
    display:block;
    position:absolute;
    width:120px;
    color:#fff;
    background-color:#000;
    padding:10px;
    border-right:solid 5px #374655;
    font:12px arial;
    text-align:left;
    }

    #content{
    position: absolute;
    display:block;
    margin-left:140px;
    margin-top:0px;
    background-color:black;
    color:white;
    font:12px arial;
    width:550px;
    }
    table{
    color:white;
    border-bottom: 1px solid;
    border-color:#374655;
    font:12px arial;
    }
    .title{color:white;}
    table.poemlist{color:white; border:none;}
    .poemtitle{color:white;padding-right:50px;}
    #friends{background-color:#000;width:120px;border-bottom:solid white 1px;}
    .mibbalink2{width:120px;}
    /* HEADERS */
    .namehead{
    color:#fff;
    font: 30pt times new roman;
    font-weight:bold;
    letter-spacing: 1px;
    background-color:#000;
    text-align:right;
    display: block;
    border-bottom: double 3px #fff;
    }
    .sloganhead{
    color:#fff;
    font: 13pt arial;
    font-weight:bold;
    letter-spacing: 1px;
    background-color:#000;
    text-align:right;
    border-top:#512474 2px dashed;
    border-bottom: 2px dotted #3C1C56;
    display: block;
    }
    .sectionhead{
    background-color:#512474;
    font:20px arial;
    text-align:right;
    color:white;
    display: block;
    }
    .quicknav{
    color:#fff;
    font: 13pt arial;
    font-weight:bold;
    letter-spacing: 1px;
    background-color:#000;
    text-align:right;
    border-top:#512474 2px dashed;
    border-bottom: 2px dotted #3C1C56;
    display: block;
    }
    .head2{
    color:#593a59;
    font: 12pt arial;
    font-weight:bold;
    letter-spacing: 1px;
    background-color:transparent;
    text-align:left;
    text-transform:lowercase;
    border-bottom: 3px solid;
    border-color:#3C1C56;
    display: block;
    }
    /* END HEADERS */

    /* SPECIAL TEXT (bold, italic, underlined, strikethrough) FORMATS */
    b, strong, .btext {font-family:arial; letter-spacing:1px; color:#BC00FF;font-size:12px;}
    i, em, .itext{font-family: georgia; font-size:11px;color:#C394D4; text-transform: lowercase;font-weight:bold;}
    u, .utext { font-family: arial; font-size:11px;color:#7702A1; border-bottom: dotted 1px;}
    s {font family: century gothic; font-size: 9pt; color:#71497F;}
    /* END SPECIAL TEXT FORMATS */

    a{color:white;background-color:#000;cursor:crosshair;border-left:solid 5px #512474;}
    a:hover{color:#fff;background-color:#512474;border-left:solid 5px #374655;}

    table a{color:white;background-color:transparent;border-bottom: 1px solid;border-color:#203a49;cursor:crosshair;border-left:none;}
    table a:hover
    {color:white;text-decoration:underline;background-color:transparent;border-left:none;}
    </style>

    <div id="left-sidebar">
    <img src="http://img174.imageshack.us/img174/6250/batman2qd0.png" alt="avatar"/>
    <div id="quicknav">
    <span class="quicknav">Links</span>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br>
    <span class="quicknav">Links</span>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br><a href="url here">Link</a>
    <br>
    </div>
    <br>
    <div id="mibbanav">
    <span class="quicknav">Mibba Nav</span>
    <a href="http://www.mibba.com/">mibba</a><br>
    <a href="http://news.mibba.com/">news</a><br>
    <a href="http://articles.mibba.com/">articles</a><br>
    <a href="http://reviews.mibba.com/">reviews</a><br>
    <a href="http://members.mibba.com/">users</a><br>
    <a href="http://www.mibba.com/stories/overview/">stories</a><br>
    <a href="http://poems.mibba.com/">poems</a><br>
    <a href="http://www.mibba.com/journals/overview/">journals</a><br>
    <a href="http://radio.mibba.com/">radio</a><br>
    <a href="http://chat.mibba.com/">chat</a><br>
    <a href="http://www.mibba.com/forums/">forums</a><br>
    <a href="http://www.mibba.com/users/users/logout/">logout</a><br>
    <a href="http://www.mibba.com/users/">my mibba</a><br>
    </table>
    </div>
    <br>
    <div id="friends">
    <span class="quicknav">Friends</span>
    <a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br><a href="url here">friend name</a>
    <br>
    </div>
    <br>
    <div id="copyright">
    layout ©<a href="http://member.mibba.com/20553">MM-H</a><br>
    icons ©<a href="http://member.mibba.com/20553">MM-H</a>
    </div>
    </div>
    <div id="content">
    <span class="namehead">PLACE NAME HERE</span>
    <span class="sloganhead">PLACE A SLOGAN HERE</span>
    <br>
    <span class="sectionhead">header</span>
    <span class="head2">subheader</span>
    boldunderlineditalicstrike<a href="urlhere">link</a>
    <br>Click on any of the Quick Links to jump to that section.
    <br>Do not remove the copyright from its position on the left.
    <br>The images to the left can be used as mibba Icons/avatars
    <br>Layout and Icons/Avatars © <a href="http://member.mibba.com/20553">Mrs. Malfoy-Havok</a>
    <br>
    <img src="http://img76.imageshack.us/img76/1827/batman4ah2.png" alt="avatar"/>
    <img src="http://img295.imageshack.us/img295/7092/batman3vp4.png" alt="avatar"/>
    <img src="http://img369.imageshack.us/img369/6140/batman2af7.png" alt="avatar"/>
    <img src="http://img295.imageshack.us/img295/8522/batman6rs0.png" alt="avatar"/>
    <span class="head2">subheader</span>
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <span class="sectionhead">header</span>
    <span class="head2">subheader</span>
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <span class="head2">subheader</span>
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <span class="sectionhead">writings</span>
    <span class="head2">stories</span>
    <table>
    <tr><td class="title">Title:</td>
    <td><a href="url of story here">PLACE TITLE HERE</a></td></tr>
    <tr><td>Characters:</td>
    <td>Place a character list here
    Place a character list herePlace a character list here</td></tr>
    <tr><td>Description:</td>
    <td>Place a description here</td></tr>
    <tr><td>Completed:</td>
    <td>not completed/on hiatus/complete/in progress</td></tr>
    </table>
    <table>
    <tr><td class="title">Title:</td>
    <td><a href="url of story here">PLACE TITLE HERE</a></td></tr>
    <tr><td>Characters:</td>
    <td>Place a character list here
    Place a character list herePlace a character list here</td></tr>
    <tr><td>Description:</td>
    <td>Place a description here</td></tr>
    <tr><td>Completed:</td>
    <td>not completed/on hiatus/complete/in progress</td></tr>
    </table>
    <table>
    <tr><td class="title">Title:</td>
    <td><a href="url of story here">PLACE TITLE HERE</a></td></tr>
    <tr><td>Characters:</td>
    <td>Place a character list here
    Place a character list herePlace a character list here</td></tr>
    <tr><td>Description:</td>
    <td>Place a description here</td></tr>
    <tr><td>Completed:</td>
    <td>not completed/on hiatus/complete/in progress</td></tr>
    </table>
    <span class="head2">poems</span>
    <table class="poemlist">
    <tr><td class="poemtitle"><a href="url of poem here">Poem Title</a></td>
    <td class="poemtitle"><a href="url of poem here">Poem Title</a></td></tr>
    <tr><td class="poemtitle"><a href="url of poem here">Poem Title</a></td>
    <td class="poemtitle"><a href="url of poem here">Poem Title</a></td></tr>
    <tr><td class="poemtitle"><a href="url of poem here">Poem Title</a></td>
    <td class="poemtitle"><a href="url of poem here">Poem Title</a></td></tr>
    <tr><td class="poemtitle"><a href="url of poem here">Poem Title</a></td>
    <td class="poemtitle"><a href="url of poem here">Poem Title</a></td></tr>
    </table>
    <span class="head2">etxtra</span>
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    <br>contentcontentcontentcontentcontentcontent
    </div>
    July 25th, 2008 at 11:10pm
  • Isabella.

    Isabella. (550)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United Kingdom
    One Night 1
    One Night 2
    One Night 3
    One Night 4

    I Call This One: One Night

    body { background-image: url(http://i319.photobucket.com/albums/mm480/ISyZzooee/Blends/gdfgggggggggggggg.jpg);
    background-repeat: no-repeat; background-position: top center; background-color: #03b18c; margin:198px 180px; 0px 180px; background-attachment: scroll; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #bdb285; background-color: #03b18c; font-size: 9px; font-family: georgia; width: 820px; }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #4e4156; background-color: #03b18c;font-family: georgia; font-size: 9px; width: 820px; }

    #main { border-color: #027b76; border-width: 5px; margin: 40px 0px; 10px 10px; width: 840px; background-color: #a94561; background-image: url(); background-repeat: repeat;}

    #info-section { width: 344px; background-color: #a94561; }

    #about-section { width: 456px; background-color: #a94561;}

    #about-content {height: 700px; overflow: auto;}

    #comment-list p { width: 380px; }

    #stories h2 { color: #a94561; background-color: #bdb285; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #articles h2 { color: #a94561; background-color: #bdb285; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #poems h2 { color: #a94561; background-color: #bdb285; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #photos h2 { color: #a94561; background-color: #bdb285; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #journals h2 { color: #a94561; background-color: #bdb285; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #about-section h2{ color: #bdb285; background-color: #a94561; font-style:bold; font-family:times ; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #friends h2 { color: #a94561; background-color: #bdb285; font-style:bold; ; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #about h2 { color: #bdb285; background-color: #a94561; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    h1 { color: #bdb285; background-color: #a94561; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: center;}

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #a94561; text-align: center; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #027b76; color: #03b18c; font-family: georgia; font-size: 9px;}

    #image img, #articles li img, #photos .photo { background-color: #Ffffff; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #027b76;}

    #friends div { color: #027b76; }

    #stories ul li h3 a { color: #03b18c; font-family: ARIAL NARROW; font-size: 12px;}
    #stories ul li a { color: #ffffff; font-family: times; font-size: 12px;}
    #stories li span { color: #000000; }

    #articles ul li h3 a { color: #03b18c; font-family: ARIAL NARROW; font-size: 12px;}
    #articles ul li a { color: #ffffff; font-family: times; font-size: 12px;}
    #articles li span { color: #000000; }

    #journals ul li h3 a { color: #03b18c; font-family: ARIAL NARROW; font-size: 12px;}
    #journals ul li a { color: #ffffff; font-family: times; font-size: 12px;}
    #journals li span { color: #000000; }

    #poems ul li h3 a { color: #03b18c; font-family: ARIAL NARROW; font-size: 12px;}
    #poems ul li a { color: #ffffff; font-family: times; font-size: 12px;}
    #poems li span { color: #000000; }

    #comment-list .options { color: #000000; background-color: #03b18c; font-family:georgia; font-size:9px;}

    #comment-list .options a { color: #4e4156; font-family:georgia; font-size:9px;}

    .pages { background-color: #ffffff; font-family:ARIAL NARROW; font-size:12px;}

    .pages .info { color: #bdb285; font-family:georgia; font-size:9px;}

    .pages a { color: #bdb285; font-family:georgia; font-size:9px;}

    .add-comment { background-color: #ffffff; color: #027b76; font-family:ARIAL NARROW; font-size:12px;}

    .add-comment a { color:#027b76; font-family:ARIAL NARROW; font-size:12px;}

    #comment-list li { color: #a94561; background-color: #ffffff; font-family:georgia; font-size:9px;}

    #comment-list img { border-color: #000000; background-color: #000000; font-family:georgia; font-size:9px;}

    a:hover { font-family: georgia; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; font-weight: normal; }

    #about-content {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-family: georgia;
    Font-size: 9px;
    background-image: url(http://i319.photobucket.com/albums/mm480/ISyZzooee/OMGZ-1.jpg);
    background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: bottom left ; /* it can also be "center left", "center center" etc.*/
    padding-bottom: 0px; }

    _________________________

    to take out the scroll, just paste in your CSS and remove this peacie of content "#about-content"
    July 27th, 2008 at 02:21am
  • Isabella.

    Isabella. (550)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United Kingdom
    Skelanimal 1
    Skelanimal 2
    Skelanimal 3

    I Call This One: Skelanimal Version 2(I'll put the other version here soon enough)

    body { background-image: url(http://i319.photobucket.com/albums/mm480/ISyZzooee/Backgrounds/exclamationdq4.png);
    background-repeat: repeat; background-position: top center; background-color: #000000; margin: 0px 180px; 180px -320px; background-attachment: scroll; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #ffffff; background-color: #2b2b2b; font-size: 9px; font-family: georgia; width: 820px; font-weight: bold;}

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #737373; background-color: #2b2b2b; font-size: 9px; width: 820px; font-family: georgia;}

    #main { border-color: #000000; border-width: 5px; margin: 40px 0px; 10px 10px; width: 840px; background-color: #2b2b2b; background-image: url(http://i319.photobucket.com/albums/mm480/ISyZzooee/Skelanimal/bill-2.png); background-repeat: x-repeat;}

    #info-section { width: 344px; background-color: #2b2b2b; }

    #about-section { width: 486px; background-color: #2b2b2b; }

    #comment-list p { width: 380px; }

    #stories h2 { color: #FF6103; background-color: #292929; font-style:bold; font-family: times; font-size: 20px; letter-spacing: 0px; text-align: left;}

    #articles h2 { color: #FF6103; background-color: #292929; font-style:bold; font-family: times; font-size: 20px; letter-spacing: 0px; text-align: left ;}

    #poems h2 { color: #FF6103; background-color: #292929; font-style:bold; font-family: times; font-size: 20px; letter-spacing: 0px; text-align: left ;}

    #photos h2 { color: #F54D70; background-color: #292929; font-style:bold; font-family: times; font-size: 20px; letter-spacing: 0px; text-align: left;}

    #journals h2 { color: #754c78; background-color: #292929; font-style:bold; font-family: times; font-size: 20px; letter-spacing: 0px; text-align: left;}

    #about-section h2{ color: #528B8B; background-color: #292929; font-style:bold; font-family: TIMES; font-size: 20px; letter-spacing: 0px; text-align: right;}

    #friends h2 { color: #FF6103; background-color: #292929; font-style:bold; ; font-family: times; font-size: 20px; letter-spacing: 0px; text-align: left;}

    #about h2 { color: #6A8455; background-color: #292929; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: right;}

    h1 { color: #FFC125; background-color: #292929; font-style:bold; font-family: times; font-size: 50px; letter-spacing: -4px; text-align: left;}

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #ff679a; text-align: left; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #292929; color: #f24392; font-family: georgia; font-size: 10px;}

    #image img, #articles li img, #photos .photo { background-color: #000000; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #000000;}

    #friends div { color: #737373; }

    #stories ul li h3 a { color: #ff679a; font-family: georgia; font-size: 9px;}
    #stories ul li a { color: #ffffff; font-family: arial narrow; font-size: 12px;}
    #stories li span { color: #737373; font-size: 9px; font-family: georgia; }

    #articles ul li h3 a { color: #ff679a; font-family: georgia; font-size: 9px;}
    #articles ul li a { color: #ffffff; font-family: arial narrow; font-size: 12px;}
    #articles li span { color: #737373; font-size: 9px; font-family: georgia; }

    #journals ul li h3 a { color: #ff679a; font-family: georgia; font-size: 9px;}
    #journals ul li a { color: #ffffff; font-family: arial narrow; font-size: 12px;}
    #journals li span { color: #737373; font-size: 9px; font-family: georgia; }

    #poems ul li h3 a { color: #ff679a; font-family: georgia; font-size: 9px;}
    #poems ul li a { color: #ffffff; font-family: arial narrow; font-size: 12px;}
    #poems li span { color: #737373; font-size: 9px; font-family: georgia; }

    #comment-list .options { color: #0099cb; background-color: #2b2b2b; font-family:georgia; font-size:10px;}

    #comment-list .options a { color: #ff9900; font-family:georgia; font-size:10px;}

    .pages { background-color: #2b2b2b; font-family:georgia; font-size:9px;}

    .pages .info { color: #da88a5; font-family:georgia; font-size:9px;}

    .pages a { color: #754c78; font-family:georgia; font-size:9px;}

    .add-comment { background-color: #2b2b2b; color: #ff6105; font-family:georgia; font-size:10px;}

    .add-comment a { color:#66ff00; font-family:georgia; font-size:10px;}

    #comment-list li { color: #000000; background-color: #2b2b2b; font-family:georgia; font-size:9px; text-align: center;}

    #comment-list img { border-color: #000000; background-color: #000000; font-family:georgia; font-size:9px;}

    a:hover { font-family: georgia; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; font-weight: none; }

    #about-content {
    background-color: #2b2b2b;
    text-align: center;
    font-family: georgia;
    color: #000000;
    Font-size: 9px;
    background-image: url();
    background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: bottom center; /* it can also be "center left", "center center" etc.*/
    padding-bottom: 0px; }
    July 27th, 2008 at 02:23am
  • skank.

    skank. (200)

    :
    Member
    Gender:
    Age:
    31
    Location:
    Great Britain (UK)
    Image

    Image

    Diamond layout. Let me know if you use it. (:

    Code:

    body { background-image: url(http://i34.tinypic.com/1zqzvqg.jpg);
    background-repeat: repeat; background-position: top left; background-color: #ffffff; margin: 0px 10px; 10px 10px; background-attachment: fixed; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #ffffff; background-color: #06eefc; font-family: verdana; font-size: 13px; }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #ffffff; background-color: #fa0385; font-family: verdana; font-size: 13px; }

    #main { border-color: #000000; border-width: 3px; background-color: #ffffff; background-image: none; }

    #info-section { background-color: #ffffff; }

    #about-section { background-color: #ffffff; }

    #about-content {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    background-image: url(http://i34.tinypic.com/2mq9amx.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 10px;
    }

    #stories { background-color: #ffffff; font-family: verdana; }

    #stories h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #stories li { color: #000000; background-color: #ffff00; text-align: center; }

    #stories li span { color: #000000; }

    #stories li a { color: #000000; }

    #stories ul li h3 a { color: #000000; }

    #journals { background-color: #ffffff; font-family: verdana; }

    #journals h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #journals li { color: #000000; background-color: #a3fa49; text-align: center; }

    #journals li span { color: #000000; }

    #journals li a { color: #000000; }

    #journals ul li h3 a { color: #000000; }

    #poems { background-color: #ffffff; font-family: verdana; }

    #poems h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #poems li { color: #000000; background-color: #fa0385; text-align: center; }

    #poems li span { color: #000000; }

    #poems li a { color: #000000; }

    #poems ul li h3 a { color: #000000; }

    #articles { background-color: #ffffff; font-family: verdana; }

    #articles h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #articles li { color: #000000; background-color: #06eefc; text-align: center; }

    #articles li span { color: #000000; }

    #articles li a { color: #000000; }

    #articles ul li h3 a { color: #000000; }

    #photos { background-color: #ffffff; font-family: times; }

    #photos h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #photos li { color: #000000; background-color: #ffff00; text-align: center; }

    #photos li span { color: #000000; }

    #photos li a { color: #000000; }

    #photos ul li h3 a { color: #000000; }

    #friends { background-color: #ffffff; font-family: times; }

    #friends h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #friends li { color: #000000; background-color: #a3fa49; text-align: center; }

    #friends li span { color: #000000; }

    #friends li a { color: #000000; }

    #friends ul li h3 a { color: #000000; }

    #friends { background-color: #ffffff; font-family: times; }

    #friends h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #friends li { color: #000000; background-color: #FFD914; text-align: center; }

    #friends li span { color: #000000; }

    #friends li a { color: #000000; }

    #friends ul li h3 a { color: #000000; }

    #info dt, #info dd, #friends img, #photos .photo div { background-color: #06eefc; color: #000000; font-family: verdana; }

    #friends div { color: #ffffff; }

    #image, #info, #friends a:hover img { background-color: #ffffff; text-align: center; font-family: verdana;; }

    #about-section h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #about h2 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    h1 { color: #000000; background-color: #ffffff; text-align: center; font-family: verdana; font-size: 40px; letter-spacing: 2px; }

    #image img, #articles li img, #photos .photo { background-color: #fa0385; }

    #comment-list .options { color: #fffff; background-color: #06eefc; font-family: verdana; }

    #comment-list .options a { color: #ffffff; font-family: verdana; }

    .pages { background-color: #a3fa49; }

    .pages .info { color: #ffffff; font-family: verdana; }

    .pages a { color: #ffffff; font-family: verdana; }

    .add-comment { background-color: #ffff00; color: #000000; font-family: verdana; font-size: 12px; }

    .add-comment a { color: #ffffff; }

    #comment-list li { color: #000000; background-color: #fa0385; font-family: verdana; }

    #comment-list img { border-color: #06eefc; background-color: #06eefc; }
    July 27th, 2008 at 09:07pm
  • Isabella.

    Isabella. (550)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United Kingdom
    Scene 1
    Scene 2
    Scene 3

    I Call This One: Scene :D

    body { background-image: url(http://i319.photobucket.com/albums/mm480/ISyZzooee/Colorful/993ee568b06758a7175c1a7685cb8c83.png);
    background-repeat: repeat; background-position: top center; background-color: #dcdcdc; margin: 0px 180px; 180px -320px; background-attachment: scroll; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #05EDFF; background-color: #737373; font-size: 9px; font-family: georgia; width: 830px; font-weight: none;}

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #7CFC00; background-color: #737373; font-size: 9px; width: 830px; font-family: georgia;}

    #main { border-color: #ff0066; border-width: 3px; margin: 1px 0px; 10px 10px; width: 840px; background-color: #ffffff; background-image: url(http://i319.photobucket.com/albums/mm480/ISyZzooee/Zebra/zebra-2.jpg); background-repeat: repeat;}

    #info-section { width: 344px; background-color: #7CFC00; }

    #about-section { width: 486px; background-color: #820BBB; }

    #about-content {height: 430px; overflow: auto;}

    #comment-list p { width: 344px; }

    #stories h2 { color: #ff0066; background-color: #7CFC00; font-style:bold; font-family: times; font-size: 50px; letter-spacing: 0px; text-align: center ;}

    #articles h2 { color: #ff6105; background-color: #7CFC00; font-style:bold; font-family: times; font-size: 50px; letter-spacing: 0px; text-align: center ;}

    #poems h2 { color: #820BBB; background-color: #7CFC00; font-style:bold; font-family: times; font-size: 50px; letter-spacing: 0px; text-align: center ;}

    #photos h2 { color: #659D32; background-color: #7CFC00; font-style:bold; font-family: times; font-size: 50px; letter-spacing: 0px; text-align: center;}

    #journals h2 { color: #05EDFF; background-color: #7CFC00; font-style:bold; font-family: times; font-size: 50px; letter-spacing: 0px; text-align: center;}

    #about-section h2{ color: #ee0000; background-color: #820BBB; font-style:bold; font-family: TIMES; font-size: 50px; letter-spacing: 2px; text-align: center;}

    #friends h2 { color: #FFCC11; background-color: #7CFC00; font-style:bold; ; font-family: times; font-size: 50px; letter-spacing: 2px; text-align: center;}

    #about h2 { color: #000000; background-color: #820BBB; font-style:bold; font-family: times; font-size: 50px; letter-spacing: 2px; text-align: center;}

    h1 { color: #737373; background-color: #7CFC00; font-style:bold; font-family: times; font-size: 50px; letter-spacing: 2px; text-align: center;}

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #ff0066; text-align: right; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #05EDFF; color: #000000; font-family: georgia; font-size: 10px;}

    #image img, #articles li img, #photos .photo { background-color: #ff6105; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #ee0000;}

    #friends div { color: #000000; }

    #stories ul li h3 a { color: #754c78; font-family: georgia; font-size: 9px;}
    #stories ul li a { color: #ee0000; font-family: georgia; font-size: 12px;}
    #stories li span { color: #F54D70; font-size: 9px; font-family: georgia; }

    #articles ul li h3 a { color: #754c78; font-family: georgia; font-size: 9px;}
    #articles ul li a { color: #ee0000; font-family: georgia; font-size: 12px;}
    #articles li span { color: #F54D70; font-size: 9px; font-family: georgia; }

    #journals ul li h3 a { color: #754c78; font-family: georgia; font-size: 9px;}
    #journals ul li a { color: #ee0000; font-family: georgia; font-size: 12px;}
    #journals li span { color: #F54D70; font-size: 9px; font-family: georgia; }

    #poems ul li h3 a { color: #754c78; font-family: georgia; font-size: 9px;}
    #poems ul li a { color: #ee0000; font-family: georgia; font-size: 12px;}
    #poems li span { color: #F54D70; font-size: 9px; font-family: georgia; }

    #comment-list .options { color: #FFCC11; background-color: #000000; font-family:georgia; font-size:10px;}

    #comment-list .options a { color: #ff0066; font-family:georgia; font-size:10px;}

    .pages { background-color: #000000; font-family:georgia; font-size:9px;}

    .pages .info { color: #ee0000; font-family:georgia; font-size:9px;}

    .pages a { color: #ff6105; font-family:georgia; font-size:9px;}

    .add-comment { background-color: #FF7256; color: #F54D70; font-family:georgia; font-size:10px;}

    .add-comment a { color:#F54D70; font-family:georgia; font-size:10px;}

    #comment-list li { color: #000000; background-color: #ff0066; font-family:georgia; font-size:9px; text-align: center;}

    #comment-list img { border-color: #000000; background-color: #000000; font-family:georgia; font-size:9px;}

    a:hover { font-family: georgia; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; font-weight: none; }

    #about-content {
    background-color: #ffffff;
    text-align: center;
    font-family: georgia;
    color: #000000;
    Font-size: 9px;
    background-image: url(http://i319.photobucket.com/albums/mm480/ISyZzooee/Colorful/diamonds-6.jpg);
    background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: bottom left; /* it can also be "center left", "center center" etc.*/
    padding-bottom: 0px; }

    ________________________________________

    You can remove the scroller if you want. Its an optional thing.
    July 27th, 2008 at 10:51pm
  • iumagat

    iumagat (100)

    :
    Member
    Gender:
    Age:
    29
    Location:
    Guam
    this is a layout some one made from me if you want add it you can it is very prettyful haha!

    /* Layout border color */
    /* Top Menu */

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {color: #57A0A7;;font-size: 11px; font-family: times; text-align:center;background-color:transparent;}

    html body div #options, html body div #options a, html body div #options span a, html body div #options span {color: #57A0A7; font-size: 11px; font-family: times; text-align:center;background-color:transparent;}

    /* Image as page background */

    body {
    background-color: #000;
    background-attachment:fixed;
    background-image: url(http://img301.imageshack.us/img301/7037/heartbgxd7.png);
    background-repeat: repeat-y;
    background-position:top right;
    }
    #photos {display:none;}
    #friends {display:none;}

    #main {margin-left:280px; width: 600px;border-color: transparent;border:black 10px solid;}

    #main{background-color:black;}

    #info-section {width: 600px;background-color:black;}

    #about-section {width: 600px;background-color:black;}

    #comment-list p {width: 550px;}

    #about{text-align:center;}

    #about-content{color:white;height:500px;overflow:auto;border:white solid 3px;}

    #image, #info, #stories, #articles, #poems, #journals a:hover img {background-color: transparent;}

    #info{margin-left:125px;width:344px;color:black;border:white solid 3px;}

    #info dt, #info dd, #info dd, #stories li, #articles li, #poems li, #journals li div
    {background-color: black;text-align:center;color:white;}

    #stories li, #articles li, #poems li, #journals li div
    {background-color: black;text-align:center;color:white;border:white solid 3px;}

    #image img, #articles li img{background-color:transparent;}

    #image img, #articles li img{border-color: white;}

    #comment-list li {color:white ;text-align:center;background-color: transparent;}

    #comment-list img {border-color:transparent;background-color:white;}

    #comment-list .options {color:white;background-color: black;}

    #comment-list .options a {color:#57A0A7;}

    .pages {background-color: transparent;}

    .pages .info {color: #fff;}

    .pages a {color: #fff;}

    .add-comment {background-color: transparent;}

    .add-comment a {color: #fff;}

    #journals ul li a {color:white;border-bottom:dotted 1px white;}
    #poems ul li a {color:white;border-bottom:dotted 1px white;}
    #stories ul li a {color:white;border-bottom:dotted 1px white;}
    #articles ul li a {color:white;border-bottom:dotted 1px white;}
    a:hover {color:white; border-bottom:1px solid black; text-decoration:none; background-color:black;}

    a img {border:0px;}

    * {line-height:none;}

    h1, #stories h2, #articles h2, #poems h2, #photos h2, #about-section h2, #friends h2, #about h2, #journals h2 {
    text-transform:lowercase;
    color:#57A0A7;
    letter-spacing:-1px;
    font-size:25pt;
    font-family:tahoma;
    font-weight:normal;
    background-color:black;
    text-align:center;
    display:block;
    }
    July 29th, 2008 at 07:37am
  • hollywood hearts;

    hollywood hearts; (100)

    :
    Member
    Gender:
    Age:
    31
    Location:
    United States
    I have one.

    Image

    <style type="text/css">
    <!--
    body { background-color: #ffffff; margin: 25px 20px 45px 20px; }

    #main { border-width: 2; background-color: #ffffff; }

    #about-section { background-color: #ffffff; }

    #comment-list li { color: #000000; background-color: #ffffff; }

    #comment-list img { border-color: #000000; background-color: #000000; }

    #comment-list .options { color: #000000; background-color: #ffffff; }

    #comment-list .options a { color: #000000; }

    .pages { background-color: #ffffff; }

    .pages .info { color: #ffffff; }

    .pages a { color: #000000; }

    .add-comment { background-color: #ffffff; color: #000000; }

    .add-comment a { color: #000000; }

    h1 { color: #EFDDB9; background-color: #ffffff; font-family: georgia; font-size: 40px; letter-spacing: -4px; }

    #stories h2 { color: #EFDDB9; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #journals h2 { color: #EFDDB9; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #articles h2 { color: #EFDDB9; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #poems h2 { color: #EFDDB9; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #photos h2 { color: #EFDDB9; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #about-section h2 { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #friends h2 { color: #EFDDB9; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; text-align:left;}

    #about h2 { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 19px; letter-spacing: -2px; }

    #info-section { background-color: #ffffff; }

    body { background-color: #ffffff; background-image: url(http://i31.tinypic.com/24wg5lg.png);
    background-repeat: repeat; background-position: right; }

    #main { background-color: #ffffff;}

    #about-section { background-color: #ffffff;}

    #main { border-color: #000000; background-image: url(http://i26.tinypic.com/ta4u8x.png); background-position: bottom left; background-repeat: no-repeat; }

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #ffffff; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { border-width: 3 border-color: #000000; }

    #image img, #articles li img, #photos .photo { background-color: #ffffff; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #000000; }

    #friends div { color: #000000; }

    a:link { text-decoration: none; text-transform: lowercase; color:#000000; }

    a:hover{ color: #000000; font-family: georgia; text-transform: uppercase; text-decoration: line-through; letter-spacing: 2px; word-spacing: 4px; font-weight: italic; }

    html body div #menu { padding: 5px 10px; Margin: 35px 0px -1px 0px; font-size: 17px; text-align: center; color: #000000; background-color: #000000; font-family: georgia; }

    html body div #menu a { color: #F6E2C2; padding: 2px; text-decoration: none; }

    html body div #menu a:hover { text-decoration: underline; }

    html body div #options { padding: 3px 10px; font-size: 11px; text-align: center; color: #ffffff; background-color: #F6E2C2; font-family: Arial; }

    html body div #options a { color: #ffffff; padding: 2px; text-decoration: none; }

    html body div #options a:hover { text-decoration: underline; }

    html body div #options span a { color: #ffffff; }

    body { margin: 0; padding: 0; background-color: #000000; font-family: Arial; }

    textarea { font-family: Arial, ; font-size: 1em; }

    a { color: #ffffff; text-decoration: none; }

    a:hover { color: #ffffff; }

    #comments {
    text-align: center;
    }

    #stories {
    text-align: center;
    }

    #poems {
    text-align: center;
    }

    #photos {
    text-align: center;
    }

    #friends {
    text-align: center;
    }

    #journals {
    text-align: center;
    }

    #articles {
    text-align: center;
    }
    -->
    </style>

    Just in case anyone wants to use it.
    It's my current layout if you'd like a bigger preview.
    August 1st, 2008 at 12:15am
  • asphyxiate

    asphyxiate (250)

    :
    Member
    Gender:
    Age:
    31
    Location:
    United States
    ^ You're welcome! Thanks for using it.

    And I now have another layout! (:

    Image

    /* Top Menu */

    html body div #menu, #menu a {
    font-family: times;
    color: #ffffff;
    background-color: #000000;
    }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span {
    font-family: times;
    color: #ffffff;
    background-color: #189f81;
    }

    /* Page Background */

    body {
    background-color: #000000;
    }

    /* Remove layout border */

    #main {
    border-width: 1;
    border-color: #eeeeee;
    }

    /* About & Comments background */

    #main {
    background-color: #000000;
    font-family: times;
    font-size: 10px;
    border-width: 1;
    border-color: #eeeeee;
    }

    #about-section {
    background-color: #000000;
    font-family: times;
    font-size: 14px;
    line-height: 9px;
    letter-spacing: -0.5px;

    }

    /* How to edit comments */

    /* Comment background color */

    #comment-list li {
    color: #ffffff;
    background-color: #000000;
    font-family: times;
    font-size: 10px;
    }

    /* Avatar "frame" */

    #comment-list img {
    border-color: #FFFFFF;
    background-color: #000000;
    }

    /* Username & Date area */

    #comment-list .options {
    color: #ffffff;
    background-color: #000000;
    font-family: times;
    }

    /* Username/Report/Delete links */

    #comment-list .options a {
    color: #ffffff;
    font-family: times;
    }

    /* Comment pages */

    .pages {
    background-color: #000000;
    font-family: times;
    font-size: 12px;
    }

    /* "PAGES" -text */

    .pages .info {
    color: #f37623;
    font-family: times;
    }

    /* Page numbers - links */

    .pages a {
    color: #15559d;
    font-family: times;
    }

    /* "Add comment" area */

    .add-comment {
    background-color: #000000;
    font-family: times;
    }

    /* "Add comment" link */

    .add-comment a {
    color: #f37623;
    font-family: times;
    }

    h1 {
    color: #c0b751;
    background-color: #000000;
    font-family: georgia;
    font-size: 15px;
    letter-spacing: 2px;
    }

    #stories h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: georgia;
    font-size: 14px;
    letter-spacing: 2px;
    }

    #journals h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: georgia;
    font-size: 14px;
    letter-spacing: 2px;
    }

    #articles h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #poems h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #photos h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #about-section h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: georgia;
    font-size: 14px;
    letter-spacing: 2px;
    }

    #friends h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: georgia;
    font-size: 14px;
    letter-spacing: 2px;
    }

    #about h2 {
    color: #c0b751;
    background-color: #000000;
    font-family: georgia;
    font-size: 14px;
    letter-spacing: 2px;
    }

    #info-section {
    background-color: #000000;
    font-family: times;
    }

    /* Image as page background */

    body {
    font-family: times;
    background-color: #000000;
    background-image: url(http://i252.photobucket.com/albums/hh24/punkrockgirl04/63b3b8fdhn7-2.gif);
    background-repeat: repeat-y-; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: bottom right; /* it can also be "center left", "center center" etc.*/
    }

    #main {
    background-color: #000000;
    font-family: times;
    }

    #about-section {
    background-color: #000000;
    font-family: times;
    }

    #main {
    background-color: #000000;
    font-family: times;
    }

    #about-section {
    background-color: #000000;
    font-family: times;
    }

    #main {
    border-color: #088a6d;
    background-image: url();
    background-position: bottom left;
    background-repeat: no-repeat;
    }

    a:link {
    color: #ffffff;
    }

    a:visited {
    color: #ffffff;
    }

    a:hover {
    color: #ffffff;
    text-decoration: underline;
    }

    /* If you don't like orange, you can try this... */

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #000000;
    }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #000000;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #000000;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #000000;
    }

    #friends div {
    color: #ffffff;
    }
    August 2nd, 2008 at 01:24am
  • Isabella.

    Isabella. (550)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United Kingdom
    HTML Paramore

    NOTE: You MUST put this in BOTH your HTML AND CSS section, for this code to work.

    <font color="#91715c">YOUR WEBSITE NAME HERE || Paramore</font>

    <img src="http://i319.photobucket.com/albums/mm480/ISyZzooee/Paramore/ParaWHORE-1.jpg" alt="Paramore || start a RIOT! in me" style="position: absolute; top: 50; left: 200; z-index: 0;">

    <style type="text/css">
    body
    {
    background: #91715c;
    background-image: url("URL");
    background-repeat: fixed;
    background-position: top left;
    background-attachment:;
    scrollbar-face-color: #COLOR CODE;
    scrollbar-highlight-color: #COLOR CODE;
    scrollbar-3dlight-color: #COLOR CODE;
    scrollbar-shadow-color: #COLOR CODE;
    scrollbar-darkshadow-color: #COLOR CODE;
    scrollbar-track-color: #COLOR CODE;
    scrollbar-arrow-color: #COLOR CODE;
    font-family: times new roman;
    color: #ffffff;
    font-weight: normal;
    font-size: 8pt;
    cursor: help;
    }
    b {color: #ce0724;}
    u {color: #ffffff; border-bottom: 1px solid #ce0724;}
    i {color: #91715c;}
    }
    A:link , A:visited , A:active {
    text-decoration: none;
    letter-spacing: 0px;
    color: #000000;
    }
    a:hover {
    color: #292929;
    letter-spacing: -1px;
    text-decoration: none;
    text-transform: lowercase;
    }
    h1 {
    font-size: 7pt;
    font-family: small fonts;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0px;
    text-decoration: ;
    background-color: #6d4d40;
    padding: 0px;
    color: #ce0724;
    border-bottom: 1px dotted #ce0724;}
    .content
    {
    background-color: #6d4d40;
    font-family: georgia;
    font-size: 8pt;
    font-weight: normal;
    color: #292929;
    border-left: 0px solid #COLOR CODE;
    border-bottom: 0px solid #COLOR CODE;
    border-right: 0px solid #COLOR CODE;
    border-top: 0px solid #COLOR CODE;
    }
    </style>

    <div style="Left: 210px; OVERFLOW: yes; height: 1500px; POSITION: absolute; TOP: 520px; WIDTH: 370px; background-color: #6d4d40; text-align: center;">

    <h1>I Got A Lot To Say.</h1>
    <div class="text">
    <br><br>
    Hola, thanks for stopping by.
    <br><br>
    </div>

    <h1>No Sir.</h1>
    <div class="text">
    <br><br>
    ALL CONTENT BELONGS TOO <a href="http://member.mibba.com/44217/"> iVintage. @ Mibba</a>
    <br><br>
    </div>

    <div style="left: 370px; overflow: yes;height: 1500px; position: absolute; top: 0px; width: 218px; background-color: #6d4d40;">

    <h1>An Emergency</h1>
    <div class="text">
    <br><br>
    <a href="http://www.link.com" target="_blank">Comment</a> <br>
    <a href="http://www.link.com" target="_blank">Message</a> <br>
    <a href="http://www.link.com" target="_blank">Stories</a> <br>
    <a href="http://www.link.com" target="_blank">Poems</a> <br>
    <a href="http://www.link.com" target="_blank">Journals</a> <br>
    <a href="http://www.link.com" target="_blank">Articles</a> <br>
    <a href="http://www.link.com" target="_blank">Photo's</a>
    <br><br>
    </div>

    <h1>We Were</h1>
    <div class="text">
    <center>
    <br><br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a>
    <br><br>
    </center>
    </div>

    ___________________

    JUST MESS WITH THE LINKS AND SUCH, DO NOT REMOVE THE CREDITS AT THE BOTTOM AND LEAVE EVERYTHING AS IT IS, YOU MAY ONLY ADD PICTURES, ASTUFF ABOUT YOU AND PUT THE LINKS TO THE FOLLOWING LINKS LISTED ON THERE, YOU ARE FREE TO ONLY AND I MEAN ONLY ADD LINKS!.
    August 2nd, 2008 at 04:08am
  • Isabella.

    Isabella. (550)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United Kingdom
    THIS LAYOUT ALSO APPLIES TO THE MY OTHER HTML ONE.

    HTML Bring Me The Horizon

    <font color="#292929">YOUR WEBSITE NAME HERE || Paramore</font>

    <img src="http://i319.photobucket.com/albums/mm480/ISyZzooee/Oli%20Sykes/eeee-1.jpg" alt="Paramore || start a RIOT! in me" style="position: absolute; top: 50; left: 199; z-index: 0;">

    <style type="text/css">
    body
    {
    background: #292929;
    background-image: url("URL");
    background-repeat: fixed;
    background-position: top left;
    background-attachment:;
    scrollbar-face-color: #COLOR CODE;
    scrollbar-highlight-color: #COLOR CODE;
    scrollbar-3dlight-color: #COLOR CODE;
    scrollbar-shadow-color: #COLOR CODE;
    scrollbar-darkshadow-color: #COLOR CODE;
    scrollbar-track-color: #COLOR CODE;
    scrollbar-arrow-color: #COLOR CODE;
    font-family: georgia;
    color: #292929;
    font-weight: normal;
    font-size: 7pt;
    cursor: help;
    }
    b {color: #754c78;}
    u {color: #000000; border-bottom: 1px dotted #737373;}
    i {color: #da88a5;}
    }
    A:link , A:visited , A:active {
    text-decoration: none;
    letter-spacing: 0px;
    color: #ee0000;
    }
    a:hover {
    color: #ee0000;
    letter-spacing: -1px;
    text-decoration: none;
    text-transform: lowercase;
    }
    h1 {
    font-size: 7pt;
    font-family: small fonts;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0px;
    text-decoration: ;
    background-color: #ffffff;
    padding: 0px;
    color: #ce0724;
    border-bottom: 1px dotted #ce0724;}
    .content
    {
    background-color: #ffffff;
    font-family: georgia;
    font-size: 7pt;
    font-weight: normal;
    color: #292929;
    border-left: 0px solid #COLOR CODE;
    border-bottom: 0px solid #COLOR CODE;
    border-right: 0px solid #COLOR CODE;
    border-top: 0px solid #COLOR CODE;
    }
    </style>

    <div style="Left: 189px; OVERFLOW: yes; height: 1500px; POSITION: absolute; TOP: 520px; WIDTH: 370px; background-color: #ffffff; text-align: center;">

    <h1>She Starts Her New Diet.</h1>
    <div class="text">
    <br><br>
    Hola, thanks for stopping by.
    <br><br>
    </div>

    <h1>Dead Hands Clutch My Arms.</h1>
    <div class="text">
    <br><br>
    ALL CONTENT BELONGS TOO <a href="http://member.mibba.com/44217/"> iVintage. @ Mibba</a>
    <br><br>
    </div>

    <div style="left: 370px; overflow: yes;height: 1500px; position: absolute; top: 0px; width: 219px; background-color: #ffffff;">

    <h1>We're All Movie Stars.</h1>
    <div class="text">
    <br><br>
    <a href="http://www.link.com" target="_blank">Comment</a> <br>
    <a href="http://www.link.com" target="_blank">Message</a> <br>
    <a href="http://www.link.com" target="_blank">Stories</a> <br>
    <a href="http://www.link.com" target="_blank">Poems</a> <br>
    <a href="http://www.link.com" target="_blank">Journals</a> <br>
    <a href="http://www.link.com" target="_blank">Articles</a> <br>
    <a href="http://www.link.com" target="_blank">Photo's</a>
    <br><br>
    </div>

    <h1>You.</h1>
    <div class="text">
    <center>
    <br><br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a> <br>
    <a href="http://www.link.com" target="_blank">Link Here</a>
    <br><br>
    </center>
    </div>
    August 2nd, 2008 at 04:32am
  • oxycontin

    oxycontin (150)

    :
    Member
    Gender:
    Age:
    27
    Location:
    Canada
    I made one, I kind of surprised myself really...
    Oh and I'd appreciate it if you said you used it. :cute:

    Image

    /* Page Background */

    body {
    background-color: #CFCFD1;
    }

    /* Remove layout border */

    #main {
    border-width: 0;
    border-color: #000000;
    }

    /* About & Comments background */

    #main {
    background-color: #000000;
    }

    #about-section {
    background-color: #000000;
    }

    /* How to edit comments */

    /* Comment background color */

    #comment-list li {
    color: #ffffff;
    background-color: #000000;
    }

    /* Avatar "frame" */

    #comment-list img {
    border-color: #EC7714;
    background-color: #000000;
    }

    /* Username & Date area */

    #comment-list .options {
    color: #CFCFD1;
    background-color: #000000;
    }

    /* Username/Report/Delete links */

    #comment-list .options a {
    color: #EC7714;
    }

    /* Comment pages */

    .pages {
    background-color: #000000;
    }

    /* "PAGES" -text */

    .pages .info {
    color: #ffffff;
    }

    /* Page numbers - links */

    .pages a {
    color: #EC7714;
    }

    /* "Add comment" area */

    .add-comment {
    background-color: #EC7714;
    }

    /* "Add comment" link */

    .add-comment a {
    color: #000000;
    }

    h1 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #stories h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #journals h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #articles h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #poems h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #photos h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #about-section h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #friends h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #about h2 {
    color: #EC7714;
    background-color: #000000;
    font-family: Impact;
    font-size: 20px;
    letter-spacing: 2px;
    }

    #info-section {
    background-color: #000000;
    }

    /* Image as page background */

    body {
    background-color: #000000;
    background-image: url(http://www.thegiantpeach.com/ProductImages/main/detailed/brands/tokidoki/110507/DSC_1410-150.jpg);
    background-repeat: repeat-y-; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: center left; /* it can also be "center left", "center center" etc.*/
    }

    #main {
    background-color: #000000;
    }

    #about-section {
    background-color: #000000;
    }

    #main {
    background-color: #000000;
    }

    #about-section {
    background-color: #000000;
    }

    #main {
    border-color: #000000;
    background-image: url();
    background-position: bottom left;
    background-repeat: no-repeat;
    }

    /* If you don't like orange, you can try this... */

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    background-color: #EC7714;
    }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    background-color: #EC7714;
    }

    #image img, #articles li img, #photos .photo {
    background-color: #EC7714;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    border-color: #EC7714;
    }

    #friends div {
    color: #000000;
    }
    August 3rd, 2008 at 06:21am
  • NotCoolioYo

    NotCoolioYo (100)

    :
    Member
    Gender:
    Age:
    28
    Location:
    United States
    body {);
    background-repeat: repeat; background-position: top center; background-color: #000000; margin: 210px 0px; 120px 0px; }

    #main { border-color: #35F300; border-width: 2px; border-style:dashed; background-color: #000000; margin: 40px 40px; 10px 10px; width: 930px; background-image: url(); background-repeat: repeat-y; background position: top left; }

    #info-section { width: 344px; background-color: #000000; }

    #about-section { width: 525px; background-color: #000000; }

    #comment-list p { width: 380px; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #35F300; background-color: #000000; }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #F9FF05; background-color: #000000; }

    #stories { background-color: #000000; font-family: arial; }

    #stories h2 { color: #14F900 background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #stories li { color: #F90000; background-color: #000000; text-align: left;}

    #stories li span { color: #00FF93; }

    #stories li a { color: #A800FF; }

    #stories ul li h3 a { color: #0023FF; }

    #journals { background-color: #000000; font-family: arial; }

    #journals h2 { color: #00A8FF; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px; }

    #journals li { color: #14FF00; background-color: #000000; text-align: left;}

    #journals li span { color: #00B7FF; }

    #journals li a { color: #FF0000; }

    #journals ul li h3 a { color: #1B523A; }

    #poems { background-color: #000000; font-family: arial; }

    #poems h2 { color: #3E16A6; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #poems li { color: #A71616 background-color: #000000; text-align: left; }

    #poems li span { color: #169BA7; }

    #poems li a { color: #1636A7; }

    #poems ul li h3 a { color: #16A759; }

    #articles { background-color: #000000; font-family: arial; }

    #articles h2 { color: #169EA7; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #articles li { color: #24F908; background-color: #000000; text-align: left; }

    #articles li span { color: #F70808; }

    #articles li a { color: #DBFF00; }

    #articles ul li h3 a { color: #0BFF7A; }

    #photos { background-color: #000000; font-family: arial; }

    #photos h2 {color: #0BCEFF; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px; }

    #photos li { color: #2C0BFF; background-color: #000000; text-align: left; }

    #photos li span { color: #FF0B19; }

    #photos li a { color: #336BA0; }

    #photos ul li h3 a { color: #FA5F09; }

    #photos .photo, {
    border-color: #0917FB; border-width: 2px; border-style: dashed;
    }

    #friends { background-color: #000000; font-family: arial; }

    #friends h2 { color: #09FBD9; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #friends li { color: #5AFB09; background-color: #000000; text-align: left; }

    #friends li span { color: #ECFB09; }

    #friends li a { color: #099AFB; }

    #friends ul li h3 a { color: #5F09FB; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; color: #05F900; }

    #image img, #articles li img, #photos .photo { background-color: #000000; }

    #image img { border-color: #095FFB; background-color: #000000}

    #articles li img, #friends img, #photos .photo { border-color: #1900F9; background-color: #000000}

    #friends div { color: #E7FB09; }

    #image, #info,#friends, #photos, a:hover img { background-color: #000000; text-align: left;}

    #stories, #articles, #poems, #journals, a:hover img {background-color: #ffffff; text-align: left;}

    #about-content { color: #0E5C32; background-color: #000000; text-align: left;
    background-image: url(www.mp3indirbedava.com/.../05/nlt-03-big.jpg
    );
    background-repeat: no-repeat; /* it can also be &quot;no-repeat&quot;, &quot;repeat-y&quot; or &quot;repeat-x&quot; */
    background-position: bottom center; /* it can also be &quot;center left&quot;, &quot;center center&quot; etc.*/
    padding-bottom: 200px}

    #info-section { background-color: #000000;}

    #about-section { background-color: #000000; }

    #comment-list .options { color: #FA0202; background-color: #000000; }

    #comment-list .options a { color: #E6FA01; }

    .pages { background-color: #000000; }

    .pages .info { color: #1900F9; }

    .pages a { color: #1EF900; }

    .add-comment { background-color: #000000; color: #FA0101; }

    .add-comment a { color: #F90000; }

    #comment-list li { color: #01FA5F; background-color: #000000; }

    #comment-list img { border-color: #FA0101; background-color: #000000; }

    #comment-list .options {color: #01FA10;background-color: #000000;}

    a:hover { color: #01FAC3; font-family: Arial; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}

    #about-content a { color: #00F927; }

    sorry guys I have no preveiw but it's on my profile if you want to check that, but the about me isn't so colorful as the one on mine

    #about-section h2 { color: #EEF900; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

    #about h2 { color: #F90000; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px; }

    h1 { color: #0101FA; background-color: #000000; text-align: left; font-family: Veranda; font-size: 50px; letter-spacing: -2px;}

    body {);
    background-repeat: repeat; background-position: top center; background-color: #000000; margin: 210px 0px; 120px 0px; }

    #main { border-color: #35F300; border-width: 2px; border-style:dashed; background-color: #000000; margin: 40px 40px; 10px 10px; width: 930px; background-image: url(); background-repeat: repeat-y; background position: top left; }

    #info-section { width: 344px; background-color: #000000; }

    #about-section { width: 525px; background-color: #000000; }

    #comment-list p { width: 380px; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #35F300; background-color: #000000; }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #F9FF05; background-color: #000000; }

    #stories { background-color: #000000; font-family: arial; }

    #stories h2 { color: #14F900 background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #stories li { color: #F90000; background-color: #000000; text-align: left;}

    #stories li span { color: #00FF93; }

    #stories li a { color: #A800FF; }

    #stories ul li h3 a { color: #0023FF; }

    #journals { background-color: #000000; font-family: arial; }

    #journals h2 { color: #00A8FF; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px; }

    #journals li { color: #14FF00; background-color: #000000; text-align: left;}

    #journals li span { color: #00B7FF; }

    #journals li a { color: #FF0000; }

    #journals ul li h3 a { color: #1B523A; }

    #poems { background-color: #000000; font-family: arial; }

    #poems h2 { color: #3E16A6; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #poems li { color: #A71616 background-color: #000000; text-align: left; }

    #poems li span { color: #169BA7; }

    #poems li a { color: #1636A7; }

    #poems ul li h3 a { color: #16A759; }

    #articles { background-color: #000000; font-family: arial; }

    #articles h2 { color: #169EA7; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #articles li { color: #24F908; background-color: #000000; text-align: left; }

    #articles li span { color: #F70808; }

    #articles li a { color: #DBFF00; }

    #articles ul li h3 a { color: #0BFF7A; }

    #photos { background-color: #000000; font-family: arial; }

    #photos h2 {color: #0BCEFF; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px; }

    #photos li { color: #2C0BFF; background-color: #000000; text-align: left; }

    #photos li span { color: #FF0B19; }

    #photos li a { color: #336BA0; }

    #photos ul li h3 a { color: #FA5F09; }

    #photos .photo, {
    border-color: #0917FB; border-width: 2px; border-style: dashed;
    }

    #friends { background-color: #000000; font-family: arial; }

    #friends h2 { color: #09FBD9; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px;}

    #friends li { color: #5AFB09; background-color: #000000; text-align: left; }

    #friends li span { color: #ECFB09; }

    #friends li a { color: #099AFB; }

    #friends ul li h3 a { color: #5F09FB; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; color: #05F900; }

    #image img, #articles li img, #photos .photo { background-color: #000000; }

    #image img { border-color: #095FFB; background-color: #000000}

    #articles li img, #friends img, #photos .photo { border-color: #1900F9; background-color: #000000}

    #friends div { color: #E7FB09; }

    #image, #info,#friends, #photos, a:hover img { background-color: #000000; text-align: left;}

    #stories, #articles, #poems, #journals, a:hover img {background-color: #ffffff; text-align: left;}

    #about-content { color: #0E5C32; background-color: #000000; text-align: left;
    background-image: url(www.mp3indirbedava.com/.../05/nlt-03-big.jpg
    );
    background-repeat: no-repeat; /* it can also be &quot;no-repeat&quot;, &quot;repeat-y&quot; or &quot;repeat-x&quot; */
    background-position: bottom center; /* it can also be &quot;center left&quot;, &quot;center center&quot; etc.*/
    padding-bottom: 200px}

    #info-section { background-color: #000000;}

    #about-section { background-color: #000000; }

    #comment-list .options { color: #FA0202; background-color: #000000; }

    #comment-list .options a { color: #E6FA01; }

    .pages { background-color: #000000; }

    .pages .info { color: #1900F9; }

    .pages a { color: #1EF900; }

    .add-comment { background-color: #000000; color: #FA0101; }

    .add-comment a { color: #F90000; }

    #comment-list li { color: #01FA5F; background-color: #000000; }

    #comment-list img { border-color: #FA0101; background-color: #000000; }

    #comment-list .options {color: #01FA10;background-color: #000000;}

    a:hover { color: #01FAC3; font-family: Arial; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}

    #about-content a { color: #00F927; }

    #about-content a:hover { color: #F90000; }

    #about-section h2 { color: #EEF900; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

    #about h2 { color: #F90000; background-color: #000000; text-align: left; font-family: Veranda; font-size: 40px; letter-spacing: -2px; }

    h1 { color: #0101FA; background-color: #000000; text-align: left; font-family: Veranda; font-size: 50px; letter-spacing: -2px;}
    August 4th, 2008 at 05:45am
  • Lasting Corruption

    Lasting Corruption (155)

    :
    Member
    Gender:
    Age:
    20
    Location:
    United States
    Image

    I actually worked pretty hard on this. Hope any of you likes it!

    Here's the CSS:

    /* Gray 'N Black by Jimmie */
    /* Top Menu */
    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a
    {
    background-color: transparent;
    color: #ffffff;
    font-family: helvetica;
    }

    html body div #options, html body div #options a, html body div #options span, html body div #options span a
    {
    background-color: transparent;
    color: #ffffff;
    font-family: helvetica;
    }
    /* End Top Menu */

    /* Main Page */

    body
    {
    background-image: url('http://farm4.static.flickr.com/3121/2725791923_1cd4522867_o.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: #000000;
    font-family: helvetica;
    }

    #main
    {
    background-color: #0C0909;
    }

    #main
    {
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    background-position; center top;
    background-repeat: no-repeat;
    }

    /* End Main Page */

    /*Info Section */

    h1
    {
    background-color: #616060;
    color: #0c0909;
    text-align: center;
    font-size: 150%;
    }

    #info-section, #info
    {
    background-color: #0c0909;
    border-color: #0c0909;
    border-width: 0 0 0 0;
    border-style: solid;
    }

    #image,
    {
    background-color: #0c0909;
    }

    #image img
    {
    background-color: #0c0909;
    border-color: #1d1a1a;
    }

    #info dt, #info dd
    {
    background-color: #1d1a1a;
    color: #616060;
    }
    /* End Info Section */

    /* About Section */

    #about-section h2
    {
    background-color: #616060;
    color: #0c0909;
    text-align: center;
    font-size: 150%;
    }

    #about-section
    {
    background-color: #0c0909;
    }

    #about-content
    {
    background-color: #0c0909;
    line-height: .9em;
    letter-spacing: 1px;
    color: #616060;
    }

    /* About End */

    /* Everything That Fits in Category */

    #stories, #journals, #poems, #articles, #friends
    {
    background-color: #0c0909;
    }

    #stories h2, #poems h2, #journals h2, #articles h2, #friends h2, #photos h2
    {
    background-color: #616060;
    color: #0c0909;
    font-size: 150%;
    }

    #stories li, #poems li, #journals li, #articles li, #friends img, #photos .photo div, #photos li
    {
    background-color: #1d1a1a;
    }

    #stories li span, #poems li span, #journals li span, #articles li span, #photos li span
    {
    color: #616060;
    }

    #friends a:hover img
    {
    background-color: #ffffff;
    }

    #articles li img, #friends img, #photos .photo
    {
    border-color: #1d1a1a;
    }

    #friends div
    {
    color: #616060;
    }

    #articles li img, #photos .photo
    {
    background-color: #0c0c09;
    }

    /* End of Everything In Catergory*/

    /* Comments */

    #comment-list li
    {
    background-color: #1d1a1a;
    color: #616060;
    }

    #comment-list img
    {
    border-color: #1d1a1a;
    background-color: #0c0909;
    }

    #comment-list .options
    {
    color: #616060;
    background-color: #0c0909;
    }

    #comment-list .options a
    {
    color: #ffffff;
    }

    .pages .info
    {
    color: #616060;
    }

    .pages
    {
    background-color: #1d1a1a;
    }

    .pages a
    {
    color: #ffffff;
    }

    .add-comment
    {
    background-color: #1d1a1a;
    }

    .add-comment a
    {
    color: #616060;
    }
    August 5th, 2008 at 02:54am
  • hollywood hearts;

    hollywood hearts; (100)

    :
    Member
    Gender:
    Age:
    31
    Location:
    United States
    i made a layout and felt like sharing it in case anyone wanted to use it :)
    http://i33.tinypic.com/33nxkdk.png
    Hope you guys like it!

    <style type="text/css">
    <!--
    body { background-color: #ffffff; margin: 25px 20px 45px 20px; }

    #main { border-width: 0; background-color: #ffffff; }

    #about-section { background-color: #ffffff; }

    #comment-list li { color: #707362; background-color: #ffffff; }

    #comment-list img { border-color: #707362; background-color: #707362; }

    #comment-list .options { color: #9c495d; background-color: #ffffff; }

    #comment-list .options a { color: #9c495d; text-align:center; }

    .pages { background-color: #ffffff; }

    .pages .info { color: #ffffff; }

    .pages a { color: #707362; }

    .add-comment { background-color: #ffffff; color: #707362; }

    .add-comment a { color: #707362; }

    h1 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 40px; letter-spacing: -4px; }

    #stories h2 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #journals h2 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #articles h2 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #poems h2 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #photos h2 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #about-section h2 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; }

    #friends h2 { color: #9c495d; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: -4px; text-align:left;}

    #about h2 { color: #707362; background-color: #ffffff; font-family: georgia; font-size: 19px; letter-spacing: -2px; }

    #info-section { background-color: #ffffff; }

    body { background-color: #ffffff; background-image: url(http://i33.tinypic.com/25ezlew.png);
    background-repeat: repeat; background-position: right; }

    #main { background-color: #ffffff;}

    #about-section { background-color: #ffffff;}

    #main { border-color: #ffffff; background-image: url(); background-position: bottom left; background-repeat: no-repeat; }

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #ffffff; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #707362; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { border-width: 1 border-color: #707362; }

    #image img, #articles li img, #photos .photo { background-color: #ffffff; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #707362; }

    #friends div { color: #9c495d; }

    a:link { text-decoration: none; text-transform: lowercase; color:#9c495d; }

    a:hover{ color: #9c495d; font-family: georgia; text-transform: uppercase; text-decoration: line-through; letter-spacing: 2px; word-spacing: 4px; font-weight: italic; }

    html body div #menu { padding: 5px 10px; Margin: 0px 0px 0px 0px; font-size: 17px; text-align: center; color: #707362; background-color: #707362; font-family: georgia; }

    html body div #menu a { color: #9c495d; padding: 2px; text-decoration: none; }

    html body div #menu a:hover { text-decoration: underline; }

    html body div #options { padding: 3px 10px; font-size: 11px; text-align: center; color: #ffffff; background-color: #707362; font-family: Arial; }

    html body div #options a { color: #ffffff; padding: 2px; text-decoration: none; }

    html body div #options a:hover { text-decoration: underline; }

    html body div #options span a { color: #ffffff; }

    body { margin: 0; padding: 0; background-color: #707362; font-family: Arial; }

    textarea { font-family: Arial, ; font-size: 1em; }

    a { color: #ffffff; text-decoration: none; }

    a:hover { color: #ffffff; }

    #comments {
    text-align: center;
    }

    #stories {
    text-align: center;
    }

    #poems {
    text-align: center;
    }

    #photos {
    text-align: center;
    }

    #friends {
    text-align: center;
    }

    #journals {
    text-align: center;
    }

    #articles {
    text-align: center;
    }
    -->
    </style>
    August 5th, 2008 at 11:37pm
  • Smurfette.

    Smurfette. (100)

    :
    Member
    Gender:
    Age:
    31
    Location:
    Great Britain (UK)
    Pink black and white AC/DC layout =] check out layout http://member.mibba.com/59673/

    /* Theme: Black and white */

    /* Top Menu */

    body { background-color: #FF0000; background-image: url(http://i36.tinypic.com/30vyff4.jpg); background-repeat: none; background-position: top left;}

    html body div #menu, #menu a {
    color: #FF0000;
    Background-color: transparent;
    }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span {
    color: #FFFFFF;
    Background-color: transparent;
    }

    /* Titles */

    h1 { /* Name */
    color: #FFFFFF;
    Background-color: transparent;
    font-family:;
    font-size:;
    text-align: center;
    }

    #about h2 { /* About Me: Title */
    color: #000000;
    Background-color: transparent;
    font-family:;
    font-size:;
    text-align: center;
    }

    /* Page Background */

    body {
    Background-color: transparent;
    }

    /* Layout border color */

    #main {
    border-color: #000000;
    background-image: none;
    }

    #info-section {
    Background-color: transparent;
    }

    /* About & Comments background */

    #main {
    Background-color: transparent;
    }

    #about-section {
    Background-color: transparent;
    }

    #about-content {
    background-color: #FFFFFF;
    color: #FF0000;
    text-align: center;
    background-image: url(http://gi263.photobucket.com/groups/ii128/V1L4B3MDX/guitar.gif);
    background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: bottom left; /* it can also be "center left", "center center" etc.*/
    padding-bottom: 300px;
    }

    /* Information */

    #info dt { /* Category */
    Background-color: transparent;
    color: #FF0000;
    text-align: center
    }

    #info dd { /* Answer */
    Background-color: transparent;
    color: #FFF0000;
    text-align: center
    }

    /*Menu Colors*/

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
    Background-color: transparent;
    }

    #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
    Background-color: transparent;
    }

    #image img, #articles li img, #photos .photo {
    Background-color: transparent;
    }

    #image img, #articles li img, #friends img, #photos .photo {
    Background-color: transparent;
    }

    #friends div {
    color: #FF0000;
    }

    /* Story section */

    #stories { /* Story area */
    Background-color: transparent;
    }

    #stories h2 { /* Story title */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #stories li { /* Story list */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #stories li span { /* Text color */
    color: #FF0000;
    }

    #stories li a { /* Link color */
    color: #FF0000;
    }

    /* Article section */

    #articles { /* Article area */
    Background-color: transparent;
    }

    #articles h2 { /* Article title */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #articles li { /* Article list */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #articles li span { /* Text color */
    color: #000000;
    }

    #articles li a { /* Link color */
    color: #FF0000;
    }

    /* Poem section */

    #poems { /* Poem area */
    Background-color: transparent;
    }

    #poems h2 { /* Poem title */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #poems li { /* Poem list */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #poems li span { /* Text color */
    color: #FF0000;
    }

    #poems li a { /* Link color */
    color: #FF0000;
    }

    /* journal section */

    #journals { /* Journal area */
    Background-color: transparent;
    }

    #journals h2 { /* Journal title */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #journals li { /* Journal list */
    color: #FF0000;
    Background-color: transparent;
    text-align: left
    }

    #journals li span { /* Text color */
    color: #000000;
    }

    #journals li a { /* Link color */
    color: #000000;
    }

    /* Friends section */

    #friends { /* Friend area */
    Background-color: transparent;
    text-align: center
    }

    #friends h2 { /* Friend title */
    color: #FCF6AE;
    Background-color: transparent;
    }

    #friends li { /* Friend list */
    color: #FCF6AE;
    Background-color: transparent;
    text-align: center
    }

    #friends li span { /* Text color */
    color: #000000;
    }

    #friends li a { /* Link color */
    color: #FCF6AE;
    }

    #photos h2 {
    color: #FCF6AE;
    Background-color: transparent;
    }

    /* Comments */

    #about-section h2 { /* Comment: Title */
    color: #FF0000;
    Background-color: transparent;
    font-family:;
    font-size:;
    text-align: center;
    }

    #comment-list li { /* Comment: background color */
    color: #FF0000;
    Background-color: transparent;
    }

    #comment-list img { /* Comment: Avatar "frame" */
    border-color: #FFFFFF;
    Background-color: transparent;
    }

    #comment-list .options { /* Comment: Username & Date area */
    color: #FFFFFF;
    Background-color: transparent;
    }

    #comment-list .options a { /* Comment: Username/Report/Delete links */
    color: #FFFFFF;
    }

    .pages { /* Comment: Comment pages */
    Background-color: transparent;
    }

    .pages .info { /* Comment: "PAGES" -text */
    color: #FFFFFF;
    }

    .pages a { /* Comment: Page numbers - links */
    color: #FFFFFF;
    }

    .add-comment { /* Comment: "Add comment" area */
    Background-color: transparent;
    }

    .add-comment a { /* Comment: "Add comment" link */
    color: #FF0000;
    }
    August 11th, 2008 at 05:28am
  • skank.

    skank. (200)

    :
    Member
    Gender:
    Age:
    31
    Location:
    Great Britain (UK)
    Cobra Starship layout.
    Do not remove credit. Let me know if you use it. :cute:

    Image

    Image

    Code:
    body { background-image: url(http://i38.tinypic.com/2woabgo.jpg);
    background-repeat: no-repeat; background-position: top center; background-color: #fff1ca; margin-top: 248px; background-attachment: scroll; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #000000; background-color: transparent; font-size: 11px; font-family: georgia; }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #000000; background-color: transparent; font-size: 11px; font-family: georgia; }

    #main { border-color: #e8ac90; border-width: 2px; background-color: #ffffff; background-image: none; }

    #info-section { background-color: #ffffff; float: right; }

    #about-section { background-color: #ffffff; float: left;}

    #stories h2 { color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }

    #journals h2 { color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }

    #articles h2 { color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }

    #poems h2 { color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }

    #photos h2 { color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }

    #friends h2 { color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 20px; letter-spacing: 1px; text-align: right; }

    #about-section h2 { color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: 1px; text-align: center; }

    h1 { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 30px; letter-spacing: 1px; text-align: center; }

    #image, #info, #stories, #articles, #friends, #poems, #photos, #journals, a:hover img { background-color: #ffffff; }

    #image, #stories, #articles, #photos, #poems, #journals, a:hover img { text-align: right; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #ffffff; color: #000000; }

    #info dt, #info dd { font-family: georgia; }

    #image img, #articles li img, #photos .photo { background-color: #ffffff; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #000000; }

    #friends div { color: #e8ac90; }
    #friends a:hover img { background-color: #e8ac90; }

    #stories ul li h3 a { color: #000000; font-family: georgia; font-size: 12px;}
    #stories ul li a { color: #000000; font-family: georgia; font-size: 8px;}
    #stories li span { color: #000000; font-family: georgia; font-size: 8px; }

    #journals ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
    #journals ul li a { color: #000000; font-family: georgia; font-size: 8px;}
    #journals li span { color: #000000; font-family: georgia; font-size: 8px; }

    #poems ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
    #poems ul li a { color: #000000; font-family: georgia; font-size: 8px;}
    #poems li span { color: #000000; font-family: georgia; font-size: 8px; }

    #articles ul li h3 a { color: #000000; font-family: georgia; font-size: 12px; }
    #articles ul li a { color: #000000; font-family: georgia; font-size: 8px;}
    #articles li span { color: #000000; font-family: georgia; font-size: 8px; }

    a:hover { font-family: times; letter-spacing: 2px; word-spacing: 3px; }

    #comment-list .options { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 12px; }

    #comment-list .options a { color: #e8ac90; font-family: georgia; font-size: 12px;}

    #comment-list .options a:hover { color: #e8ac90; font-family: georgia; font-size: 13px; background-color: #ffffff;}

    .pages { background-color: #ffffff; font-family: georgia; font-size: 12px;}

    .pages .info { color: #ffffff; font-family: georgia; font-size: 12px;}

    .pages a { color: #e8ac90; font-family: georgia; font-size: 12px;}

    .add-comment { background-color: #ffffff; color: #000000; font-family: georgia; font-size:12px;}

    .add-comment a { color: #000000; font-family: georgia; font-size: 12px;}

    #comment-list li { color: #000000; background-color: #ffffff; font-family: georgia; font-size: 12px; text-align: center;}

    #comment-list img { border-color: #e8ac90; background-color: #ffffff; font-family: georgia; font-size: 12px; align: center;}

    a:hover { font-family: georgia; text-decoration: none; letter-spacing: 2px; word-spacing: 3px; }

    #popup {z-index: 2; position: center; top: 0; left: 0; width: 350px; height: 200px; padding-bottom: 10px; border: #000000 3px solid; background-color: #a7fcff; font-size: 13px; text-align: center; font-family: georgia;}
    #popup-background {position: clear; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0; }
    #popup h2{color: #000000; background-color: #a7fcff; margin: 0; padding: 4px 7px; font-size: 13px; font-family: georgia;}
    #popup label {display: block; color: #a7fcff; background-color: #a7fcff; }
    #popup .check {text-align: center; padding: 4px 7px;}
    #popup .check label {display: inline; background-color: #ffffff; font-weight: none;}
    #popup .inside {padding-left: 25px; margin-bottom: 25px;}
    #popup .inside label {font-weight: bold;}
    #popup textarea {width: 300px; height: 70px; margin: 8px 8px; padding: 2px 4px; color: #000000; background-color: #ffffff; font-family: georgia; font-size: 11px; font-weight: none; text-align: center; border-width; 1px; border-color; #000000 }
    #popup button {clear: left; margin: 0 5px; border: #000000 1px solid; color: #000000; background-color: #ffffff; opacity: 1.0; font-family: georgia;}
    #popup #comment-delete {margin-top: 25px;}
    #popup p {margin: 0; padding: 15px;}
    #popup p.error {color: #000000;}
    #popup-options {border-bottom: #000000 1px solid; text-align: right; font-size: 12px; font-family: georgia;}
    #popup-options a {color: #000000; text-decoration: none; padding: 2px 4px; display: block; background-color: #ffffff; font-family: georgia;}
    #popup-options a:hover {background-color: #ffffff;}

    #about-content {
    text-align: center;
    font-family: georgia;
    background-image: url(http://i37.tinypic.com/14mumpg.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 20px; }
    August 12th, 2008 at 11:07pm
  • Liz Vengeance

    Liz Vengeance (100)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States
    Image

    It's a black label society background/layout.
    I made it for my boyfriend.

    CSS:
    body { background-image: url(http://www.showandtellonline.com/images_splash/black_label_society.jpg);
    background-repeat: no-repeat; background-position: bottom left; background-color: #000000; margin: 90px 300px; 180px -320px; background-attachment: fixed; }

    html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #ffffff; background-color: #000000; font-size: 11px; font-family: times; width: 900px; }

    html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #ffffff; background-color: #000000; font-size: 10px; width: 950px; }

    #main { border-color: #000000; border-width: 0px; margin: 40px 0px; 10px 10px; width: 940px; background-color: #000000; background-image: none; }

    #info-section { width: 344px; background-color: #000000; }

    #about-section { width: 526px; background-color: #000000; }

    #comment-list p { width: 380px; }

    #stories h2 { color: #fffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #rescue h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px;}

    #articles h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #poems h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #photos h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #journals h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #about-section h2{ color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #friends h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #about h2 { color: #fffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    h1 { color: #ffffff; background-color: #000000; font-family: times; font-size: 50px; letter-spacing: -6px; text-align: center;}

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #000000; text-align: center; }

    #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; color: #ffffff; }

    #image img, #articles li img, #photos .photo { background-color: #000000; }

    #image img, #articles li img, #friends img, #photos .photo { border-color: #000000; }

    #friends div { color: #ffffff; }

    #stories ul li h3 a { color: #ffffff; font-family: times; font-size: 14px;}
    #stories ul li a { color: #fffffff; font-family: arial; font-size: 11px;}
    #stories li span { color: #000000; }

    #articles ul li h3 a { color: #ffffff; font-family: times; font-size: 14px;}
    #articles ul li a { color: #fffffff; font-family: arial; font-size: 11px;}
    #articles li span { color: #000000; }

    #journals ul li h3 a { color: #ffffff; font-family: times; font-size: 14px;}
    #journals ul li a { color: #ffffff; font-family: arial; font-size: 11px;}
    #journals li span { color: #000000; }

    #poems ul li h3 a { color: #ffffff; font-family: times; font-size: 14px;}
    #poems ul li a { color: #ffffff; font-family: arial; font-size: 11px;}
    #poems li span { color: #000000; }

    #about-content{color:#fff}

    #comment-list .options { color: #ffffff; background-color: #000000; }

    #comment-list .options a { color: #ffffff; }

    .pages { background-color: #000000; }

    .pages .info { color: #000000 }

    .pages a { color: #ffffff; }

    .add-comment { background-color: #000000; color: #ffffff; }

    .add-comment a { color: #ffffff; }

    #comment-list li { color: #ffffff; background-color: #000000; }

    #comment-list img { border-color: #fffffff; background-color: #000000; }

    a:hover { font-family: times; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; }
    August 13th, 2008 at 07:02am