help adding banner please

evermore2000 · 08-24-2006, 10:29 AM

Hi,

I want to add a google adsense banner to my page www.unsigned.fm/bands/adair

Its a vertical banner and I want to add is down BOTH sides of the page where its grey.

Can someone help with where to put the code please?

PHP for main page :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>-</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" />

</head>

<body>

<div id="header">

<h1><a href="http://www.unsigned.fm">www.Unsigned.FM Bands</a></h1>

<a href="#content" class="hide">Skip to Content</a>

<ul id="nav">

<li><a href="#intro" class="active" accesskey="i"><em>A</em>bout</a></li>

<li><a href="#about" accesskey="a"><em>L</em>ine-Up</a></li>

<li><a href="#examples" accesskey="e"><em>D</em>ownloads</a></li>

<li><a href="#contact" accesskey="c"><em>C</em>ontact</a></li>

</ul>
<br class="clear" />

</div>
<div id="wrapper">

<div id="sidebar">

<h2>Bands/Artists (A.....)</h2>

<ul class="latest">

<li><a href="http://www.unsigned.fm/bands/7ape">7ape</a></li>
<li><a href="http://www.unsigned.fm/bands/afableforthecurious">A Fable for the Curious</a></li>

<li><a href="http://www.unsigned.fm/bands/asimpledisguise">A Simple Disguise</a></li>
<li><a href="http://www.unsigned.fm/bands/adair">Adair</a></li>
????: NamePros.com http://www.namepros.com/programming/231105-help-adding-banner-please.html
<li><a href="http://www.unsigned.fm/bands/andyhardyandthefreeradicals">Andy Hardie and the Free radicals</a></li>
<li><a href="http://www.unsigned.fm/bands/azzurri">Azzurri</a></li>

</div>

<div id="content">

<div class="desc">

<p>

Adair
<CENTER><a href="">
<img border="0" src="http://www.unsigned.fm/bands/adair/adair.jpg" width="250" height="250">
</center>
</p>

</div>

<h2 id="first"><a href="#" id="intro">About us..</a></h2>

<p>

July 2006 Martin's band broke up. David's relationship fell to pieces. What better way to celebrate than to form a two-piece beat combo? Using their respective emotional outpourings (f**k bands! f**k girls!) they've come up with some beautiful songs and are all over the place with gigs. Martin sings and plays guitar, Dave is king of the bass. Together they're called Adair.

</p>

<div class="info">

</div>

<h2><a href="#" id="about">Band Line-Up</a></h2>
<p>
<b>Vocals/Guitar </b>- Martin Sharman<BR>

<B>Bass/Vocals</b> - David Edwards<BR>

</p>

<p>

</p>

<div class="info">

</div>

<h2><a href="#" id="examples">Our Music</a></h2>

<h3>Visit the Unsigned.FM Store to Donwload our music</h3>

<ul>

<li><a href="http://www.unsigned.fm/store.html">
Click Here to see what songs we have for download</a></li>

</ul>

<div class="info">

</div>

<h2><a href="#" id="contact">Contact Us</a></h2>

<p>
You can contact us at <a href="http://www.myspace.com/adair">our MySpace profile</a> Or at our <a href="http://www.myspace.com/adair">Official Website</a>. We look forward to hearing from you!
????: NamePros.com http://www.namepros.com/showthread.php?t=231105

</p>

<div class="info">

</div>

</li>

</ol>

</div>

<div id="footer">

<CENTER>

<p><a href="http://www.unsigned.fm">Unsigned.Fm - Bringing the best unsigned North East bands and artists to you</a>.<br />


©Unsigned.fm 2006</p>

</div>

</body>
</html>

Code for Adsense

<script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

CSS

body {
font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#888;
margin:10px 0 0 0;
background:url(../images/body.jpg) top repeat-y #333;
background-attachment:fixed;
}

* {
margin:0;
padding:0;
}

p a {
color:#73ACFB;
text-decoration:none;
border-bottom:1px solid #f7f7f7;
}
p a:hover {
border-bottom:1px solid #f2f2f2;
}

#header {
width:734px;
margin:0 auto;
background:url(../images/header.jpg) top no-repeat;
padding:11px 0 3px 0 !important;
padding:11px 0 5px 0;
}

#header h1 {
float:right;
font:220% Arial;
letter-spacing:-1px;
width:288px;
text-align:left;
padding:7px 0 0 0;
}
#header h1 a {
color:#888;
text-decoration:none;
}

#heaver #nav {

}

#header #nav li {
list-style:none;
float:left;
padding:16px 0 !important;
padding:15px 0;
}

#header #nav li a {
font:120% Verdana;
color:#ccc;
text-decoration:none;
margin:0 5px 0 0;
padding:16px 8px;
}
#header #nav li a em {
font-style:normal;
text-decoration:underline;
}

#header #nav a:hover {
background:url(../images/a_hover.jpg) bottom repeat-x #333;
}

#header #nav a.active {
background:url(../images/a_active.jpg) top repeat-x #333;
color:#fff;
}

#header #nav a.active:hover {
background:url(../images/a_active.jpg) top repeat-x #333;
color:#eee;
}

#wrapper {
width:734px;
margin:0 auto;
background:url(../images/content.jpg) right repeat-y #fafafa;
}

#sidebar {
width:265px;
float:right;
padding:0 20px 20px 20px;
background:url(../images/sidebar.jpg) top left no-repeat;
}

#sidebar input {
background:#fff;
border:1px solid #eee;
padding:3px;
font:120% Verdana;
color:#555;
width:97%;
}

#sidebar p {
line-height:22px;
margin:10px;
}

#sidebar ul.latest li {
padding:5px 5px 5px 20px;
list-style:none;
font:180% Arial;
border-bottom:1px solid #eee;
background:url(../images/article.gif) left no-repeat;
}
#sidebar ul.latest li a {
color:#99CC00;
text-decoration:none;
}
#sidebar ul.latest li a:hover {
color:#333;
}

#sidebar ul.external li {
padding:5px 5px 5px 20px;
list-style:none;
font:180% Arial;
border-bottom:1px solid #eee;
background:url(../images/external.gif) left no-repeat;
}
#sidebar ul.external li a {
color:#99CC00;
text-decoration:none;
}
#sidebar ul.external li a:hover {
color:#333;
}

#content {
margin:0 305px 0 0;
padding:30px;
background:url(../images/contentbody.jpg) top no-repeat;
}

#content .desc {
margin:-20px -20px 0 -20px;
background:url(../images/desc.gif) bottom left no-repeat #444;
border:1px solid #000;
padding:15px !important;
padding:10px 15px;
font-size:120%;
font-family:Georgia, "Times New Roman", Times, serif;
color:#ccc;
text-align:center;
line-height:25px;
}

#content .desc p:first-line {
font-size:150%;
font-style:italic;
}

#content .desc a {
color:#ccc;
border:none;
text-decoration:underline;
}
#content .desc a:hover {
text-decoration:none;
}

#sidebar h2 {
color:#0E91CF;
font:180% Arial;
margin:15px 0 15px 0;
}

#content h2 {
color:#024160;
font:190% Arial;
margin:20px 0;
}
#content h2 a {
color:#024160;
text-decoration:none;
}
#content h2 a:hover {
border-bottom:1px dotted #ccc;
}

#content p {
font-size:120%;
line-height:25px;
margin:0 0 20px 0;
}

#content .info {
background:url(../images/line.gif) top repeat-x;
padding:5px;
font:90% Verdana;
}

#content .info p {
background:url(../images/info.gif) left no-repeat;
padding:0 0 0 20px;
}

#content .info p a {
float:right;
padding:0 20px 0 0;
background:url(../images/comment_normal.gif) right no-repeat;
color:#777;
text-decoration:none;
border:none;
}
#content .info p a:hover {
background:url(../images/comment.gif) right no-repeat;
text-decoration:underline;
border:none;
}

#content h3 {
font:150% Trebuchet MS;
margin:5px 0;
border-bottom:1px solid #eee;
color:#666;
}

#content blockquote {
padding:0 10px;
border-left:4px solid #eee;
margin:10px 0;
background:#fefefe;
}

#content blockquote p {
margin:0;
font:130% Trebuchet MS;
line-height:26px;
color:#0E91CF;
}

#content ul,ol {
margin:10px 0 10px 25px;
line-height:30px;
}

#content img {
padding:4px;
border:1px solid #eee;
background:#fff;
}

#content p img {
float:left;
margin:10px;
}

#footer {
padding:30px;
border-top:1px solid #eee;
clear:both;
margin:0 4px 0 0 ;
background:#fff;
}
#footer p.validate {
float:right;
text-align:right;
}

ol.comments {
border-top:1px solid #eee;
margin-left:35px;
}
ol.comments li {
border-bottom:1px solid #eee;
padding:0 10px;
font:300% Georgia;
color:#0E91CF;
}
ol.comments li div {
font:30% Trebuchet MS;
color:#888;
padding:10px 0 0 0;
}
ol.comments cite {
font-size:130%;
padding:5px 0;
display:block;
}
ol.comments li.alt {
background:#fff;
}
ol.comments a {
color:#666;
}
ol.comments a:hover {
text-decoration:none;
}

