Help - Search - Members - Calendar
Full Version: changing the background color
Neowin Forums > Help & Discussion Center > Web Server Side > Bulletin Board Support
idoia
So I'm really new to this forum board thing ,



so what I would like to know is what in the code of the board skin should I change to make the background ---> snow white: FFFAFA

just that little modification


thanks for the tips!!


here's the code

CODE



html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align: middle;border: 0px; }
BODY { font-family:  verdana, arial, tahoma;font-size: 10px;margin: 0px 26px 0px 26px;color: #000;background-color:#fff; a:hover { text-decoration: underline;color: #000; }
fieldset.search { padding: 6px;line-height: 150%; }#E4DBB8;background-image: url(http://70.84.190.115/3170/111/upload/p2670.gif);background-attachment: fixed; }
#ipbwrapper { text-align: left;width: 75%;margin-left: auto;margin-right: auto; }
TABLE, TR, TD { font-family: Verdana, arial, tahoma;font-size: 10px;color: #000;background-image: url(); }
a:link, a:visited, a:active { text-decoration: underline;color: #000; }
a:hover { text-decoration: underline;color: #F32424; }
label { cursor: pointer; }
img.attach { padding: 2px;border: 2px outset #fff; }
.googleroot { padding: 6px;line-height: 130%; }
.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }
.googleparent { padding:6px; margin-left:30px; line-height:130%; color:#000}
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #000; }
.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #000; }
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: #000; }
.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #000;background-color: #F2EDED; }
</style>
<center>Bienvenido a Otro Foro de <b>TCP's</b></center>
<style type="text/css">
.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%;color: #000;background-color: #F2EDED;border: 1px solid #000; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;background-color: #F2EDED;border: 1px solid #000; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { padding: 0px;margin: 0px;background-color: #F2EDED;border: 1px solid #000000;background-image: url(); }
#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #000;background-color: #F2EDED;border: 1px solid #373737;background-image: url(http://70.84.190.115/3170/111/upload/p454.gif); }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #000; }
#userlinks { background-color: #F2EDED;border: 1px solid #000000;background-image: url(http://70.84.190.115/3170/111/upload/p454.gif); }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 6px;background-color: #F2EDED;background-image: url(); }
.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #000;background-color: #000000;background-image: url(http://70.84.190.115/3170/111/upload/p454.gif); }
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #fff;border-right: 1px solid #000000;background-color: #F2EDED; }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #000000;border-right: 1px solid #000000;background-color: #F2EDED; }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #000000;background-color: #F2EDED; }
.post1 { background-color: #F2EDED; }
.post2 { background-color: #F2EDED; }
.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #F2EDED; }
.row1 { background-color: #F2EDED;background-image: url(); }
.row2 { background-color: #F2EDED;background-image: url(); }
.row3 { background-color: #F2EDED;background-image: url(); }
.row4 { background-color: #F2EDED;background-image: url(); }
.div.row4 { border-color: #000!important; background-image: url(); }
.darkrow1 { color: #FFFFFF;background-color: #F2EDED;background-image: url(); }
.darkrow2 { padding: 10px color: #FFFFFF;background-color: #fff;background-image: url(http://70.84.190.115/3170/111/upload/p462.gif); }
.darkrow3 { color: #FFFFFF;background-color: #F2EDED;background-image: url(); }
.hlight { background-color: #F2EDED; }
.dlight { background-color: #F2EDED; }
.titlemedium { font-weight: bold;padding: 7px;margin: 0px;color: #000;background-color: #F2EDED;background-image: url(http://70.84.190.115/3170/111/upload/p454.gif); }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: underline;color: #000; }
.maintitle { vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 6px 0px 14px 5px;color: #fff;text-align:center; background-color: #F2EDED;background-image: url(http://70.84.190.115/3170/111/upload/p446.gif); background-position: center; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;color: #fff}
.maintitle a:hover { text-decoration: underline; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;color: #fff}
.maintitle a:hover { text-decoration: underline; }
.plainborder { background-color: #CDCDCD;border: 1px solid #CDCDCD; }
.tableborder { background-color: #CDCDCD;border: 1px solid #CDCDCD; }
.tablefill { padding: 6px;background-color: #F2EDED;border: 1px solid #000; }
.tablepad { padding: 6px;background-color: #F2EDED; }
.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: #000; }
.edit { font-size: 9px; }
.signature { font-size: 10px;line-height: 160%;color: #000; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #000; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #000; }
.searchlite { font-weight: bold;color: #000;background-color: #F2EDED; }
#QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #fff; background-color: #C61B1B;border: 1px solid #000; }
#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #fff;background-color: #C61B1B;border: 1px solid #000; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }
.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }
.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #000;border-bottom: 1px solid #000; }
.4 { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #000;  






and here a pic of my board with this skin of Adamo


nightfox_pc_asst
My suggestion is to take the screen capture as you did and use a paint program to check for the html color code...then look in the CSS Stylesheet for that same number, then change it to what you want to have.

Enjoy biggrin.gif

Jeesh "REALLY OLD POST", Does anybody ever archive these things??"
fireshark
BODY { font-family: verdana, arial, tahoma;font-size: 10px;margin: 0px 26px 0px 26px;color: #000;background-color:#fff

change back-ground-color:
thechitowncubs
are you sure that background isn't an IMAGE?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.