refiking Posted January 18, 2009 Share Posted January 18, 2009 OK. So the template is here: http://www.kwebservices.com/kwm/ I want to replace that background image (images/body_top_pic.jpg) with this page http://www.kwebpromotions.com/adcentral.php?id=000003. Here is the style sheet: /* CSS Document */ body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; } div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ margin:0; padding:0; } ul{ margin:0; padding:0; list-style-type:none; font-size:0; } .spacer{ clear:both; font-size:0; line-height:0; } /*------------------------------------------------body--------------------*/ /*------------------------------------------------top--------------------*/ #topMain{ width:100%; background:url(images/pattern.gif) 0 0 repeat; height:189px; border-top:#ffffff solid 10px; } #top{ width:891px; margin:0 auto; height:189px; } #top img.logo{ display:block; width:353px; height:144px; margin:24px 24px 0 0; float:left; } #top form{ background:url(images/serch_bg.gif) 0 0 no-repeat; width:272px; height:124px; float:left; margin:35px 7px 0 0; padding:17px 0 0 19px; } #top form h2{ display:block; width:222px; height:27px; padding:0 0 0 34px; border-bottom:#757575 dashed 1px; margin:0 0 16px 0; font:normal 21px/27px Arial, Helvetica, sans-serif; color:#3F3F3F; background-color:inherit; background:url(images/serch_icon.gif) 0 0 no-repeat; } #top form input.txtBox{ width:192px; height:19px; border-left:#808080 solid 1px; border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px; border-bottom:#D4D0C8 solid 1px; padding:0 0 0 8px; margin:0 0 14px 0; background-color:#fff; color:#000; font:normal 12px/19px Arial, Helvetica, sans-serif; float:left; } #top form input.btnSerch{ background:url(images/btn_serch.gif) 0 0 no-repeat; width:50px; height:21px; border:none; cursor:pointer; color:#fff; background-color:#E2E2C1; font:bold 10px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; float:left; } #top form label{ display:block; width:110px; height:12px; background:url(images/bullet.gif) 0 0 no-repeat; padding:0 0 0 19px; font-size:0; float:left; } #top form label a.adv{ color:#14625E; background-color:inherit; font:bold 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; width:110px; height:12px } #top form label a.adv:hover{ text-decoration:none; } #top a.latestProject{ display:block; background:url(images/latest_project.gif) 0 0 no-repeat; width:213px; height:136px; float:left; margin:35px 0 0 0; } #top a.latestProject:hover{ background:url(images/latest_project_hover.gif) 0 0 no-repeat; } /*------------------------------------------------top--------------------*/ /*------------------------------------------------nav--------------------*/ #navMain{ width:100%; height:24px; background:url(images/nav_bg.gif) 0 0 repeat-x; } #nav{ width:892px; margin:0 auto; height:24px; } #nav ul{ width:746px; height:24px; background:url(images/nav_div.gif) left top no-repeat; float:left; } #nav ul li{ float:left; background:url(images/nav_div.gif) right top no-repeat; height:24px; line-height:0; font-size:0; padding:0 2px 0 0; } #nav ul li a{ display:block; background:url(images/nav_bg.gif) 0 0 repeat-x; font:bold 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#B5B5B5; background-color:inherit; text-decoration:none; padding:0 12px 0 10px; } #nav ul li a:hover{ background:url(images/nav_bg_hover.gif) 0 0 repeat-x; color:#fff; background-color:inherit; } #nav ul li a.hover{ display:block; background:url(images/nav_bg_hover.gif) 0 0 repeat-x; font:bold 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; padding:0 12px 0 10px; } #nav a.login{ display:block; background:url(images/login_bg.gif) 0 0 no-repeat; width:60px; height:24px; font:bold 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#232323; background-color:inherit; text-decoration:none; text-align:center; float:right; padding:0; margin:0; } #nav a.login:hover{ color:#E5A923; background-color:inherit; } /*------------------------------------------------nav--------------------*/ /*------------------------------------------------bodyTop--------------------*/ #bodyTopMain{ width:100%; background:url(images/body_top_bg.gif) 0 0 repeat-x #39A09B; color:#C5F6F2; padding:5px 0 24px 0; } #bodyTop{ width:651px; margin:0 auto; background:url(images/body_top_pic.jpg) right top no-repeat; padding:0 241px 0 0; } #bodyTop h2{ width:640px; font:bold 32px/75px Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; float:left; } #bodyTop h2 span.div{ display:block; background:url(images/body_top_div.gif) 0 0 repeat-x; height:75px; width:394px; float:right; } #bodyTop p.txt1{ display:block; width:651px; margin:0 0 22px 0; font:normal 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; } #bodyTop p.txt1 span.yellow{ color:#E4E4A9; background-color:inherit; font-weight:bold; } #bodyTop p.green{ display:block; width:490px; height:42px; font:normal 18px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FDFDF6; float:left; background:url(images/green_bg_right.gif) right top no-repeat #2A8581; } #bodyTop p.green span.left{ background:url(images/green_bg_left.gif) 0 0 no-repeat; width:35px; height:42px; float:left; } #bodyTop a.readMore{ display:block; background:url(images/read_more_bg.gif) 0 0 no-repeat; width:76px; height:20px; font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; text-align:center; text-transform:uppercase; float:right; margin:10px 0 0 0; } #bodyTop a.readMore:hover{ color:#000; background-color:inherit; } /*------------------------------------------------bodyTop--------------------*/ /*------------------------------------------------bodyBot--------------------*/ #bodyBotMain{ width:100%; background:url(images/body_bot_bg.gif) 0 0 repeat-x #F7F7DA; color:#237874; padding:23px 0 33px 0; } #bodybot{ width:892px; margin:0 auto; } #event{ width:282px; float:left; margin:0 26px 0 0; } #event h2{ display:block; background:url(images/event_bg.gif) 0 0 no-repeat; width:210px; height:31px; padding:23px 0 0 72px; font:bold 22px/30px Arial, Helvetica, sans-serif; color:#2D2D2D; background-color:inherit; margin:0; } #event2{ width:282px; float:left; margin:0; background:url(images/event_1px.gif) 0 0 repeat-x #F6F6E2; color:#C06C06; } #event2 ul.first2{ padding:14px 0 0 20px; width:260px; border-left:#CECEAE solid 1px; border-right:#CECEAE solid 1px; } #event2 ul{ padding:0 0 0 20px; width:260px; border-left:#CECEAE solid 1px; border-right:#CECEAE solid 1px; } #event2 ul li{ width:260px; } #event2 ul li.nor{ display:block; background:url(images/arrow.gif) 0 3px no-repeat; padding:0 0 0 9px; font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; width:241px; color:#237874; background-color:inherit; } #event2 ul li.nor span{ color:#837A08; background-color:inherit; font-weight:bold; } #event2 ul li.orange{ display:block; font:bold 11px/14px Arial, Helvetica, sans-serif; /*color:#C06C06; background-color:inherit; margin:0 0 12px 0;*/ padding:0 0 9px 0; width:241px; } #event2 ul li.orange2{ display:block; font:bold 11px/16px Arial, Helvetica, sans-serif; /*color:#C06C06; background-color:inherit; margin:22px 0 12px 0;*/ padding:9px 0 8px 0; width:241px; } #event2 ul.last2{ padding:0 0 14px 20px; width:260px; border-left:#CECEAE solid 1px; border-right:#CECEAE solid 1px; } #event2 ul li a.readMore2{ display:block; background:url(images/read_more_bg2.gif) 0 0 no-repeat; width:76px; height:20px; font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; text-align:center; text-transform:uppercase; margin:0 0 0 170px; } #event2 ul li a.readMore2:hover{ color:#FFC423; background-color:inherit; } #event2 p.eventBot{ display:block; width:282px; height:22px; font-size:0; line-height:0; background:url(images/event_bottom.gif) 0 0 no-repeat; } #service{ width:282px; float:left; margin:0; } #service h2{ display:block; background:url(images/current_service.gif) 0 0 no-repeat; width:210px; height:31px; padding:23px 0 0 72px; font:bold 22px/30px Arial, Helvetica, sans-serif; color:#2D2D2D; background-color:inherit; margin:0; } #service2{ width:282px; float:left; margin:0; background:url(images/event_1px.gif) 0 0 repeat-x #F6F6E2; color:#C06C06; } #service2 ul{ padding:20px 0 0 7px; margin:0; border-left:#CECEAE solid 1px; border-right:#CECEAE solid 1px; width:273px; } #service2 ul li.round{ display:block; background:url(images/service_round_bg.gif) 0 0 no-repeat; width:245px; height:20px; padding:0 0 0 21px; font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2D2D2D; background-color:inherit; } #service2 ul li.nor2{ display:block; width:254px; padding:10px 0 11px 12px; margin:0; } #service2 ul li.nor2 a{ font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#837A08; background-color:inherit; text-decoration:underline; display:block; } #service2 ul li.nor2 a:hover{ color:#000; background-color:#E4E4C6; text-decoration:none; } #service2 ul li.nor3{ display:block; width:254px; padding:10px 0 21px 12px; margin:0; } #service2 ul li.nor3 a{ font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#837A08; background-color:inherit; text-decoration:underline; display:block; } #service2 ul li.nor3 a:hover{ color:#000; background-color:#E4E4C6; text-decoration:none; } #service2 p.picMore{ padding:0 15px 0 7px; margin:0; border-left:#CECEAE solid 1px; border-right:#CECEAE solid 1px; width:258px; height:64px; display:block; } #service2 p.picMore a.botLogo{ display:block; float:left; width:159px; height:64px; margin:0 0 0 0; padding:0 0 0 12px; background:url(images/bot_logo.gif) 0 0 no-repeat; } #service2 p.picMore a.readMore3{ display:block; background:url(images/read_more_bg2.gif) 0 0 no-repeat; width:76px; height:20px; font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; text-align:center; text-transform:uppercase; float:right; margin:44px 0 0 0; } #service2 p.picMore a.readMore3:hover{ color:#FFC423; background-color:inherit; } #service2 p.serviceBot{ display:block; width:282px; height:22px; font-size:0; line-height:0; background:url(images/event_bottom.gif) 0 0 no-repeat; float:left; } #test{ width:282px; float:right; margin:0; } #test h2{ display:block; background:url(images/testimonial.gif) 0 0 no-repeat; width:210px; height:31px; padding:23px 0 0 72px; font:bold 22px/30px Arial, Helvetica, sans-serif; color:#2D2D2D; background-color:inherit; margin:0; } #test2{ width:254px; float:left; margin:0; background:url(images/event_1px.gif) 0 0 repeat-x; color:#C06C06; border-left:#CECEAE solid 1px; border-right:#CECEAE solid 1px; padding:0 12px 0 14px; background-color:inherit; } #test2 h3.orange3{ display:block; font:bold 11px/20px Arial, Helvetica, sans-serif; padding:8px 0 8px 0; width:254px; } #test2 p.testTxt{ display:block; width:224px; background:url(images/arrow.gif) 0 5px no-repeat; padding:0 0 16px 9px; font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#237874; background-color:inherit; } #test2 p.testTxt span{ color:#837A08; background-color:inherit; } #test2 a.special{ display:block; background:url(images/special_2007.gif) 0 0 no-repeat; width:254px; height:91px; } #test2 a.special:hover{ display:block; background:url(images/special_2007_hover.gif) 0 0 no-repeat; } #test p.testBot{ display:block; width:282px; height:14px; font-size:0; line-height:0; background:url(images/test_bottom.gif) 0 0 no-repeat; float:left; } /*------------------------------------------------bodyBot--------------------*/ /*------------------------------------------------footer--------------------*/ #footerMain{ width:100%; height:112px; background:url(images/footer_bg.gif) 0 0 repeat-x #3F3F3F; color:#DE7F0B; } #footer{ width:892px; margin:0 auto; height:112px; position:relative; } #footer ul{ width:671px; position:absolute; left:0; top:24px; } #footer ul li{ float:left; font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#D7D7AE; background-color:inherit; } #footer ul li a{ padding:0 9px; font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#D7D7AE; background-color:inherit; text-decoration:none; } #footer ul li a:hover{ text-decoration:underline; } #footer ul li a.one{ padding:0 9px 0 0; font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#D7D7AE; background-color:inherit; text-decoration:none; } #footer ul li a.one:hover{ text-decoration:underline; } #footer p.copyright{ font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; left:0; top:44px; width:230px; } #footer p.design{ display:block; width:197px; height:19px; padding:0; position:absolute; left:0; top:62px; font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FCFCF3; background-color:#7F7F7F; text-align:center; } #footer p.design a.link{ font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FCFCF3; background-color:#7F7F7F; text-decoration:none; } #footer p.design a.link:hover{ color:#000; background-color:#7F7F7F; } #footer a.xhtml{ display:block; background:url(images/xhtml_bg.gif) 0 0 no-repeat; width:57px; height:19px; font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; text-transform:uppercase; text-align:center; position:absolute; left:201px; top:62px; } #footer a.xhtml:hover{ color:#000; background-color:inherit; } #footer a.css{ display:block; background:url(images/css_bg.gif) 0 0 no-repeat; width:57px; height:19px; font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; text-transform:uppercase; text-align:center; position:absolute; left:264px; top:62px; } #footer a.css:hover{ color:#000; background-color:inherit; } #footer img{ position:absolute; width:159px; height:64px; left:733px; top:23px; display:block; } /*------------------------------------------------footer--------------------*/ Link to comment https://forums.phpfreaks.com/topic/141371-how-can-i-add-script-onto-this-page/ Share on other sites More sharing options...
Mchl Posted January 18, 2009 Share Posted January 18, 2009 Look into < iframe> Link to comment https://forums.phpfreaks.com/topic/141371-how-can-i-add-script-onto-this-page/#findComment-739970 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.