How to put banners into a WP header???

Element115 · 2008-01-28, 01:40 PM

I'm trying to embed a banner/or banners into my wordpress header and I can't seem to do it without completely screwing up the header itself, or the banner just doesn't align correctly. I've tried searching for a way to do this and can't find anything. Can anyone point me in the right direction or feel like explaining how this is done?

For reference, this is the blog I'm trying to do this on Skinny Teen. I'm trying to put the banner into the empty space on the right side. Any help with this would be greatly appreciated, it's driving me nuts!

walrus · 2008-01-28, 04:37 PM

A lot of playing around with your CSS to figure out why it blows up when you put a banner in.

Element115 · 2008-01-30, 03:27 AM

Can I make it work by just adding the banner into the header.php and just modifying the CSS or do I actually need to define it as a div tag in the css?

NY Jester · 2008-01-30, 06:25 AM

make the header image the background and have the banner as the image make sure to specify the banners size

Element115 · 2008-01-31, 08:17 PM

Ok, thanks I'll try it out. I'm working on a new blog and decided to build the theme from scratch to get a little more used to working with php and style sheets. With that site I just tweaked a theme I found, but building one from the ground up is helping a lot and once I get a better grasp on it I'll go back and do this. I may go back and redesign the theme for this blog completely some day, but the thought of that makes me kind of nervous right now lol.

digifan · 2008-02-03, 02:55 PM

I hope this helps you... I have a new blog in the works, done in css and using wp and the banner at the top was done this way, I am copying here the code for you. It was done by a pro but I haven't seen him for a while and have a little prob. So, the code.

<body>
<div id="Content">
<div id="container">
<div id="topbanner">
<a href="sponsorurl" target="blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner.gif" width="468" height="80" border=1></a>
</div>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/header.jpg" alt="" width="1024" height="118" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="68,26,408,101" href="mysite" />
</map>

good luck! sponsorurl and mysite was added by me now

Element115 · 2008-02-03, 05:23 PM

Thanks man! I'll give it a shot. I kind of put it on the back burner for now cause I've been busy with other projects, but I still would like to stick a banner in there

papagmp · 2008-02-05, 12:03 AM

The code may vary depending on the template - I use a table on one template, li tag on another, background image on another and div tags on some. As Walrus says - look at the code on the header and play around. On one of my templates, I wanted to make the header taller - got it to work in FF right away - took me a few days to find the css code that fixed it in IE. Se sure to check the blog in all browsers after tweaking the layout or css. I still tend to throw a div or a table in and see what it does and reverse engineer from there.

Element115 · 2008-02-05, 02:30 AM

Yeah, checking it in all browsers is the part that fucks me over every time. Internet Explorer just needs to fucking die already.

papagmp · 2008-02-05, 04:31 AM

Hell - on my machine IE dies all the time - that's why I use FF most of the time.

Element115 · 2008-02-05, 04:41 AM

lol. If only the rest of the world would smarten up maybe Microsoft would just give up on it.

Of course, that may be a bad thing cause then they'll just fucking buy Firefox for 44 billion and fuck that up too =/

2008-01-28, 01:40 PM	#1
Element115 I'm going to the backseat of my car with the woman I love, and I won't be back for TEN MINUTES Join Date: Dec 2007 Posts: 86	How to put banners into a WP header??? I'm trying to embed a banner/or banners into my wordpress header and I can't seem to do it without completely screwing up the header itself, or the banner just doesn't align correctly. I've tried searching for a way to do this and can't find anything. Can anyone point me in the right direction or feel like explaining how this is done? For reference, this is the blog I'm trying to do this on Skinny Teen. I'm trying to put the banner into the empty space on the right side. Any help with this would be greatly appreciated, it's driving me nuts!

2008-01-28, 04:37 PM	#2
walrus Oh no, I'm sweating like Roger Ebert Join Date: May 2005 Location: Los Angeles Posts: 1,773	A lot of playing around with your CSS to figure out why it blows up when you put a banner in. __________________ Naked Girlfriend Porn TGP free partner account

