Jump to content

How Can I Add Script Onto This Page

refiking

By refiking
in CSS Help

 Share

Recommended Posts

refiking Advanced Member

refiking

Posted
Posted

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
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • 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.