picman2 Posted March 17, 2008 Share Posted March 17, 2008 Hi Guys, I'm hopless with most of this PHP stuff and I'm trying to change the background of my main auction site so it'll show a photo background I've chosen. This is the url to the background: background:url(http://www.search-the-world.com/auctions/images/opalbackground.jpg); And the script is below. But I haven't been able to figure where to put the image url to change the actual background from white to the the url. I've tried many spots without any luck. This is for the PHP Pro Bid Auction Software. I'd be grateful if anyone could offer some help letting me know exactly where I have to place the image url in the script below please. -------------------------------------------------------------------------- /* V5.24 CSS - May.19 2006 */ .toplink { font-size: 11px; color: #124490; text-decoration: none; } .toplink a { font-size: 11px; color: #124490; text-decoration: underline; } .toplink a:hover { font-size: 11px; color: #124490; text-decoration: none; } .mainmenu {font-size: 11px; font-weight: bold; color: #ffffff; } .mainmenu a {font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none;} .mainmenu a:hover { font-size: 11px; font-weight: bold; color: #ffff00;} .bordermenu { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #777777; border-bottom: 1px solid #777777;} .warning { background: #ffe432; font-size: 11px; font-weight: bold; color: #bb0000; text-decoration: none; } .warning a { font-size: 11px; font-weight: bold; text-decoration: underline; color: #bb0000;} .warning a:hover { font-size: 11px; font-weight: bold; color: #FF0000; text-decoration: none;} .bordercat { background-color: #fffedb; border: 1px solid #ffba00;} .borderstat { background-color: #f0f6fe; border: 1px solid #6e97ea;} /* GLOBAL classes - skin & pages */ td { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;} input { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;} textarea { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;} select { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;} hr {border: 1px solid #c3c3c3;} .borderfeat { border: 1px solid #6a7c03; padding: 3px;} .c1feat {background-color: #aecc05; color: #FFFFFF; font-weight: bold; text-decoration: none;} /* blue */ .c1feat a {color: #FFFFFF; font-weight: bold;} .c1feat a:hover {color: #FFFFFF; font-weight: bold;} #bot { border-bottom: 1px solid #E1E2E4;} .subcat { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .subcat a { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #222222;} .subcat a:hover { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #555555;} .catmain { font-size: 11px; font-weight: bold; color: #0033cc; } .catmain a {font-weight: bold; font-size: 11px; color: #0033cc;} .catmain a:hover { font-weight: bold; font-size: 11px; color: #3366cc;} .buying { border: 1px solid #6a7c03; background-color: #e3f1c3;} .buyingtitle { background-color: #759c0c; color: #ffffff;} .buyingtd { border: 1px solid #bac388;} .selling { border: 1px solid #ff6600; background-color: #ffea74;} .sellingtitle { background-color: #ff8a00; color: #ffffff;} .sellingtd { border: 1px solid #f3b744;} /* Alert fonts*/ .redfont {color: FF0000;} .greenfont {color: #006600;} .bluefont {color: #0000CC;} .alertfont {color: #FF0000;} /* Feedback fonts*/ .positive {color: #009933;} .neutral {color: #666666;} .negative {color: #FF0000;} /* SYSTEM classes - skin & pages */ /* payment gateways table */ .paymenttable {border: 1px solid #666666; background-color: #FFFFFF;} .paytable1 {background-color: #FFFFFF;} .paytable2 {background-color: #F8F8F8;} .paytable3 {background-color: #f0f0f0;} .payactive {color: blue;} .sell {font-size: 11px; font-weight: bold; color: #333333; } .sell a {font-size: 11px; font-weight: bold; color: #333333; } .sell a:hover { font-size: 11px; font-weight: bold; color: #111111; text-decoration: none; } .item { font-size: 11px; color: #000000; text-decoration: none;} .item a { font-size: 11px; color: #000000; text-decoration: underline; } .item a:hover { font-size: 11px; color: #FF0000; text-decoration: none; } .bolditem { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;} .bolditem a { font-size: 11px; font-weight: bold; color: #000000; text-decoration: underline; } .bolditem a:hover { font-size: 11px; font-weight: bold; color: #FF0000; text-decoration: none; } .hlitem { font-size: 11px; color: #000000; text-decoration: none; } .hlitem a { font-size: 11px; text-decoration: underline; color: #000000; background: #fea100; } .hlitem a:hover { font-size: 11px; color: #FFFFFF; text-decoration: none; background: #fea100;} .hlbolditem { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; } .hlbolditem a { font-size: 11px; font-weight: bold; text-decoration: underline; color: #000000; background: #fea100;} .hlbolditem a:hover { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: #fea100;} .smallfont { font-size: 11px; color: #000000; text-decoration: none;} .smallfont a { font-size: 11px; color: #000000; text-decoration: underline; } .smallfont a:hover { font-size: 11px; color: #006699; text-decoration: none; } .contentfont { font-size: 11px; color: #000000; text-decoration: none; } .contentfont a { font-size: 11px; color: #003366; text-decoration: underline; } .contentfont a:hover { font-size: 11px; color: #006699; text-decoration: underline; } .submenu {font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;} .submenu a {font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: underline;} .submenu a:hover { font-size: 11px; font-weight: bold; color: #FFFF00; text-decoration: none; } .membmenucell {background-color: #FFFFFF;} .membmenu {background-color: #e9e9eb;} /* SYSTEM classes - auctiondetails.php */ .topitempage { background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-bottom: 5px; padding: 6px; line-height: 18px; } .topitempage a { font-size: 11px; color: #000000; text-decoration: underline; } .topitempage a:hover { font-size: 11px; color: #FF0000; text-decoration: underline; } .itemid { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold;} .itemidend { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold;} .subitem { background-color: #ffffff; border: 1px solid #c3c3c3;} .counter {background-color: #FF9900; color: #FFFFFF; font-weight: bold; font-size: 12px;} .picselect { background-color: #F0F0F0; font-weight: bold;} .picselectmain { background-color: #F8F8F8;} .leftborder {border-left: 1px solid #c3c3c3;} .gradient {border: 1px solid #999999; background-color: #FFFFE1; } /* featured items images bg */ /* SYSTEM classes - border for Steps in sell item pages */ .sellsteptab { border-left: 1px solid #ACC7EF; border-bottom: 1px solid #ACC7EF; border-right: 1px solid #ACC7EF;} /* SYSTEM classes - font in Members area */ .boldgrey { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none;} .boldgrey a { font-size: 11px; color: #666666; font-weight: bold; text-decoration: underline;} .boldgrey a:hover { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none;} .membutt {font-size: 11px; font-weight: bold; color: #003399; text-decoration: none;} /* SYSTEM classes - links color in categories headers */ .cathead { font-size: 12px; font-weight: bold; color: #573f00; text-decoration: none; } .cathead a { font-size: 12px; font-weight: normal; color: #573f00; text-decoration: underline; } .cathead a:hover { font-size: 12px; font-weight: normal; color: #cc0000; text-decoration: none; } /* SYSTEM classes - error & alert message */ .errormessage { background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-top: 8px; margin-bottom: 16px; padding: 6px; line-height: 18px; } /* V5 & system classes & - main colors */ .c1 {background-color: #4475c6; color: #FFFFFF; font-weight: bold; text-decoration: none;} /* blue */ .c1 a {color: #FFFFFF; font-weight: bold;} .c1 a:hover {color: #FFFFFF; font-weight: bold;} .c2 {background-color: #F8F8F8;} /* lightgray light */ .c3 {background-color: #F0F0F0;} /* lightgray middle*/ .c4 {background-color: #E1E2E4;} /* lightgray dark */ .c5 {background-color: #a6a6a6;} .c6 {background-color: #EEF2F9; color: #003399;} .c7 {background-color: #E3E4EB;} /* bluegray admin area */ .c8 { background-color: #0C6CBB; color: white; font-weight: bold; } .c9 { background-color: #acc7ef; } .whiteback { background-color: white; } /* SYSTEM classes - register.php */ .creg2 {background-color: #F8F8F8;} /* lightgray light */ .creg3 {background-color: #F0F0F0;} /* lightgray middle*/ .creg4 {background-color: #ffffff;} /* inside bg for tables */ .creg5 {background-color: #a6a6a6;} /* block tables */ .regborder {background-color: #ffffff; border: 1px solid #a6a6a6;} .regsignup {background-color: #FF9900; color: #FFFFFF; font-weight: bold; font-size: 12px;} .reguser { font-size: 9px; background-color: #FFFFFF; color: #666666;} /* small text for comments*/ .pintext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666; } .border {border: 1px solid #c3c3c3;} /* V5 classes - featured items colors in main page */ .feat1 { font-size: 11px; background-color: #FF6600; color: white; font-weight: bold; } .feat2 { font-size: 11px; background-color: #0F3F79; color: white; font-weight: bold;} .feat3 { font-size: 11px; background-color: #FFCC00; color: black; font-weight: bold;} .feat3 a { font-size: 11px; background-color: #FFCC00; color: black; font-weight: bold;} .feat3 a:hover { font-size: 11px; background-color: #FFCC00; color: black; font-weight: bold;} /* V5 classes - featured items colors in main page */ a.hidelayer:link {font-size: 11px; color: #333333; font-weight: bold; text-decoration: none;} a.hidelayer:visited {font-size: 11px; color: #333333; font-weight: bold; text-decoration: none;} /* V5 classes - main nav menu colors */ .user { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; } /* V5 classes - other */ .search {font-size: 11px; font-weight: bold; color: #222222; text-decoration: none;} .search a {font-size: 11px; font-weight: bold; color: #222222; text-decoration: none;} .search a:hover { font-size: 11px; font-weight: bold; color: #222222; text-decoration: underline; } .welcome { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003399; } .categories { font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: none;} .categories a { font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: none;} .categories a:hover { font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: underline;} .maintext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; } .title { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } /* V5 classes - footer.php */ .footerfont { font-size: 12px; color: #0033cc; text-decoration: none; } .footerfont a { font-size: 12px; color: #0033cc; text-decoration: underline; } .footerfont a:hover { font-size: 12px; color: #0033ff; text-decoration: none; } .footerfont1 { font-size: 11px; color: #000000; text-decoration: none; } .footerfont1 a { font-size: 11px; color: #000000; text-decoration: underline; } .footerfont1 a:hover { font-size: 11px; color: #000000; text-decoration: none Quote Link to comment Share on other sites More sharing options...
redarrow Posted March 17, 2008 Share Posted March 17, 2008 what is the current color off background white or gray? Quote Link to comment Share on other sites More sharing options...
picman2 Posted March 17, 2008 Author Share Posted March 17, 2008 Its white. Quote Link to comment Share on other sites More sharing options...
Laxidasical Posted March 17, 2008 Share Posted March 17, 2008 How about placing the following under "/* GLOBAL classes - skin & pages */" in the CSS file that you posted: body {background: url(http://www.search-the-world.com/auctions/images/opalbackground.jpg);} If you want the background to repeat, then use: body {background-image: url(http://www.search-the-world.com/auctions/images/opalbackground.jpg); background-repeat: repeat;} Hope that helps! Quote Link to comment Share on other sites More sharing options...
picman2 Posted March 17, 2008 Author Share Posted March 17, 2008 Yes that worked a treat. Many thanks for that. Quote Link to comment Share on other sites More sharing options...
Laxidasical Posted March 17, 2008 Share Posted March 17, 2008 Yes that worked a treat. Many thanks for that. No problem! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.