Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 2 of 2
  1. #1
    Join Date
    Sep 2006
    Posts
    10
    Tokens
    0

    Default edit this css for me to i can make a good forum

    im making a free invision forum and need someone to make it for me, this would only included editing the colours from the code below to make a good forum.

    just copy and paste the code below, edit it and post it (its css)

    html { overflow-x: auto }
    BODY { background: #FFF; color: #222; font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; font-size: 11px; line-height: 135%; margin: 0; padding: 0; text-align: center }
    TABLE, TR, TD { background: transparent; color: #222; font-size: 11px; line-height: 135% }
    img { vertical-align: middle; border: 0px }
    #ipbwrapper { margin: 20px auto 20px auto; text-align: left; width: 98% }
    aink, a:visited, a:active { text-decoration: none; color: #222 }
    a:hover { color: #34498B; text-decoration: none }
    fieldset.search { padding: 6px; line-height: 150% }
    label { cursor: pointer }
    form { display: inline }
    img.attach { border: 2px outset #EEF2F7; padding: 2px }
    .googleroot { padding: 6px; line-height: 130% }
    .googlechild { padding: 6px; margin-left: 30px; line-height: 130% }
    .googlebottom, .googlebottom aink, .googlebottom a:visited, .googlebottom a:active { font-size: 11px; color: #3A4F6C }
    .googlish, .googlish aink, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #00D }
    .googlepagelinks { font-size: 1.1em; letter-spacing: 1px }
    .googlesmall, .googlesmall aink, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #434951 }
    li.helprow { padding: 0px; margin: 0px 0px 10px 0px }
    ul#help { padding: 0px 0px 0px 15px }
    option.cat { font-weight: bold }
    option.sub { font-weight: bold; color: #555 }
    .caldate { text-align: right; font-weight: bold; font-size: 11px; color: #777; background-color: #DFE6EF; padding: 4px; margin: 0px }
    .warngood { color: green }
    .warnbad { color: red }
    #padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px }
    #profilename { font-size: 28px; font-weight: bold }
    #calendarname { font-size: 22px; font-weight: bold }
    #photowrap { padding: 6px }
    #phototitle { font-size: 24px; border-bottom: 1px solid black }
    #photoimg { text-align: center; margin-top: 15px }
    #ucpmenu { line-height: 150%; width: 22%; border: 1px solid #345487; background-color: #F5F9FD }
    #ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px }
    #ucpcontent { background-color: #F5F9FD; border: 1px solid #345487; line-height: 150%; width: auto }
    #ucpcontent p { padding: 10px; margin: 0px }
    #ipsbanner { position: absolute; top: 1px; right: 5% }
    #logostrip { background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); border: 1px solid #FFF; height: 68px; margin: 0; padding: 0 }
    #submenu { background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif); border: 1px solid #FFF; border-top: 0; color: #3A4F6C; margin: 0 }
    #submenu aink, #submenu a:visited, #submenu a:active { font-weight: bold; font-size: 10px; text-decoration: none; color: #3A4F6C }

    #userlinks { border: 1px solid #C2CFDF; background-color: #F0F5FA; margin: 5px 0 5px 0 }
    #userlinks td {font-size: 10px; }
    #userlinksguest { background: #F4E7EA; border: 1px solid #986265; margin: 5px 0 5px 0 }
    #userlinksguest td {font-size: 10px; }

    #navstrip { font-weight: bold; padding: 6px 0px 6px 0px }
    .activeuserstrip { background-color: #BCD0ED; padding: 6px }
    .pformstrip { background-color: #D1DCEB; color: #3A4F6C; font-weight: bold; padding: 7px; margin-top: 1px }
    .pformleft { background-color: #F5F9FD; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #C2CFDF; border-right: 1px solid #C2CFDF }
    .pformleftw { background-color: #F5F9FD; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #C2CFDF; border-right: 1px solid #C2CFDF }
    .pformright { background-color: #F5F9FD; padding: 6px; margin-top: 1px; border-top: 1px solid #C2CFDF }
    .signature { font-size: 10px; color: #339; line-height: 150% }
    .postdetails { font-size: 10px }
    .postcolor { font-size: 12px; line-height: 160% }
    .normalname { font-size: 12px; font-weight: bold; color: #003 }
    .normalname aink, .normalname a:visited, .normalname a:active { font-size: 12px }
    .unreg { font-size: 11px; font-weight: bold; color: #900 }
    .post1 { background-color: #F5F9FD }
    .post2 { background-color: #EEF2F7 }
    .postlinksbar { background-color: #D1DCEB; padding: 7px; margin-top: 1px; font-size: 10px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
    .row1 { background: #DFE6EF }
    .row2 { background: #E4EAF2 }
    .row3 { background-color: #E4EAF2 }
    .row4 { background-color: #DFE6EF }
    .darkrow1 { background-color: #C2CFDF; color: #4C77B6; font-weight: bold;}
    .darkrow2 { background-color: #BCD0ED; color: #3A4F6C; font-weight: bold; }
    .darkrow3 { background-color: #D1DCEB; color: #3A4F6C; font-weight: bold; }
    .hlight { background-color: #DFE6EF }
    .dlight { background-color: #EEF2F7 }
    .titlemedium { background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif); border-bottom: 1px solid #5176B5; color: #3A4F6C; font-size: 10px; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px }
    .titlemedium aink, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
    .maintitle { background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); border: 1px solid #FFFFFF; border-bottom: 1px solid #5176B5; color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 0; padding: 8px }
    .maintitle aink, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF; font-weight: bold;}
    .maintitle a:hover { text-decoration: none; color: #F1F1F1 }
    .plainborder { border: 1px solid #345487; background-color: #FFFFFF; }
    .tableborder { border: 1px solid #345487; background-color: #FFF; padding: 0; margin: 0
    background; border: 1px solid #072A66; padding: 0; margin: 0 }

    .ipbtable{ width: 100%;}
    .ipbtable td {padding: 5px;}

    .tablefill { border: 1px solid #345487; background-color: #F5F9FD; padding: 6px }
    .tablepad { background-color: #F5F9FD; padding: 6px }
    .tablebasic { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }
    .wrapmini { float: left; line-height: 1.5em; width: 25% }
    .pagelinks { float: left; line-height: 1.2em; width: 35% }
    .desc { font-size: 10px; color: #434951 }
    .edit { font-size: 9px }
    .searchlite { font-weight: bold; color: #F00; background-color: #FF0 }
    #QUOTETOP { color: #000; margin: 8px auto 0px auto; font-weight: bold; font-size: 10px; padding: 3px; background-color: #E4EAF2; background-image: url(style_images/<#IMG_DIR#>/css_img_quote.gif); background-position: right; background-repeat: no-repeat; border-left: 4px solid #8394B2; border-top: 1px dotted #000; border-right: 1px dotted #000 }
    #QUOTE { color: #465584; background-color: #FAFCFE; border-left: 4px solid #8394B2; border-right: 1px dotted #000; border-bottom: 1px dotted #000; padding: 4px; margin: 0px auto 8px auto }
    #CODETOP { width: 98%; color: #000; margin: 0px auto 0px auto; font-weight: bold; padding: 3px; background-color: #FDDBCC; background-image: url(style_images/<#IMG_DIR#>/css_img_code.gif); background-position: right; background-repeat: no-repeat }
    #CODE { font-family: Courier, Courier New, Verdana, Arial; color: #465584; background-color: #FAFCFE; border: 1px dotted #000; padding: 2px; width: 98%; margin: 0px auto 0px auto }
    .copyright { background: #EEE; font-size: 11px; margin: 0 0 5px 0; padding: 8px }
    .codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

    #redirectwrap { background: #F0F5FA; border: 1px solid #C2CFDF; margin: 200px auto 0 auto; text-align: left; width: 500px }
    #redirectwrap h4 { background: #D0DDEA; border-bottom: 1px solid #C2CFDF; color: #3A4F6C; font-size: 14px; margin: 0; padding: 5px }
    #redirectwrap p { margin: 0; padding: 5px }
    #redirectwrap p.redirectfoot { background: #E3EBF4; border-top: 1px solid #C2CFDF; text-align: center }

    .forminput, .textinput, input, textarea, select { background: #FFF; border: 1px solid #4C77B6; color: #000; font-family: verdana, helvetica, sans-serif; font-size: 11px; margin: 5px; padding: 2px; vertical-align: middle }
    select { margin: 0px }
    .checkbox{ border: none }
    .radiobutton { border: 0; vertical-align: middle; background: transparent }

    .button,
    .gobutton { background: #FFF; border: 1px solid #4C77B6; color: #000; font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px; padding: 2px; vertical-align: middle }
    .button { background: #DFE6EF }


    .thin { padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF }
    .purple { color: purple; font-weight: bold }
    .red { color: red; font-weight: bold }
    .green { color: green; font-weight: bold }
    .blue { color: blue; font-weight: bold }
    .orange { color: #F90; font-weight: bold }
    .borderwrap,

    .borderwrapm { background: #FFF; border: 1px solid #072A66; padding: 0; margin: 0 }
    .borderwrap h3 { background: url(style_images/<#IMG_DIR#>/tile_back.gif); border: 1px solid #FFF; border-bottom: 1px solid #5176B5; color: #FFF; font-size: 12px; font-weight: bold; margin: 0px; padding: 8px }
    .borderwrap p { background: #F9F9F9; border: 1px solid #CCC; margin: 5px; padding: 10px; text-align: left }
    .borderwrap h4 { background: #DDE6F2; border: 1px solid #FFF; border-bottom: 1px solid #5176B5; border-top: 1px solid #5176B5; color: #5176B5; font-size: 12px; font-weight: bold; margin: 0; padding: 5px }
    td.formbuttonrow,
    .borderwrap p.formbuttonrow,
    .borderwrap p.formbuttonrow1 { background: #D1DCEB !important; border: 1px solid #FFF; border-top: 1px solid #5176B5; margin: 0px !important; padding: 5px !important; text-align: center }
    .borderwrap p.formbuttonrow1 { background: #F9F9F9 !important; border: 0; border-top: 1px solid #CCC }
    .errorwrap { background: #F2DDDD; border: 1px solid #992A2A; border-top: 0; margin: 5px; padding: 0 }
    .errorwrap h4 { background: #E3C0C0; border: 1px solid #992A2A; border-left: 0; border-right: 0; color: #992A2A; font-size: 12px; font-weight: bold; margin: 0; padding: 5px }
    .errorwrap p { background: transparent; border: 0; color: #992A2A; margin: 0; padding: 8px }
    .fieldwrap { background: #F9F9F9; border: 1px solid #CCC; border-top: 0; margin: 5px; padding: 0; text-align: left }
    .fieldwrap h4 { background: #EEE; border: 1px solid #CCC; border-left: 0; border-right: 0; color: #444; font-size: 12px; font-weight: bold; margin: 0; padding: 5px }
    .formsubtitle { background: #D1DCEB; border: 1px solid #9FB9D4; border-bottom: 0; border-left: 0; border-right: 0; font-weight: normal;
    border: 0; color: #3A4F6C; font-weight: bold; padding: 5px }
    #gfooter { background: #8394B2; margin: 5px 0 5px 0; padding: 0; width: 100% }
    #gfooter td { color: #FFF; font-size: 10px; padding: 4px }
    #gfooter aink,
    #gfooter a:visited { color: #FFF }

    .newslink { background: #F0F5FA; border: 1px solid #C2CFDF; margin: 0; width: 100% }
    .newslink td { color: #222; font-size: 10px; padding: 5px 5px 5px 10px }
    .newslink span { background: transparent; color: #072A66; font-style: italic; font-weight: normal }
    .newslink input { background: #FFF; border: 1px solid #999; color: #072A66; font-size: 10px; padding: 3px; vertical-align: middle; width: auto }
    .newslink input.button { background: transparent; border: 0; color: #072A66; vertical-align: middle }

    .tablewrap { background: #E4EAF2; border: 1px solid #072A66; padding: 4px; margin: 0 }
    .catend { background: #8394B2; color: #000; font-size: 1px; height: 10px }
    .toplinks { background: transparent; color: #000; margin: 0; padding: 0 0 5px 0; text-align: right }
    .toplinks span { background: #F0F5FA; border: 1px solid #C2CFDF; border-bottom: 0; color: #000; font-size: 10px; font-weight: bold; margin: 0 10px 0 0; padding: 5px }

  2. #2
    Join Date
    May 2005
    Location
    San Francisco, CA
    Posts
    7,160
    Tokens
    2,331

    Latest Awards:

    Default

    All you can do is just laugh...ha.

    Edited by J1MI (Super Moderator) - Please don't post pointlessly.
    Last edited by J1MI; 26-03-2007 at 09:54 PM.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •