The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> CSS Coding to Allow AdSense Tiles
john.grisum
post Jan 14 2011, 12:08 AM
Post #1


Newbie
*

Group: Members
Posts: 19
Joined: 13-January 11
Member No.: 13,587



I have decided to place Adsense on my site after doing some extensive html and javascript writing. I am totally stumped at this point as I don't know how to effectively add the tiles to the site.

My website is www.freemyblackberry.com . I wish to add two 120X600 advertisement tiles on each side of every page, but do not know how to write the CSS/ Javascript to allow this. Note: It must be set as separate from the html and other content (as per google's rules)

I have attached the CSS stylesheet or you may look at it below. ANY help on where to get started or what I should do is GREATLY appreciated!

And if you are interested in free gsm blackberry unlock codes, then you can go to the website too!








@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #282828 url(images/main_bg.gif) top center no-repeat;}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0;}
.main1 { margin:0 auto; padding:121012012;}
/********** header **********/
.header_resize {background: #110f0b url(images/header_bg1.gif) top center no-repeat; margin:0; padding:0; height:490px;}
.header_resize2 {background: #110f0b url(images/header_bg1.gif) top center no-repeat; margin:0; padding:0; height:200px;}
.header { width:960px; padding:0; margin:0 auto; }
.header h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:25px 0 0 0; margin:0; width:370px; float:left;}
.header p { width:320px; float:right; font: normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:25px 0 0 0; margin:0;}
/* logo */
.logo {padding:0; margin:0; width:148px; float:left;}
.logo_text { text-align:right; width:700px; float:right; padding:20px 0 14px 0; margin:0; font: italic 11px Arial, Helvetica, sans-serif; color:#815e67;}
.logo_text a { text-decoration:none; color:#815e67;}
/*menu*/
.menu_resize {width:410px; background:url(images/menu_bg.gif) top no-repeat; float:right;}
.menu { padding:0; margin:0 auto; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left;}
/* body */
.body_resize { background: url(images/body_bg.gif) top repeat-y; padding:0; width:963px; margin:0 auto;}
.body_resize_top { background: url(images/body_top_bg.gif) top no-repeat; margin:0px auto; padding:10px 0px;}
.body_resize_top_resize { margin:10px auto; padding:0 10px;}
.body_resize_bottom { height:13px; margin:0; padding:0; width:963px; background:url(images/body_bottom_bg.gif) bottom no-repeat;}
.body { padding:20px 0; margin:0 auto; background:#e6e6e6; border-top:1px solid #f5f5f5; border-bottom:1px solid #ececec;}
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#000; padding:10px 5px; margin:0;}
.body h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px; margin:0; text-transform:uppercase;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#5e5e5e; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body p strong { color:#974960;}
.body p.small { text-transform:uppercase; font: normal 12px Arial, Helvetica, sans-serif; color:#868686; line-height:1.8em; padding:0 0 0 80px; margin:0;}
.body a { color:#141414; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif;}
.body img { float:left; margin:5px 15px 5px 5px; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.right { width:325px; margin:10px 8px 10px 0; padding:0 10px; float:right;}
.left {width:560px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.left_blog {width:250px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.port { background: url(images/port_bg.gif) top repeat-y; padding:0; width:259px; margin:10px 10px 10px 20px; float:left;}
.port_top { background: url(images/port_bg_top.gif) top no-repeat; margin:0px auto; padding:10px 0px;}
.port_bottom { height:11px; margin:0; padding:0; width:259px; background: url(images/port_bg_bottom.gif) bottom no-repeat;}
/* FBG */
.FBG_resize { background: #dcdcdc; margin:0; padding:0; border-top:1px solid #d0d0d0;}
.FBG { margin:0 auto; padding:20px 0; width:960px;}
.FBG h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px; margin:0; text-transform:uppercase;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.FBG img { float:left; margin:5px 10px 15px 5px; padding:0;}
.FBG .blog { width:290px; float:left; margin:10px 0 10px 15px; padding:5px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#2a2a2a; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#2a2a2a; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:380px; border:1px solid #d8d8d8; margin:2px 0; padding:5px 2px; height:16px; background:#f9f9f9; float:right; }
#contactform textarea { width:380px; border:1px solid #d8d8d8; margin:2px 0; padding:2px; background:#f9f9f9; float:right; }
#contactform li.buttons input { padding:3px 0 3px 460px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#737373;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#737373; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;}
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;}
.footer {padding:0; margin:0 auto; background:#1c1c1c; border-top:1px solid #2a2a2a; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}

/* Slider */
#slider { width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float: left; width: 100%; height: 318px; }
.slider-item { width: 100% !important; height: 318px; }
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; background:url(images/pag_bg.gif) no-repeat top center; margin:0; z-index: 1000; width:960px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px 0; width:54px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center; }


Attached File(s)
Attached File  style.css ( 7.1k ) Number of downloads: 323
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
john.grisum   CSS Coding to Allow AdSense Tiles   Jan 14 2011, 12:08 AM
pandy   What have you tried so far?   Jan 14 2011, 02:32 AM
john.grisum   I tried adding a right and left margin to the CSS,...   Jan 14 2011, 04:16 PM
john.grisum   I have attached an image of what Im trying to acco...   Jan 15 2011, 01:36 AM
pandy   More margins won't help. You rather need to cr...   Jan 15 2011, 04:31 AM
john.grisum   Ive never created columns from scratch before (onl...   Jan 15 2011, 07:17 PM
Darin McGrew   Ive never created columns from scratch before (onl...   Jan 15 2011, 10:19 PM
john.grisum   I pay someone here if it gets what I need! I...   Jan 15 2011, 09:23 PM
john.grisum   I am now using this, but when I resize the browser...   Jan 15 2011, 11:15 PM
john.grisum   This is what I include in the HTML <div id=...   Jan 15 2011, 11:35 PM
john.grisum   It has to do with margins and stacking, I think. S...   Jan 15 2011, 11:46 PM
john.grisum   Is it possible to position these from center? The...   Jan 16 2011, 02:19 AM
Frederiek   Do you have a sample page (url) with an attempt to...   Jan 16 2011, 04:01 AM
pandy   OK, if you want to do it that way you need to make...   Jan 16 2011, 04:47 AM
john.grisum   ...maybe you rather want the ad inside the gray ...   Jan 16 2011, 01:45 PM
pandy   Then place it inside whatever element constituted ...   Jan 16 2011, 02:51 PM
pandy   Not that AP is the only way to do this. Forgot to ...   Jan 16 2011, 05:00 PM
john.grisum   Okay. I have added this code: #outer { width: ...   Jan 16 2011, 05:17 PM
pandy   Sorry if I wasn't clear. I didn't mean you...   Jan 16 2011, 05:24 PM
john.grisum   Sorry if I wasn't clear. I didn't mean yo...   Jan 16 2011, 08:14 PM
pandy   I'd say it takes longer than that for most p...   Jan 17 2011, 09:08 AM
john.grisum   I have been fiddling with position:absolute and po...   Jan 16 2011, 05:45 PM
john.grisum   Is there a a way to skip CSS entirely?   Jan 16 2011, 07:00 PM
john.grisum   Ill pay $25 to anyone that can produce the CS...   Jan 16 2011, 09:40 PM
Darin McGrew   Ill pay $25 to anyone that can produce the CS...   Jan 16 2011, 09:55 PM
john.grisum   Okay, done. The solution was found- you can view ...   Jan 17 2011, 12:35 AM
pandy   Okay, done. The solution was found- you can view...   Jan 17 2011, 09:12 AM


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 03:34 AM