Share Your Profile Layouts [Defunct]

  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    Why did people forget good old blink-182? Fuck Off
    Image[/url]-->Image

    CSS:

    /*
    Colors:
    6e645b - light gray

    776e67 - lil lighter
    */
    body, .bodyContent
    {
    background-color: #930d18;
    }
    /* privacy */

    /* Name,Age,Location,Join Date */
    #info {/* display: none; */}

    /* privacy */

    /* menu */
    #menu
    {
    background-color: #930d18;
    color:black;
    }

    #options
    {
    background-color: #930d18;
    color:black;

    }

    #options a
    {
    color:white;
    }

    #options span a
    {
    color: #6e645b;
    }

    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }

    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:#930d18;
    position:absolute;
    left: -450px;
    top: 100px;
    }

    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: #930d18;
    float: left;
    }

    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:#930d18;
    float: left;
    }

    /* Middle Frame */
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:#930d18;
    float: left;
    }

    #image
    {
    text-align:center;
    }

    #info
    {

    }

    #info dl
    {
    margin-left: 70px;
    }

    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color: green;
    }

    #about h2
    {
    width: 466px;
    }

    #about-content
    {
    overflow:auto;
    background-color: blue;
    text-align: left;
    padding: 10px;
    width: 420px;
    background-color: #930d18;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    color: white;
    max-height: 500px;
    }

    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: #930d18;
    float: right;
    }

    h2
    {
    text-align: center;
    background-color: #930d18;
    }

    #comment-area
    {
    background-color: #930d18;
    padding-bottom:10px;
    }

    #poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
    background-color: #930d18;
    color:white;
    font-family: Chiller;
    font-size: 2em;}

    #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: #930d18;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    }

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

    #friends img
    {
    padding: 0px;
    }

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

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

    #info
    {
    background-color: #930d18;
    }

    #comment-area .comment-add
    {
    color: white;
    }

    #comment-area .options
    {
    background-color: #930d18;
    }
    #comments
    {
    color: white;
    }

    #comments .pages
    {
    background-color: #930d18;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    color: white;
    }

    #comments .pages a, #comments .info
    {
    color: white;
    }

    #comment-list li, #comment-list img
    {
    background-color: #930d18;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #credit
    {
    background-color: #930d18;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */

    HTML:

    <div id="main-pd">
    <div id="main-frame">

    <div id="top-frame"><img src="http://img50.imageshack.us/img50/4531/800x600fondospantallaswdy9.jpg" width="800" height="600" /></div>

    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->

    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    Bye
    May 30th, 2008 at 05:19pm
  • Isabella.

    Isabella. (550)

    :
    Member
    Gender:
    Age:
    29
    Location:
    United Kingdom
    I call this: My Riot!

    http://i302.photobucket.com/albums/nn117/MilkshakeGlamour/MibbaMyRiotLYT.jpg

    body { background-image: url(http://i302.photobucket.com/albums/nn117/MilkshakeGlamour/6bomana.jpg);
    background-repeat: no-repeat; background-position: bottom right; background-color: #000000; margin: 0px 100px; 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: #da88a5; background-color: #000000; font-size: 9px; font-family: times; width: 820px; }

    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: 9px; width: 820px; }

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

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

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

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

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

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

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

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

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

    #about-section h2{ color: #754c78; background-color: #292929; font-style:bold; font-family: TIMES; font-size: 50px; letter-spacing: -4px; text-align: center;}

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

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

    h1 { color: #eec900; background-color: #292929; font-style:bold; font-family: Arial Narrow; font-size: 50px; letter-spacing: -4px; text-align: center;}

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

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

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

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

    #friends div { color: #292929; }

    #stories ul li h3 a { color: #ffffff; font-family: CENTURY GOTHIC; font-size: 9px;}
    #stories ul li a { color: #33A1C9; font-family: arial narrow; font-size: 12px;}
    #stories li span { color: #FFFFFF; }

    #articles ul li h3 a { color: #FFFFFF; font-family: CENTURY GOTHIC; font-size: 9px;}
    #articles ul li a { color: #754C78; font-family: arial narrow; font-size: 12px;}
    #articles li span { color: #FFFFFF; }

    #journals ul li h3 a { color: #FFFFFF; font-family: CENTUYR GOTHIC; font-size: 9px;}
    #journals ul li a { color: #63ABC2; font-family: arial narrow; font-size: 12px;}
    #journals li span { color: #FFFFFF; }

    #poems ul li h3 a { color: #FFFFFF; font-family: CENTURY GOTHIC; font-size: 9px;}
    #poems ul li a { color: #EEC900; font-family: arial narrow; font-size: 12px;}
    #poems li span { color: #FFFFFF; }

    #comment-list .options { color: #DA88A5; background-color: #292929; font-family:CENTURY GOTHIC; font-size:12px;}

    #comment-list .options a { color: #DA88A5; font-family:ARIAL NARROW; font-size:12px;}

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

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

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

    .add-comment { background-color: #292929; color: #FF0066; font-family:ARIAL NARROW; font-size:12px;}

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

    #comment-list li { color: #FFFFFFF; background-color: #737373; font-family:ARIAL NARROW; font-size:12px;}

    #comment-list img { border-color: #292929; background-color: #292929; font-family:TIMES; font-size:12px;}

    a:hover { font-family: ARIAL NARROW; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: bold; }

    #about-content {
    background-color: #737373;
    text-align: center;
    font-color: ffffff;
    font-family: CENTURY GOTHIC;
    Font-size: 10px;
    background-image: url(http://i302.photobucket.com/albums/nn117/MilkshakeGlamour/marilynmonroe-1.jpg);
    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: 300px; }
    May 31st, 2008 at 02:29am
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    All Time Low... Someone wanted this :)
    Image[/url]-->Image

    CSS:

    /*
    Colors:
    6e645b - light gray

    776e67 - lil lighter
    */
    body, .bodyContent
    {
    background-color:black;
    }
    /* privacy */

    /* Name,Age,Location,Join Date */
    #info {/* display: none; */}

    /* privacy */

    /* menu */
    #menu
    {
    background-color: transparent;
    color:black;
    }

    #options
    {
    background-color: transparent;
    color:black;

    }

    #options a
    {
    color:white;
    }

    #options span a
    {
    color: #6e645b;
    }

    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }

    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 100px;
    }

    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }

    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }

    /* Middle Frame */
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }

    #image
    {
    text-align:center;
    }

    #info
    {

    }

    #info dl
    {
    margin-left: 70px;
    }

    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color: green;
    }

    #about h2
    {
    width: 466px;
    }

    #about-content
    {
    overflow:auto;
    background-color: blue;
    text-align: left;
    padding: 10px;
    width: 420px;
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    color: white;
    max-height: 500px;
    }

    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    h2
    {
    text-align: center;
    background-color: transparent;
    }

    #comment-area
    {
    background-color: transparent;
    padding-bottom:10px;
    }

    #poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
    background-color: transparent;
    color:white;
    font-family: Tahoma Small Cap;
    font-size: 2em;}

    #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: 1px;
    border-style: solid;
    border-color: white;
    }

    #friends a:hover img
    {
    background-color:#930d18;
    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: white;
    }

    #info
    {
    background-color: transparent;
    }

    #comment-area .comment-add
    {
    color: white;
    }

    #comment-area .options
    {
    background-color: transparent;
    }
    #comments
    {
    color: white;
    }

    #comments .pages
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    color: white;
    }

    #comments .pages a, #comments .info
    {
    color: white;
    }

    #comment-list li, #comment-list img
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #credit
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */

    HTML:

    <div id="main-pd">
    <div id="main-frame">

    <div id="top-frame"><img src="http://img165.imageshack.us/img165/4184/alltimelow10jf9.jpg" /></div>

    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->

    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    In Love
    May 31st, 2008 at 01:48pm
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    Another request. Clap
    (Pic was too big for imageshack so i had to cutout the bottom, but you can see the main ideas)
    Image[/url]-->Image

    CSS:

    /*
    Colors:
    6e645b - light gray

    776e67 - lil lighter
    */
    body, .bodyContent
    {
    background-color:black;
    background-image: url(http://img153.imageshack.us/img153/3500/asdsadgo1.jpg);
    }
    /* privacy */

    /* Name,Age,Location,Join Date */
    #info {/* display: none; */}

    /* privacy */

    /* menu */
    #menu,#menu a
    {
    background-color:#bad6c8;
    color:black;
    }

    #options
    {
    background-color:#60624d;
    color:black;

    }

    #options a
    {
    color:black;
    }

    #options span a
    {
    color:black;
    }

    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }

    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 100px;
    }

    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }

    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }

    /* Middle Frame */
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }

    #image
    {
    text-align:center;
    }

    #info
    {

    }

    #info dl
    {
    margin-left: 70px;
    }

    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color: green;
    }

    #about h2
    {
    width: 466px;
    }

    #about-content
    {
    overflow:auto;
    background-color: blue;
    text-align: left;
    padding: 10px;
    width: 420px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    color: black;
    background-color: #60624d;
    max-height: 500px;
    }

    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    h2
    {
    text-align: center;
    background-color: transparent;
    }

    #comment-area
    {
    background-color: transparent;
    padding-bottom:10px;
    color: black;
    }

    #poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
    background-color: #bad6c8;
    color:black;
    font-family: Monotype Corsiva;
    border-width: 1px;
    border-style: solid;
    border-color:black;
    font-size: 2em;}

    #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: #60624d;
    border-width: 1px;
    border-style: solid;
    border-color:black;
    }

    #friends a:hover img
    {
    background-color:#930d18;
    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;
    }

    #info
    {
    background-color: transparent;
    }

    #comment-area .comment-add
    {
    color: black;
    background-color: #60624d;
    }

    #comment-area .options
    {
    background-color: transparent;
    }
    #comments
    {
    color: black;
    }

    #comments .pages
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    color: black;
    background-color: #60624d;
    }

    #comments .pages a, #comments .info
    {
    color: black;
    background-color: #60624d;
    }

    #comment-list li, #comment-list img
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #comments li
    {
    background-color: #60624d;
    }

    #credit
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */

    HTML:

    <div id="main-pd">
    <div id="main-frame">

    <div id="top-frame"><img src="http://img133.imageshack.us/img133/4219/billkaulitz1172682954xq6.png" /></div>

    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->

    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    Nyam
    June 1st, 2008 at 12:44am
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    All-American Rejects. :)
    Image[/url]-->Image
    CSS::
    /*
    Colors:
    6e645b - light gray

    776e67 - lil lighter
    */
    body, .bodyContent
    {
    background-color:#9bb27e;
    }
    /* privacy */

    /* Name,Age,Location,Join Date */
    #info {/* display: none; */}

    /* privacy */

    /* menu */
    #menu,#menu a
    {
    background-color:#9bb27e;
    color:black;
    }

    #options
    {
    background-color:#43392d;
    color:black;

    }

    #options a
    {
    color:black;
    }

    #options span a
    {
    color:black;
    }

    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }

    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 300px;
    }

    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }

    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }

    /* Middle Frame */
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }

    #image
    {
    text-align:center;
    }

    #info
    {

    }

    #info dl
    {
    margin-left: 70px;
    }

    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color: green;
    }

    #about h2
    {
    width: 466px;
    }

    #about-content
    {
    overflow:auto;
    background-color: blue;
    text-align: left;
    padding: 10px;
    width: 420px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    color: black;
    background-color: #60624d;
    max-height: 500px;
    }

    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    h2
    {
    text-align: center;
    background-color: transparent;
    }

    #comment-area
    {
    background-color: transparent;
    padding-bottom:10px;
    color: black;
    }

    #poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
    background-color: #9bb27e;
    color: #1f1612;
    font-family: "Century Gothic";
    border-width: 1px;
    border-style: solid;
    border-color:#1f1612;
    font-size: 2em;}

    #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: #9bb27e;
    border-width: 1px;
    border-style:dotted;
    border-color:#1f1612;
    }

    #poems li h3 a,
    #stories li h3 a,
    #articles li h3 a,
    #journals li h3 a,
    #photos .photo div,
    #info
    {
    color:black;
    }

    #friends a:hover img
    {
    background-color:#930d18;
    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;
    }

    #info
    {
    background-color: transparent;
    }

    #comment-area .comment-add
    {
    color: black;
    background-color: #60624d;
    }

    #comment-area .options
    {
    background-color: transparent;
    }
    #comments
    {
    color: black;
    }

    #comments .pages
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    color: black;
    background-color: #60624d;
    }

    #comments .pages a, #comments .info
    {
    color: black;
    background-color: #60624d;
    }

    #comment-list li, #comment-list img
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #comments li
    {
    background-color: #60624d;
    }

    #credit
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */
    HTML::
    <div id="main-pd">
    <div id="top-frame"><img src="http://img78.imageshack.us/img78/8090/theallamericanrejectsig0.jpg" width="900" height="1114" style="left: -450px; position: absolute;" /></div>
    <div id="main-frame">

    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->
    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    Disgust Ha Ha
    June 1st, 2008 at 05:22am
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    Anne Rice :twisted:
    Image[/url]-->Image
    CSS:
    body, .bodyContent
    {
    background-color:black;
    background-image: url(http://img106.imageshack.us/img106/3225/anneriseaf4.jpg);
    }
    /* privacy */

    /* Name,Age,Location,Join Date */
    #info {/* display: none; */}

    /* privacy */

    /* menu */
    #menu,#menu a
    {
    background-color:black;
    color:red;
    }

    #options
    {
    background-color:#3d3d3d;
    color:red;

    }

    #options a
    {
    color:red;
    }

    #options span a
    {
    color:red;
    }

    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }

    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 100px;
    }

    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }

    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }

    /* Middle Frame */
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }

    #image
    {
    text-align:center;
    }

    #info
    {

    }

    #info dl
    {
    margin-left: 70px;
    }

    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color: green;
    }

    #about h2
    {
    width: 466px;
    }

    #about-content
    {
    overflow:auto;
    background-color: blue;
    text-align: left;
    padding: 10px;
    width: 420px;
    max-height: 500px;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    color:red;
    background-color:black;
    }

    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    h2
    {
    text-align: center;
    background-color: transparent;
    }

    #comment-area
    {
    background-color: transparent;
    padding-bottom:10px;
    color: black;
    }

    #poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
    background-color:black;
    color:red;
    font-family:Blackadder ITC;
    border-width: 1px;
    border-style: solid;
    border-color:red;
    font-size: 2em;}

    #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:black;
    border-width: 1px;
    border-style: solid;
    border-color:red;
    }

    #poems li h3 a,
    #stories li h3 a,
    #articles li h3 a,
    #journals li h3 a,
    #photos .photo div,
    #info
    {
    color:#b22222;

    }

    #friends a:hover img
    {
    background-color:#930d18;
    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;
    }

    #info
    {
    background-color: transparent;
    }

    #comment-area .comment-add
    {
    color:red;
    background-color:black;
    }

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

    #comments
    {
    color:red;
    background-color:black;
    border-style: solid;
    border-color: red;
    }

    #comments .pages
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    color:red;
    background-color:black;
    }

    #comments .pages a, #comments .info
    {
    color:red;
    background-color:black;
    }

    #comment-list li, #comment-list img
    {
    color:red;
    background-color:red;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #comments li
    {
    background-color:black;
    color: red;

    }

    #credit
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */
    HTML:
    <div id="main-pd">

    <div id="main-frame">
    <div id="top-frame"><img src="http://img386.imageshack.us/img386/3253/annericeen7.png" width="320" height="420" /></div>
    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->
    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.
    Bangin
    June 2nd, 2008 at 01:20pm
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    Another All Time Low. :)
    Image[/url]-->Image
    CSS::
    body, .bodyContent
    {
    background-color:black;
    }
    /* privacy */

    /* Name,Age,Location,Join Date */
    #info { /* display: none; */ }

    /* privacy */

    /* menu */
    #menu,#menu a
    {
    background-color:black;
    background-image: url(http://img517.imageshack.us/img517/4738/10074163uv5.png);
    color:#cb5e49;
    font-family: Arial Black;

    }

    #options
    {
    background-color:black;
    background-image: url(http://img517.imageshack.us/img517/4738/10074163uv5.png);
    color:black;
    border: thick;
    border-style: solid;
    border-color: white;
    border-top: none;
    }

    #menu
    {
    border: thick;
    border-style: solid;
    border-color: white;
    border-bottom: none;
    }
    #options a
    {
    color:#90b361;
    font-family: Arial Black;
    }

    #options span a
    {
    color:#fcea6c;
    font-family: Arial Black;
    }

    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }

    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 100px;
    }

    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }

    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }

    /* Middle Frame */
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }

    #image
    {
    text-align:center;
    }

    #info
    {
    position: relative;
    left: -10px;
    }

    #info dl
    {
    margin-left: 70px;
    }

    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color: green;
    }

    #about h2
    {
    width: 466px;
    }

    #about-content
    {
    overflow:auto;
    text-align: left;
    padding: 10px;
    width: 420px;
    border-width: 5px;
    border-style: solid;
    border-color: white;
    border-bottom: none;
    border-top: none;
    color: white;
    background-color:black;
    font-family:Blackoak;
    max-height: 500px;
    }

    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    h2
    {
    text-align: center;
    background-color: transparent;
    }

    #comment-area
    {
    background-color: transparent;
    padding-bottom:10px;
    color: white;
    }

    #poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
    background-color: black;
    background-image: url(http://img517.imageshack.us/img517/4738/10074163uv5.png);
    color: white;
    font-family: Monotype Corsiva;
    border-width: 5px;
    border-style: solid;
    border-color:white;
    font-family:Blackoak;
    font-size: 2em;}
    #about h2{
    width: 455px;
    }
    #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:black;
    border-width: 5px;
    border-style: solid;
    border-color:white;
    }

    #friends a:hover img
    {
    background-color:#930d18;
    border-style:dotted;
    }

    #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;
    }

    #info
    {
    background-color: transparent;
    }

    #comment-area .comment-add
    {
    color: white;
    padding: 5px;
    position: relative;
    border: solid;
    border-color: white;
    border-width: 5px;
    left: -175px;
    background-color: black;
    }

    #comment-area .options
    {
    background-color: transparent;
    font-size: 10px;
    }
    #comments
    {
    color: white;
    }

    #comments .pages
    {
    background-color: transparent;
    border: solid;
    border-color: white;
    border-width: 5px;
    color: white;
    background-color: black;
    }

    #comments .pages a, #comments .info
    {
    color: white;
    }

    #comment-list li, #comment-list img
    {
    background-color:black;
    border: solid;
    border-color: white;
    border-width: 5px;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #comments li
    {
    background-color:black;
    }

    #credit
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */
    HTML::
    <div id="main-pd">
    <div id="main-frame">
    <div id="top-frame"><img src="http://img106.imageshack.us/img106/7932/2u94fbpok2.png" width="312" height="459"/></div>

    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    :lmfao
    June 2nd, 2008 at 04:41pm
  • CagedBarbWire

    CagedBarbWire (100)

    :
    Member
    Gender:
    Age:
    31
    Location:
    Great Britain (UK)
    First layout done, but I'm suprised it came out right.
    I usually work with HTML.

    My Chemical Romance
    Screenshot1, header
    Screenshot2, comments

    CSS Code

    body { background-image:

    url(http://gi257.photobucket.com/groups/hh217/4EQ1QTJVQ/headermibbaMCR.jpg);
    background-repeat: no-repeat; background-position: top center; background-color: #000000;

    margin: 460px 100px; 200px 0px; }

    #main { border-color: #000000; border-width: 0px; margin: 20px 20px; 20px 20px; width:

    930px; background-color: #000000; background-image: url(); background-repeat: no-repeat;

    background position: bottom left; }

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

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

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

    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; }

    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; }

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

    #stories h2 { color: #ffffff; background-color: #000000; text-align: center; font-family:

    Arial; font-size: 40px; letter-spacing: 2px; }

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

    #stories li span { color: #ffffff; }

    #stories li a { color: #ffffff; }

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

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

    #journals h2 { color: #ffffff; background-color: #000000; text-align: center; font-family:

    Arial; font-size: 40px; letter-spacing: 2px; }

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

    #journals li span { color: #ffffff; }

    #journals li a { color: #ffffff; }

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

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

    #poems h2 { color: #ffffff; background-color: #000000; text-align: center; font-family:

    Arial; font-size: 40px; letter-spacing: 2px; }

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

    #poems li span { color: #ffffff; }

    #poems li a { color: #ffffff; }

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

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

    #articles h2 { color: #ffffff; background-color: #000000; text-align: center; font-family:

    Arial; font-size: 40px; letter-spacing: 2px; }

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

    #articles li span { color: #ffffff; }

    #articles li a { color: #ffffff; }

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

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

    #photos h2 {color: #ffffff; background-color: #000000; text-align: center; font-family:

    arial; font-size: 40px; letter-spacing: 2px; }

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

    #photos li span { color: #ffffff; }

    #photos li a { color: #ffffff; }

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

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

    #friends h2 { color: #ffffff; background-color: #000000; text-align: center; font-family:

    Arial; font-size: 40px; letter-spacing: 2px; }

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

    #friends li span { color: #ffffff; }

    #friends li a { color: #ffffff; }

    #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: #000000; color: #ffffff; }

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

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

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

    #000000}

    /*Layout by Johelle Tapper / Punksrnotded / Rebel Judd. */

    #friends div { color: #ffffff; }

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover

    img { background-color: #000000; text-align: center;}

    #about-content { color: #ffffff; background-color: #000000; text-align: center;
    background-image:

    url(http://gi257.photobucket.com/groups/hh217/4EQ1QTJVQ/BottommibbaMCR.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 240px}

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

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

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

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

    .pages { background-color: #000000; }

    .pages .info { color: #ffffff; }

    .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: #ffffff; background-color: #000000; }

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

    a:hover { color: #ffffff; font-family: Arial; text-decoration: bold; letter-spacing: 1px;

    word-spacing: 1px; font-weight: italic; text-align:center;}

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

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

    #about-section h2 { color: #ffffff; background-color: #000000; text-align: center;

    font-family: arial; font-size: 40px; letter-spacing: 2px; }

    #about h2 { color: #ffffff; background-color: #000000; text-align: center; font-family:

    arial; font-size: 40px; letter-spacing: 2px; }

    h1 { color: #ffffff; background-color: #000000; text-align: center; font-family: Arial;

    font-size: 40px; letter-spacing: 2px; }

    I'd like it if you reply to this post if you use it or PM me. Any is fine.
    June 2nd, 2008 at 06:58pm
  • Oooh Zing

    Oooh Zing (100)

    :
    Member
    Gender:
    Age:
    32
    Location:
    United States
    Punksrnotded:
    First layout done, but I'm suprised it came out right.
    I usually work with HTML.

    My Chemical Romance
    Screenshot1, header
    Screenshot2, comments
    I used it. :D
    June 3rd, 2008 at 06:15am
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    Paramore Punk
    Image[/url]-->Image
    CSS::
    body, .bodyContent
    {
    background-color:black;
    background-image: url(http://img136.imageshack.us/img136/3565/paramoreriotie8.jpg);
    }
    /* privacy */

    /* Name,Age,Location,Join Date */
    #info { /* display: none; */ }

    /* privacy */

    /* menu */
    #menu,#menu a
    {
    background-color:#fbfbfd;
    color:black;
    font-family:Algerian;
    font-size: 1em;
    }

    #options
    {
    background-color:#fbfbfd;
    color:black;
    font-family:Algerian;
    font-size: .8em;
    border-bottom-color: black;
    border-bottom-style: double;
    border-bottom-width: 5px;

    }

    #options a
    {
    color:black;
    }

    #options span a
    {
    color:#d75728;
    }

    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }

    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 50px;
    }

    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }

    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }

    /* Middle Frame */
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }

    #image
    {
    text-align:center;
    }

    #info
    {

    }

    #info dl
    {
    margin-left: 70px;
    }

    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color: green;
    }

    #about h2
    {
    width: 455px;
    }

    #about-content
    {
    overflow:auto;
    text-align: left;
    padding: 10px;
    width: 420px;
    border-width: 5px;
    border-style:dashed;
    border-color:#4c0b09;
    border-bottom-style: none;
    border-top-style: none;
    color: black;
    background-color:white;
    max-height: 500px;
    }

    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    h2
    {
    text-align: center;
    background-color: transparent;
    }

    #comment-area
    {
    background-color: transparent;
    padding-bottom:10px;
    color: black;
    }

    #poems h2,#stories h2,#articles h2,#photos h2,#friends h2,#about h2,#comment-area h2,#journals h2, #image h2{
    background-color:#fbfbfd;
    color:black;
    font-family:Algerian;
    border-width: 5px;
    border-style:dashed;
    border-color:#4c0b09;
    font-size: 2em;}

    #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:#fbfbfd;
    border-width: 5px;
    border-style:dotted;
    border-color:black;
    color: black;
    }

    #poems li h3 a,#poems li span,
    #stories li h3 a,#stories li span,
    #articles li h3 a,#articles li span,
    #journals li h3 a,#journals li span,
    #photos .photo div,
    #info
    {
    color:black;
    }
    #stories li span a
    {
    color: orange;
    }
    #friends a:hover img
    {
    background-color:#930d18;
    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;
    }

    #info
    {
    background-color: transparent;

    }

    #comment-area .comment-add
    {
    color: black;
    background-color: white;
    border-width: 5px;
    border-style:dashed;
    border-color:#4c0b09;
    }

    #comment-area .options
    {
    background-color: transparent;
    }
    #comments
    {
    color: black;
    }

    #comments .pages
    {
    border-width: 5px;
    border-style:dashed;
    border-color:#4c0b09;
    color: black;
    background-color: #fbfbfb;
    }

    #comments .pages a, #comments .info
    {
    color: black;
    background-color:transparent;
    }

    #comment-list li, #comment-list img
    {
    background-color: transparent;
    border-width: 5px;
    border-style:dashed;
    border-color:#4c0b09;
    }

    #comments li
    {
    background-color: white;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #credit
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */
    HTML::
    <div id="main-pd">

    <div id="main-frame">
    <div id="top-frame"><img src="http://img507.imageshack.us/img507/6301/paramorewallpaperbyanargl3.png" /></div>

    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    Dance Ha Ha
    June 3rd, 2008 at 02:47pm
  • joonie.

    joonie. (100)

    :
    Member
    Gender:
    Age:
    74
    Location:
    United States
    So this was made ages ago. I kind of love them. There's two versions of basically the same layout.

    Version one:

    html body div #menu {
    [url=font-family: Courier New;
    }

    html body div #options {
    font-family: Courier New;
    }

    body
    {
    background-image: url(http://i27.photobucket.com/albums/c155/3334/exclamationdq4.png);
    background-repeat: repeat;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2.5em;
    }

    #main {
    border-color: #000000;
    background-image: none;
    background-position: bottom left;
    background-repeat: repeat;
    }

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

    #about-content {
    line-height: 1.7em;
    }

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

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

    #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: #2A8E82:
    }

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

    .pages .info {
    color: #ffffff;
    }

    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: #ffff99;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #2A8E82;
    }

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

    Version two:

    #info-section {
    width: auto;
    }

    #main {
    width: 575px;
    }
    html body div #menu {
    font-family: Courier New;
    }

    html body div #options {
    font-family: Courier New;
    }

    body
    {
    background-image: url(http://i27.photobucket.com/albums/c155/3334/exclamationdq4.png);
    background-repeat: repeat;
    font-family: Georgia;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2.4em;
    }

    #main {
    border-color: #000000;
    background-image: none;
    background-position: bottom left;
    background-repeat: repeat;
    }

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

    #about-content {
    line-height: 1.7em;
    }

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

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

    #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: #2A8E82:
    }

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

    .pages .info {
    color: #ffffff;
    }

    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: #ffff99;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #2A8E82;
    }

    #about-section {
    background-color: #000000;
    }
    June 5th, 2008 at 10:59am
  • i spy sarah.

    i spy sarah. (100)

    :
    Member
    Gender:
    Age:
    31
    Location:
    Great Britain (UK)
    i actually spent more then 2 hours on this suprisingly,
    and its not exactly the best layout ever but ehh :)

    /* Theme: Ice Cream*/

    /* Top Menu */

    #wrapper
    {
    background: none;
    width: 850px;
    margin: 0 auto;
    padding-top: 225px;
    position: relative;
    azimuth: center

    }

    /* Top Menu */

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

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

    /* Titles */

    h1 { /* Name */
    color: #000000;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    }

    #about-section h2 { /* About Me: Title */
    color: #FF6600;
    background-color: #FFCC99;
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    }

    /* Page Background */

    body {
    background-color: #ffffff;
    }

    /* Image as page background */

    body {
    background-color: #000000;
    background-image: url(http://i227.photobucket.com/albums/dd193/staticlayoutz/backgrounds/db5.gif);
    background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: top left; /* it can also be "center left", "center center" etc.*/
    }

    /* Layout border color */

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

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

    /* About &amp; Comments background */

    #main {
    background-color: #ffffff;
    }

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

    #about-content {
    background-color: #ffffff;
    text-align: center;
    }

    /* Information */

    #info dt { /* Category */
    background-color: #ffffff;
    color: #000000;
    }

    #info dd { /* Answer */
    background-color: #ffffff;
    color: #000000;
    }

    /*Menu Colors*/

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

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

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

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

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

    #friends div {
    color: #ffffff;
    }

    /* Story section */

    #stories { /* stories area */
    background-color: #ffffff;
    }

    #stories h2 { /* stories title */
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    }

    #stories li { /* stories list */
    color: #000000;
    background-color: #ffffff;
    }

    #stories li span {
    color: #ffffff;
    }

    #stories li span a, #stories ul li h3 a, #stories li a { /* Text color */
    color: #000000;
    }

    /* article section */

    #articles { /* article area */
    background-color: #ffffff;
    }

    #articles h2 { /* article title */
    color: #ffffff;
    background-color: #000000;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    }

    #articles li { /* poems list */
    color: #000000;
    background-color: #ffffff;
    }

    #articles li span {
    color: #000000;
    }

    #articles li span a, #articles ul li h3 a, #articles li a { /* Text color */
    color: #000000;
    }

    /* poems section */

    #poems { /* poems area */
    background-color: #ffffff;
    }

    #poems h2 { /* poems title */
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    }

    #poems li { /* poems list */
    color: #000000;
    background-color: #ffffff;
    }

    #poems li span {
    color: #000000;
    }

    #poems li span a, #poems ul li h3 a, #poems li a { /* Text color */
    color: #000000;
    }

    /* journals section */

    #journals { /* journals area */
    background-color: #ffffff;
    }

    #journals h2 { /* journals title */
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    }

    #journals li { /* journals list */
    color: #000000;
    background-color: #ffffff;
    }

    #journals li span {
    color: #000000;
    }

    #journals li span a, #journals ul li h3 a, #journals li a { /* Text color */
    color: #000000;
    }

    /* photos section */

    #photos { /* photos area */
    background-color: #ffffff;
    }

    #photos h2 { /* photos title */
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    }

    #photos li { /* photos list */
    color: #000000;
    background-color: #ffffff;
    }

    #photos li span {
    color: #000000;
    }

    #photos li span a, #photos ul li h3 a, #photos li a { /* Text color */
    color: #000000;
    }

    /* friends section */

    #friends { /* friends area */
    background-color: #ffffff;
    }

    #friends h2 { /* friends title */
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    }

    #friends li { /* friends list */
    color: #000000;
    background-color: #ffffff;
    }

    #friends li span {
    color: #000000;
    }

    #friends li span a, #friends ul li h3 a, #friends li a { /* Text color */
    color: #000000;
    }

    /* Comments */

    #comment-area h2 { /* Comment: Title */
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    }

    #comment-list li { /* Comment: background color */
    color: #000000;
    background-color: #FFCC99;
    }

    #comment-list img { /* Comment: Avatar "frame" */

    border-color: #FF9933;
    background-color: #FFCC99;
    }

    #comment-list .options { /* Comment: Username & Date area */
    color: #FF9933;
    background-color: #FFCC99;
    }

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

    .pages { /* Comment: Comment pages */
    background-color: #FFCC99;
    }

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

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

    .add-comment { /* Comment: "Add comment" area */
    background-color: #FFCC99;
    }

    .add-comment a { /* Comment: "Add comment" link */
    color: #003399;
    }
    June 13th, 2008 at 08:58am
  • Zanderson.

    Zanderson. (100)

    :
    Member
    Gender:
    Age:
    31
    Location:
    United States
    Ok here is one of mine, hope you like it :)

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

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

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

    body {
    background-image: url (http://i294.photobucket.com/albums/mm105/twisted_pictures666/blackandwhiteiconcollage.jpg);
    background-attachment: fixed;
    }
    body

    {
    background-image: url(http://i294.photobucket.com/albums/mm105/twisted_pictures666/blackandwhiteiconcollage.jpg);
    background-repeat: repeat;
    font-family: Arial;
    }

    h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
    font-size: 2em;
    }

    #main{
    background-image: none;
    overflow: hidden;
    }

    #info-section {
    border-style:none;
    border-width: 1;
    }

    #about-content {
    line-height: 1em;
    }

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

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

    #photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #optoins, 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: #736F6E;
    }

    .pages .info {
    color: #ffffff;
    }

    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, #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, #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: #ffffff;
    }

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

    #about-section {
    background-color: #000000
    June 14th, 2008 at 02:18am
  • nothing.

    nothing. (250)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Morocco
    Here's my current profile. I don't know what to call it :tehe:
    Screenshot 1
    Screenshot 2

    And here's the CSS:

    html body div #menu { padding: 3px 8px; Margin: 75px 1px -1px 1px; font-size: 16px; text-align: center; color: #C12727; background-color: #000000; font-family: cricket; }

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

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

    html body div #options { padding: 3px 10px; font-size: 13x; text-align:center; color:#FF0066; background-color:#000000; font-family: cricket; }

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

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

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

    body { margin: 0; padding: 0; background-color: #00000; font-family: cricket; }
    a { color: #C12727; text-decoration: none; }

    a:strikethrough{color: #C12727; }

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

    /* Image as page background */

    body {
    background-color: #000000;
    background-image: url(http://i38.piczo.com/view/2/e/1/f/s/k/h/6/m/r/z/t/img/i156604086_89994_3.jpg);
    background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position:top left; /* it can also be "center left", "center center" etc.*/
    }
    #main {
    width: 930px;
    }

    #info-section {
    width: 344px;
    }

    #about-section {
    width: 525px;
    }

    #comment-list p {
    width: 420px;
    }
    /* Layout border color */

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

    #info-section {
    background: transparent;
    }

    #main {
    background:transparent;
    }

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

    #about-content { /* About: background */
    opacity: .90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
    text-align: center;
    background-color: #000000;
    color: #696969;
    }

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

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

    #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:transparent;
    }

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

    #friends div {
    color:transparent;
    }

    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, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, #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: #600000;
    }

    #stories li span, #articles li span, #poems li span, #journals li span {
    color: #600000;
    }
    /* How to edit comments */

    /* Comment background color */

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

    /* Avatar "frame" */

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

    /* Username & Date area */

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

    /* Username/Report/Delete links */

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

    /* Comment pages */

    .pages {
    background-color:#000000;
    }

    /* "PAGES" -text */

    .pages .info {
    color: #7C2222;
    }

    /* Page numbers - links */

    .pages a {
    color: #7C2222;
    }

    /* "Add comment" area */

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

    /* "Add comment" link */

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

    a:hover {color: #380A0A!important; border-bottom:1px solid black !important; text-decoration:none !important; background-color: black!important;}

    a img {border:0px !important;}

    * {line-height:none;}

    h1, #stories h2, #articles h2, #poems h2, #photos h2, #about-section h2, #friends h2, #about h2, #journals h2 {
    color:white!important;
    letter-spacing:-1px !important;
    font-size:21pt !important;
    font-family: cricket !important;
    font-weight:normal !important;
    background-color:transparent!important;
    text-align:center !important;
    display:block !important;
    }

    a:hover {

    color: white!important
    text-decoration: line-through!important;
    background-color: #3A0303!important;
    font-size:82%!important

    Anyone can use it. Just please let me know if you do :tehe:
    June 14th, 2008 at 06:10am
  • N E C R O F I L I A

    N E C R O F I L I A (100)

    :
    Member
    Gender:
    Age:
    103
    Location:
    United States
    White splotches of blood and in a grey and black background

    /* Top Menu */

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

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

    /* Titles */

    h1 { /* Name */
    color: #ffffff;
    background-color: #999999;
    font-family: fantasy;
    font-size: 2.0em;
    }

    #about h2 { /*About Me: Title*/
    color: #ffffff;
    background-color: #000000;
    font-family: fantasy;
    font-size: 3.0em;
    }

    /* Page Background */

    body {
    background-color: #ffffff;
    background-image: url(http://i301.photobucket.com/albums/nn52/klangbaumherz/klang/2822d669.jpg);
    background-repeat: repeat-; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
    background-position: center bottom;
    }

    /* Layout border color */

    #main {
    border-color: #666666;
    background-image: none;
    border-bottom-width: 7px;
    border-top-width: 7px;
    border-right-width: 7px;
    border-left-width: 7px;
    }

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

    /* About & Comments background */

    #main {
    background-color: #000000;
    }

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

    #about-content {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    }

    /* Information */

    #info dt { /* Category */
    background-color: #ffffff;
    color: #cccccc;
    }

    #info dd { /* Answer */
    background-color: #ffffff;
    color: #666666;
    }

    /*Menu Colors*/

    #image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
    background-color: #666666;
    }

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

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

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

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

    #friends div {
    color: #999999;
    }

    /* Story section */

    #stories { /* Story area */
    background-color: #000000;
    }

    #stories h2 { /* Story title */
    color: #717F7E;
    background-color: #999999;
    font-family: fantasy;
    font-size: 1.3em;
    }

    #stories li { /* Story list */
    color: #ffffff;
    background-color: #000000;
    }

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

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

    /* Article section */

    #articles { /* Article area */
    background-color: #000000;
    }

    #articles h2 { /* Article title */
    color: #717F7E;
    background-color: #070707;
    font-family: times new roman;
    font-size: 1.3em;
    }

    #articles li { /* Article list */
    color: #ffffff;
    background-color: #070707;
    }

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

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

    /* Poem section */

    #poems { /* Poem area */
    background-color: #000000;
    }

    #poems h2 { /* Poem title */
    color: #717F7E;
    background-color: #666666;
    font-family: fantasy;
    font-size: 1.3em;
    }

    #poems li { /* Poem list */
    color: #ffffff;
    background-color: #000000;
    }

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

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

    /* journal section */

    #journals { /* Journal area */
    background-color: #000000;
    }

    #journals h2 { /* Journal title */
    color: #717F7E;
    background-color: #070707;
    font-family: times new roman;
    font-size: 1.3em;
    }

    #journals li { /* Journal list */
    color: #ffffff;
    background-color: #070707;
    }

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

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

    /* Photos section */

    #photos { /* Photos area */
    background-color: #666666;
    }

    #photos h2 { /* Photos title */
    color: #717F7E
    background-color: #000000;
    font-family: fantasy;
    font-size: 1.3em;
    }

    #photos li { /* Photos list */
    color: #ffffff
    background-color: #000000;
    }

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

    #photos li a { /* Link color */
    color: #666666;
    }

    /* Friends section */

    #friends { /* Friend area */
    background-color: #000000;
    }

    #friends h2 { /* Friend title */
    color: #000000;
    background-color: #666666;
    font-family: fantasy;
    font-size: 1.3em;
    }

    #friends li { /* Friend list */
    color: #ffffff;
    background-color: #000000;
    }

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

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

    /* Comments */

    #comment-area h2 { /* Comment: Title */
    color: #ffffff;
    background-color: #000000;
    font-family: fantasy;
    font-size: 1.3em;
    }

    #comment-list li { /* Comment: background color */
    color: #666666;
    background-color: #cccccc;
    }

    #comment-list img { /* Comment: Avatar "frame" */

    border-color: #000000;
    background-color: #000000;
    }

    #comment-list .options { /* Comment: Username & Date area */
    color: #000000;
    background-color: #666666;
    }

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

    .pages { /* Comment: Comment pages */
    background-color: #ffffff;
    }

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

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

    .add-comment { /* Comment: "Add comment" area */
    background-color: #000000;
    }

    .add-comment a { /* Comment: "Add comment" link */
    color: #999999;
    }
    June 15th, 2008 at 09:25pm
  • CagedBarbWire

    CagedBarbWire (100)

    :
    Member
    Gender:
    Age:
    31
    Location:
    Great Britain (UK)
    A Very Pink one.
    Background color can be changed if needed.

    ''The stars reflect...''

    Screenshot 1
    Screenshot 2

    CSS
    body { background-image: url(http://gi257.photobucket.com/groups/hh217/4EQ1QTJVQ/headermibbaMCR.jpg);
    background-repeat: no-repeat; background-position: top center; background-color: #000000; margin: 460px 100px; 200px 0px; }

    #main { border-color: #000000; border-width: 0px; margin: 20px 20px; 20px 20px; width: 930px; background-color: #000000; background-image: url(); background-repeat: no-repeat; background position: bottom left; }

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

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

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

    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; }

    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; }

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

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

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

    #stories li span { color: #ffffff; }

    #stories li a { color: #ffffff; }

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

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

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

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

    #journals li span { color: #ffffff; }

    #journals li a { color: #ffffff; }

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

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

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

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

    #poems li span { color: #ffffff; }

    #poems li a { color: #ffffff; }

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

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

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

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

    #articles li span { color: #ffffff; }

    #articles li a { color: #ffffff; }

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

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

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

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

    #photos li span { color: #ffffff; }

    #photos li a { color: #ffffff; }

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

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

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

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

    #friends li span { color: #ffffff; }

    #friends li a { color: #ffffff; }

    #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: #000000; color: #ffffff; }

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

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

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

    /*Layout by Johelle Tapper / Punksrnotded / Rebel Judd. */

    #friends div { color: #ffffff; }

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

    #about-content { color: #ffffff; background-color: #000000; text-align: center;
    background-image: url(http://gi257.photobucket.com/groups/hh217/4EQ1QTJVQ/BottommibbaMCR.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 240px}

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

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

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

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

    .pages { background-color: #000000; }

    .pages .info { color: #ffffff; }

    .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: #ffffff; background-color: #000000; }

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

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

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

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

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

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

    h1 { color: #ffffff; background-color: #000000; text-align: center; font-family: Arial; font-size: 40px; letter-spacing: 2px; }
    June 16th, 2008 at 01:22pm
  • Isabella.

    Isabella. (550)

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

    body { background-image: url(http://i298.photobucket.com/albums/mm277/FerrisWheelLaunch/Audrey_Kitching--large-msg-11661366.jpg);
    background-repeat: no-repeat; background-position: top center; background-color: #d6d6d6; margin: 300px 100px; 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: #ff0066; background-color: #d6d6d6; 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: #754c78; background-color: #d6d6d6; font-size: 9px; width: 820px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #friends div { color: #ff0066; }

    #stories ul li h3 a { color: #ff6103; font-family: garamond; font-size: 12px;}
    #stories ul li a { color: #ff0066; font-family: times; font-size: 12px;}
    #stories li span { color: #754c78; }

    #articles ul li h3 a { color: #ff6103; font-family: garamond; font-size: 12px;}
    #articles ul li a { color: #EE0000; font-family: times; font-size: 12px;}
    #articles li span { color: #FCD116; }

    #journals ul li h3 a { color: #388E8E; font-family: garamond; font-size: 12px;}
    #journals ul li a { color: #567E3A; font-family: times; font-size: 12px;}
    #journals li span { color: #4E78A0; }

    #poems ul li h3 a { color: #7D26CD; font-family: garamond; font-size: 12px;}
    #poems ul li a { color: #F54D70; font-family: times; font-size: 12px;}
    #poems li span { color: #BCED91; }

    #comment-list .options { color: #da88a5; background-color: #292929; font-family:georgia; font-size:9px;}

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

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

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

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

    .add-comment { background-color: #292929; color: #EE3B3B; font-family:georgia; font-size:9px;}

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

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

    #comment-list img { border-color: #292929; background-color: #292929; 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: #292929;
    color: #737373;
    text-align: center;
    font-family: georgia;
    Font-size: 9px;
    background-image: url(http://i298.photobucket.com/albums/mm277/FerrisWheelLaunch/audrey.png);
    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: 300px; }
    June 16th, 2008 at 05:39pm
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    Red Rose :file:
    Image[/url]-->Image
    CSS::
    /* Main Body */
    body, .bodyContent
    {
    background-color:black;
    }

    /* Top Navigation */
    #menu,#menu a
    {
    background-color:black;
    color:red;
    }

    #options
    {
    background-color:red;
    color:black;

    }

    #options a
    {
    color:black;
    }

    #options span a
    {
    color:black;
    }
    /* Main Positioning dummy, no editing needed */
    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }
    /* Main Frame Within positioning dummy */
    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 100px;
    }
    /* Top Frame, AKA Header */
    /*#top-frame
    {
    position:fixed;
    right: -120px;
    bottom: 150px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }*/

    #top-frame
    {
    position:fixed;
    right: 0px;
    bottom: 0px;
    text-align: center;
    width: 594px;
    height: 447px;
    background-image: url(http://img139.imageshack.us/img139/9739/flowerbackjn0.jpg);
    background-color: : transparent;
    float: left;
    }

    #backa
    {
    width: 0x;
    height: 0px;
    height: auto;
    position: fixed;
    bottom: 0px;
    right: 0px;
    }
    /* Left Frame NO BORDERS*/
    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }
    /* Middle Frame NO BORDERS*/
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }
    /* Right Frame NO BORDERS*/
    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    #image{text-align:center;}
    #info dl{margin-left: 70px;}
    h2{text-align: center;}
    /* About Section */
    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color:transparent;
    }

    #about h2
    {
    width: 464px;
    }
    #about-content
    {
    overflow:auto;
    text-align: left;
    padding: 10px;
    width: 430px;
    max-height: 500px;
    color: red;
    border: solid;
    border-width: 1px;
    border-color:gray;
    border-bottom: none;
    border-top: none;
    background-color:transparent;
    }
    /* COmment Section */
    #comment-area{padding-bottom:10px;
    }
    /* Back Grounds And Text*/
    #comment-list li,
    #comment-list img,
    #comments .pages a,
    #comments .info,
    #comments .pages,
    #comment-area .options,
    #comment-area .options .number,
    #comment-area .comment-add
    {
    background-color:transparent;
    color: red;
    }
    /* Comment Links */
    #comment-area .options a,#comments .pages a{color:red;}
    #comment-area .options a:hover,#comments .pages a:hover{text-decoration: line-through;}
    /* Borders */
    #comment-list li, #comment-list img,#comments .pages,#comment-area .options
    {
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: .9em;
    }

    /* Headers */
    #poems h2,
    #stories h2,
    #articles h2,
    #photos h2,
    #friends h2,
    #about h2,
    #comment-area h2,
    #journals h2,
    #image h2
    {
    background-color:transparent;
    color:red;
    font-family: Monotype Corsiva;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    font-size: 2em;
    }

    /* Content BOxes */
    #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: 1px;
    border-style: dashed;
    border-color: gray;
    }
    #photos .photo div{background-color:inherit;}
    /* Content BOx Links and info , photo */
    #poems li h3 a,
    #stories li h3 a,
    #articles li h3 a,
    #journals li h3 a,
    #photos .photo div,
    #info
    {
    color:red;
    }

    #poems li h3 a:hover,
    #stories li h3 a:hover,
    #articles li h3 a:hover,
    #journals li h3 a:hover
    {
    text-decoration: line-through;
    }

    /* friends */
    #friends div{margin-left: 20px;}
    #friends img{padding: 0px;}

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

    #poems,
    #stories,
    #articles,
    #photos,
    #friends,
    #about,
    #journals,
    #image,
    #comment-area,
    #info
    {
    background-color:transparent;
    }

    /* Friends Text */
    #friends div{font-size: 0em;color: black;}

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

    #stories li span a{color: red;}
    #stories li span a:hover{text-decoration: line-through;}

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #credit
    {
    background-color:black;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */
    HTML::
    <div id="top-frame"></div>
    <div id="main-pd">

    <div id="main-frame">

    <div id="left-frame">

    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>

    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">

    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>

    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->
    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    Nyam
    June 18th, 2008 at 10:07am
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    oli sykes
    Image[/url]-->Image
    CSS::
    /* Main Body */
    body, .bodyContent
    {
    background-color:white;
    background-image:none;
    }

    /* Top Navigation */

    #menu,#menu a
    {
    background-color:white;
    color:black;
    }

    #menu
    {
    color: red;
    }

    #options
    {
    background-color: white;
    color:black;

    }

    #options a
    {
    color:black;
    }

    #options span a
    {
    color:black;
    }

    #options a:hover,#options span a:hover,#menu a:hover
    {
    color:white;
    background-color: black;
    }
    /* Main Positioning dummy, no editing needed */
    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }
    /* Main Frame Within positioning dummy */
    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 100px;
    }
    /* Top Frame, AKA Header */
    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }
    /* Left Frame NO BORDERS*/
    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }
    /* Middle Frame NO BORDERS*/
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }
    /* Right Frame NO BORDERS*/
    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    #image{text-align:center;}
    #info dl{margin-left: 70px;}
    h2{text-align: center;}
    /* About Section */
    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color:transparent;
    }

    #about h2
    {
    width: 460px;
    }

    #about-content
    {
    overflow:auto;
    text-align: left;
    padding: 10px;
    width: 430px;
    max-height: 500px;
    color: #FF00A3;
    border: none;
    border-width: 3px;
    border-color: white;
    border-bottom: none;
    border-top: none;
    background-color: white;
    }
    /* COmment Section */
    #comment-area{padding-bottom:10px;}
    /* Back Grounds And Text*/
    #comment-list li,
    #comment-list img,
    #comments .pages a,
    #comments .info,
    #comments .pages,
    #comment-area .options,
    #comment-area .options .number,
    #comment-area .comment-add
    {
    background-color: white;
    color: black;
    }
    /* Comment Links */
    #comment-area .options a,#comments .pages a{color:black;}
    #comment-area .options a:hover,#comments .pages a:hover
    {
    background-color: black;
    color: white;
    }
    /* Borders */
    #comment-list li, #comment-list img,#comments .pages,#comment-area .options
    {
    border-width: 1px;
    border-style: dashed;
    border-color: white;
    font-size: .9em;
    }

    /* Headers */
    #poems h2,
    #stories h2,
    #articles h2,
    #photos h2,
    #friends h2,
    #about h2,
    #comment-area h2,
    #journals h2,
    #image h2
    {
    background-color:white;
    color:black;
    font-family: chiller;
    border-width: 3px;
    border-style: dashed;
    border-color: white;
    font-size: 3em;
    }

    /* Content BOxes */
    #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:white;
    border-width: 1px;
    border-style: dashed;
    border-color: white;
    color: #FF00A3;
    text-align: center;
    }
    #image img
    {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding: 1px;
    }

    #friends img:hover
    {
    position: relative;
    top: -5px;
    left: -5px;
    width: 75px;
    height: 85px;
    }
    #photos .photo div{background-color:inherit;}
    /* Content BOx Links and info , photo */
    #poems li h3 a,
    #stories li h3 a,
    #articles li h3 a,
    #journals li h3 a,
    #photos .photo div,
    #info
    {
    color:#FF00A3;
    }

    #poems li h3 a:hover,
    #stories li h3 a:hover,
    #articles li h3 a:hover,
    #journals li h3 a:hover
    {
    text-decoration: line-through;
    background-color: black;
    color:white;
    }

    /* friends */
    #friends div{margin-left: 20px;}
    #friends img{padding: 0px;}

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

    #poems,
    #stories,
    #articles,
    #photos,
    #friends,
    #about,
    #journals,
    #image,
    #comment-area,
    #info
    {
    background-color:transparent;
    }

    /* Friends Text */
    #friends div{font-size: 0em;color: black;}

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

    #stories li span a{color: white;}
    #stories li span a:hover{text-decoration: line-through;}

    a{color:black;}
    a:hover{background-color: black;color: white;text-decoration: line-through;}

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #credit
    {
    background-color: black;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */
    HTML::
    <div id="main-pd">

    <div id="main-frame">
    <div id="top-frame"><img src="http://img127.imageshack.us/img127/1033/guyvd9.jpg"/></div>
    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    <center>
    {IMAGE}
    </center>
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>
    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->
    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    Life Example: Revolver
    June 18th, 2008 at 10:12am
  • Rossen

    Rossen (100)

    :
    Member
    Gender:
    Age:
    35
    Location:
    Lebanon
    oli sykes 2
    Image[/url]-->Image
    CSS::
    /* Main Body */
    body, .bodyContent
    {
    background-color:black;
    background-image:url(http://img337.imageshack.us/img337/4961/guybackjn9.jpg);
    }

    /* Top Navigation */
    #menu,#menu a
    {
    background-color:#5cceaa;
    color: #d91f24;
    font-family: Arial;
    }

    #options
    {
    border-bottom-color: #333333;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-top-color: #333333;
    border-top-style: solid;
    border-top-width: 3px;
    background-color: #7fb8af;
    color:black;

    }

    #menu
    {
    border-top-color: #333333;
    border-top-style: solid;
    border-top-width: 3px;
    }
    #options a
    {
    color: green;
    font-family: Arial;
    }

    #options a:hover, #menu a:hover
    {
    font-size-adjust: +.6;
    color: #d3aad6;
    }
    #options span a
    {
    color:black;
    font-family: Arial Black;
    }
    /* Main Positioning dummy, no editing needed */
    #main-pd
    {
    position:absolute;
    top: 0px;
    left: 50%;
    }
    /* Main Frame Within positioning dummy */
    #main-frame
    {
    width: 900px;
    max-height: 8000px;
    background-color:: transparent;
    position:absolute;
    left: -450px;
    top: 100px;
    }
    /* Top Frame, AKA Header */
    #top-frame
    {
    position:relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 900px;
    background-color: : transparent;
    float: left;
    }
    /* Left Frame NO BORDERS*/
    #left-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color:: transparent;
    float: left;
    }
    /* Middle Frame NO BORDERS*/
    #middle-frame
    {
    margin: 5px;
    width: 480px;
    max-height: 8000px;
    background-color:: transparent;
    float: left;
    }
    /* Right Frame NO BORDERS*/
    #right-frame
    {
    margin: 5px;
    width: 195px;
    height: 800px;
    background-color: transparent;
    float: right;
    }

    #image{text-align:center;}
    #info dl{margin-left: 70px;}
    h2{text-align: center;}
    /* About Section */
    #about
    {
    width: 450px;
    text-align: center;
    overflow: hidden;
    background-color:transparent;
    }

    #about h2
    {
    width: 457px;
    }
    #about-content
    {
    overflow:auto;
    text-align: left;
    padding: 10px;
    width: 430px;
    max-height: 500px;
    color: #a10b0d;
    font-family: Arial;
    border: solid;
    border-width: 4px;
    border-color: #a10b0d;
    border-bottom: none;
    border-top: none;
    background-color:transparent;
    }
    /* COmment Section */
    #comment-area{padding-bottom:10px;
    }
    /* Back Grounds And Text*/
    #comment-list li,
    #comment-list img,
    #comments .pages a,
    #comments .info,
    #comments .pages,
    #comment-area .options,
    #comment-area .options .number,
    #comment-area .comment-add
    {
    background-color: transparent;
    color: #a10b0d;
    font-family: Arial;
    }
    /* Comment Links */
    #comment-area .options a,#comments .pages a{color:red;}
    #comment-area .options a:hover,#comments .pages a:hover{text-decoration: line-through;}
    /* Borders */
    #comment-list li, #comment-list img,#comments .pages,#comment-area .options
    {
    border-width: 2px;
    border-style: solid;
    border-color: #a10b0d;
    font-size: .9em;
    font-family: Arial;
    }

    /* Headers */
    #poems h2,
    #stories h2,
    #articles h2,
    #photos h2,
    #friends h2,
    #about h2,
    #comment-area h2,
    #journals h2,
    #image h2
    {
    background-color:transparent;
    color:#a10b0d;
    font-family: Arial;
    border-width: 5px;
    border-style: solid;
    border-color: #a10b0d;
    font-size: 2em;
    }

    /* Content BOxes */
    #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: #a20c0e;
    }
    #photos .photo div{background-color:inherit;}
    /* Content BOx Links and info , photo */
    #poems li h3 a,
    #stories li h3 a,
    #articles li h3 a,
    #journals li h3 a,
    #photos .photo div,
    #info
    {
    color:#a20c0e;
    }

    #poems li h3 a:hover,
    #stories li h3 a:hover,
    #articles li h3 a:hover,
    #journals li h3 a:hover
    {
    text-decoration: overline;
    }

    /* friends */
    #friends div{margin-left: 20px;}
    #friends img{padding: 0px;}

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

    #poems,
    #stories,
    #articles,
    #photos,
    #friends,
    #about,
    #journals,
    #image,
    #comment-area,
    #info
    {
    background-color:transparent;
    }

    /* Friends Text */
    #friends div{font-size: 0em;color: black;}

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

    #stories li span a{color: red;}
    #stories li span a:hover{text-decoration: line-through;}

    #info
    {
    color: #a20c0e;
    font-family: Arial;
    }

    /* YOU MAY NOT EDIT OR REMOVE THIS */
    #credit-pd
    {
    height: 0px;
    width: 0px;
    position:fixed;
    left: 100%;
    top: 100%;
    }

    #credit
    {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position:relative;
    left:-60px;
    top:-15px;
    width: 60px;
    color:white;
    font-size:.5em;
    }
    /* YOU MAY NOT EDIT OR REMOVE THIS */
    HTML::
    <div id="main-pd">

    <div id="main-frame">
    <div id="top-frame"><img src="http://img515.imageshack.us/img515/2030/guytoptoptli4.jpg"/></div>
    <div id="left-frame">
    <div id="poems">
    <h2>Poems</h2>
    {POEMS}
    </div>

    <div id="friends">
    <h2>Friends</h2>
    {FRIENDS}
    </div>

    <div id="photos">
    <h2>Photos</h2>
    {PHOTOS}
    </div>
    </div>

    <div id="middle-frame">
    <div id="image">
    <h2>{USERNAME}</h2>
    {IMAGE}
    </div>

    <div id="info">
    {INFO}
    </div>

    <div id="about">
    <h2>About</h2>
    <div id="about-content">
    {ABOUT}
    </div>
    </div>

    <div id="comment-area">
    <h2>Comments</h2>
    {COMMENTS}
    </div>
    </div>

    <div id="right-frame">
    <div id="articles">
    <h2>Articles</h2>
    {ARTICLES}
    </div>

    <div id="stories">
    <h2>Stories</h2>
    {STORIES}
    </div>

    <div id="journals">
    <h2>Journals</h2>
    {JOURNALS}
    </div>
    </div>

    </div>
    </div>

    <!-- You May Not Remove Or Edit This -->
    <div id="credit-pd">
    <div id="credit">
    <span>
    Layout By <a href="http://member.mibba.com/35531/">Rossen</a>
    </span>
    </div>
    </div>
    <!-- You May Not Remove Or Edit This -->
    Copy the Code after "CSS:" to:
    http://www.mibba.com/users/profile/css/

    Copy the Code after "HTML:" to:
    http://www.mibba.com/users/profile/layout/

    Replace any existing codes, Have fun!

    I'd appreciate a PM if you're going to use it, but if you don't it's cool.

    Life Example: vanity-and-greed
    June 18th, 2008 at 10:16am