Jump to content

How Can I Add Script Onto This Page


refiking

Recommended Posts

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.