.clear {
clear:both;
}
.hide {
display:none;
}

Many Thanks

08-24-2006, 10:29 AM	THREAD STARTER #1 (permalink)
evermore2000 NamePros Regular Join Date: Mar 2006 Posts: 385	help adding banner please Hi, I want to add a google adsense banner to my page www.unsigned.fm/bands/adair Its a vertical banner and I want to add is down BOTH sides of the page where its grey. Can someone help with where to put the code please? PHP for main page : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>-</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/1.css" type="text/css" media="screen,projection" /> </head> <body> <div id="header"> <h1><a href="http://www.unsigned.fm">www.Unsigned.FM Bands</a></h1> <a href="#content" class="hide">Skip to Content</a> <ul id="nav"> <li><a href="#intro" class="active" accesskey="i"><em>A</em>bout</a></li> <li><a href="#about" accesskey="a"><em>L</em>ine-Up</a></li> <li><a href="#examples" accesskey="e"><em>D</em>ownloads</a></li> <li><a href="#contact" accesskey="c"><em>C</em>ontact</a></li> </ul> <br class="clear" /> </div> <div id="wrapper"> <div id="sidebar"> <h2>Bands/Artists (A.....)</h2> <ul class="latest"> <li><a href="http://www.unsigned.fm/bands/7ape">7ape</a></li> <li><a href="http://www.unsigned.fm/bands/afableforthecurious">A Fable for the Curious</a></li> <li><a href="http://www.unsigned.fm/bands/asimpledisguise">A Simple Disguise</a></li> <li><a href="http://www.unsigned.fm/bands/adair">Adair</a></li> ????: NamePros.com http://www.namepros.com/programming/231105-help-adding-banner-please.html <li><a href="http://www.unsigned.fm/bands/andyhardyandthefreeradicals">Andy Hardie and the Free radicals</a></li> <li><a href="http://www.unsigned.fm/bands/azzurri">Azzurri</a></li> </div> <div id="content"> <div class="desc"> <p> Adair <CENTER><a href=""> <img border="0" src="http://www.unsigned.fm/bands/adair/adair.jpg" width="250" height="250"> </center> </p> </div> <h2 id="first"><a href="#" id="intro">About us..</a></h2> <p> July 2006 Martin's band broke up. David's relationship fell to pieces. What better way to celebrate than to form a two-piece beat combo? Using their respective emotional outpourings (fk bands! fk girls!) they've come up with some beautiful songs and are all over the place with gigs. Martin sings and plays guitar, Dave is king of the bass. Together they're called Adair. </p> <div class="info"> </div> <h2><a href="#" id="about">Band Line-Up</a></h2> <p> <b>Vocals/Guitar </b>- Martin Sharman<BR> <B>Bass/Vocals</b> - David Edwards<BR> </p> <p> </p> <div class="info"> </div> <h2><a href="#" id="examples">Our Music</a></h2> <h3>Visit the Unsigned.FM Store to Donwload our music</h3> <ul> <li><a href="http://www.unsigned.fm/store.html"> Click Here to see what songs we have for download</a></li> </ul> <div class="info"> </div> <h2><a href="#" id="contact">Contact Us</a></h2> <p> You can contact us at <a href="http://www.myspace.com/adair">our MySpace profile</a> Or at our <a href="http://www.myspace.com/adair">Official Website</a>. We look forward to hearing from you! ????: NamePros.com http://www.namepros.com/showthread.php?t=231105 </p> <div class="info"> </div> </li> </ol> </div> <div id="footer"> <CENTER> <!-- Please leave this line intact --> <p><a href="http://www.unsigned.fm">Unsigned.Fm - Bringing the best unsigned North East bands and artists to you</a>.<br /> <!-- you can delete below here --> ©Unsigned.fm 2006</p> </div> </body> </html> Code for Adsense <script type="text/javascript"><!-- google_ad_client = "pub-0522748029707714"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text_image"; google_ad_channel =""; google_color_border = "FFFFFF"; google_color_bg = "002E3F"; google_color_link = "E895CC"; google_color_text = "FFFFFF"; google_color_url = "E895CC"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> CSS body { font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; color:#888; margin:10px 0 0 0; background:url(../images/body.jpg) top repeat-y #333; background-attachment:fixed; } * { margin:0; padding:0; } p a { color:#73ACFB; text-decoration:none; border-bottom:1px solid #f7f7f7; } p a:hover { border-bottom:1px solid #f2f2f2; } #header { width:734px; margin:0 auto; background:url(../images/header.jpg) top no-repeat; padding:11px 0 3px 0 !important; padding:11px 0 5px 0; } #header h1 { float:right; font:220% Arial; letter-spacing:-1px; width:288px; text-align:left; padding:7px 0 0 0; } #header h1 a { color:#888; text-decoration:none; } #heaver #nav { } #header #nav li { list-style:none; float:left; padding:16px 0 !important; padding:15px 0; } #header #nav li a { font:120% Verdana; color:#ccc; text-decoration:none; margin:0 5px 0 0; padding:16px 8px; } #header #nav li a em { font-style:normal; text-decoration:underline; } #header #nav a:hover { background:url(../images/a_hover.jpg) bottom repeat-x #333; } #header #nav a.active { background:url(../images/a_active.jpg) top repeat-x #333; color:#fff; } #header #nav a.active:hover { background:url(../images/a_active.jpg) top repeat-x #333; color:#eee; } #wrapper { width:734px; margin:0 auto; background:url(../images/content.jpg) right repeat-y #fafafa; } #sidebar { width:265px; float:right; padding:0 20px 20px 20px; background:url(../images/sidebar.jpg) top left no-repeat; } #sidebar input { background:#fff; border:1px solid #eee; padding:3px; font:120% Verdana; color:#555; width:97%; } #sidebar p { line-height:22px; margin:10px; } #sidebar ul.latest li { padding:5px 5px 5px 20px; list-style:none; font:180% Arial; border-bottom:1px solid #eee; background:url(../images/article.gif) left no-repeat; } #sidebar ul.latest li a { color:#99CC00; text-decoration:none; } #sidebar ul.latest li a:hover { color:#333; } #sidebar ul.external li { padding:5px 5px 5px 20px; list-style:none; font:180% Arial; border-bottom:1px solid #eee; background:url(../images/external.gif) left no-repeat; } #sidebar ul.external li a { color:#99CC00; text-decoration:none; } #sidebar ul.external li a:hover { color:#333; } #content { margin:0 305px 0 0; padding:30px; background:url(../images/contentbody.jpg) top no-repeat; } #content .desc { margin:-20px -20px 0 -20px; background:url(../images/desc.gif) bottom left no-repeat #444; border:1px solid #000; padding:15px !important; padding:10px 15px; font-size:120%; font-family:Georgia, "Times New Roman", Times, serif; color:#ccc; text-align:center; line-height:25px; } #content .desc p:first-line { font-size:150%; font-style:italic; } #content .desc a { color:#ccc; border:none; text-decoration:underline; } #content .desc a:hover { text-decoration:none; } #sidebar h2 { color:#0E91CF; font:180% Arial; margin:15px 0 15px 0; } #content h2 { color:#024160; font:190% Arial; margin:20px 0; } #content h2 a { color:#024160; text-decoration:none; } #content h2 a:hover { border-bottom:1px dotted #ccc; } #content p { font-size:120%; line-height:25px; margin:0 0 20px 0; } #content .info { background:url(../images/line.gif) top repeat-x; padding:5px; font:90% Verdana; } #content .info p { background:url(../images/info.gif) left no-repeat; padding:0 0 0 20px; } #content .info p a { float:right; padding:0 20px 0 0; background:url(../images/comment_normal.gif) right no-repeat; color:#777; text-decoration:none; border:none; } #content .info p a:hover { background:url(../images/comment.gif) right no-repeat; text-decoration:underline; border:none; } #content h3 { font:150% Trebuchet MS; margin:5px 0; border-bottom:1px solid #eee; color:#666; } #content blockquote { padding:0 10px; border-left:4px solid #eee; margin:10px 0; background:#fefefe; } #content blockquote p { margin:0; font:130% Trebuchet MS; line-height:26px; color:#0E91CF; } #content ul,ol { margin:10px 0 10px 25px; line-height:30px; } #content img { padding:4px; border:1px solid #eee; background:#fff; } #content p img { float:left; margin:10px; } #footer { padding:30px; border-top:1px solid #eee; clear:both; margin:0 4px 0 0 ; background:#fff; } #footer p.validate { float:right; text-align:right; } ol.comments { border-top:1px solid #eee; margin-left:35px; } ol.comments li { border-bottom:1px solid #eee; padding:0 10px; font:300% Georgia; color:#0E91CF; } ol.comments li div { font:30% Trebuchet MS; color:#888; padding:10px 0 0 0; } ol.comments cite { font-size:130%; padding:5px 0; display:block; } ol.comments li.alt { background:#fff; } ol.comments a { color:#666; } ol.comments a:hover { text-decoration:none; } .clear { clear:both; } .hide { display:none; } Many Thanks

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)