2008-01-30, 06:25 AM	#4
NY Jester ICQ:147079406 Join Date: Oct 2007 Location: RockMEHardplace Posts: 2,996	make the header image the background and have the banner as the image make sure to specify the banners size __________________ The Sexy Side of Porn

2008-02-03, 02:55 PM	#6
digifan ...and since we know an end will come it makes our living so much fun Join Date: Aug 2003 Location: In your dreams, baby Posts: 3,835	I hope this helps you... I have a new blog in the works, done in css and using wp and the banner at the top was done this way, I am copying here the code for you. It was done by a pro but I haven't seen him for a while and have a little prob. So, the code. <body> <div id="Content"> <div id="container"> <div id="topbanner"> <a href="sponsorurl" target="blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner.gif" width="468" height="80" border=1></a> </div> <img src="<?php bloginfo('stylesheet_directory'); ?>/images/header.jpg" alt="" width="1024" height="118" border="0" usemap="#Map" /> <map name="Map" id="Map"><area shape="rect" coords="68,26,408,101" href="mysite" /> </map> good luck! sponsorurl and mysite was added by me now __________________ Webair Rocks

2008-02-05, 12:03 AM	#8
papagmp That'll teach you to leave your sister unattended..... Join Date: Jan 2007 Location: Colorado Springs Posts: 1,803	The code may vary depending on the template - I use a table on one template, li tag on another, background image on another and div tags on some. As Walrus says - look at the code on the header and play around. On one of my templates, I wanted to make the header taller - got it to work in FF right away - took me a few days to find the css code that fixed it in IE. Se sure to check the blog in all browsers after tweaking the layout or css. I still tend to throw a div or a table in and see what it does and reverse engineer from there. __________________ Submit: OutlawFreePorn

2008-01-30, 03:27 AM	#3
Element115 I'm going to the backseat of my car with the woman I love, and I won't be back for TEN MINUTES Join Date: Dec 2007 Posts: 86	Can I make it work by just adding the banner into the header.php and just modifying the CSS or do I actually need to define it as a div tag in the css?

2008-01-31, 08:17 PM	#5
Element115 I'm going to the backseat of my car with the woman I love, and I won't be back for TEN MINUTES Join Date: Dec 2007 Posts: 86	Ok, thanks I'll try it out. I'm working on a new blog and decided to build the theme from scratch to get a little more used to working with php and style sheets. With that site I just tweaked a theme I found, but building one from the ground up is helping a lot and once I get a better grasp on it I'll go back and do this. I may go back and redesign the theme for this blog completely some day, but the thought of that makes me kind of nervous right now lol.

2008-02-03, 05:23 PM	#7
Element115 I'm going to the backseat of my car with the woman I love, and I won't be back for TEN MINUTES Join Date: Dec 2007 Posts: 86	Thanks man! I'll give it a shot. I kind of put it on the back burner for now cause I've been busy with other projects, but I still would like to stick a banner in there

2008-02-05, 02:30 AM	#9
Element115 I'm going to the backseat of my car with the woman I love, and I won't be back for TEN MINUTES Join Date: Dec 2007 Posts: 86	Yeah, checking it in all browsers is the part that fucks me over every time. Internet Explorer just needs to fucking die already.

2008-02-05, 04:31 AM	#10
papagmp That'll teach you to leave your sister unattended..... Join Date: Jan 2007 Location: Colorado Springs Posts: 1,803	Hell - on my machine IE dies all the time - that's why I use FF most of the time. __________________ Submit: OutlawFreePorn

2008-02-05, 04:41 AM	#11
Element115 I'm going to the backseat of my car with the woman I love, and I won't be back for TEN MINUTES Join Date: Dec 2007 Posts: 86	lol. If only the rest of the world would smarten up maybe Microsoft would just give up on it. Of course, that may be a bad thing cause then they'll just fucking buy Firefox for 44 billion and fuck that up too =/