Adding Advertising Widget Next To Banner

[cnredd]

I cropped my banner to create a space in the upper far right so I can include a 200X200 advertising widget.

The widget itself has been copied to the server. Now how do I get it up in that space?

Thanks...

[Trevor Hannant]

If you edit the header template, you can add the code there

[cnredd]

If you edit the header template, you can add the code there

Thanks...

Can you be more specific?...

The widget will be named "PoliticalWrinkles.docx"

[Trevor Hannant]

A .docx file? Aren't those Word files? And what if a user doesn't have word and visits your site? What you really want to do is make your ad an image so you can put it in there and all users will eb able to see it

[cnredd]

A .docx file? Aren't those Word files? And what if a user doesn't have word and visits your site? What you really want to do is make your ad an image so you can put it in there and all users will eb able to see it

Sorry...Wrong file...

"LS.Widget200x200.htm"

[cnredd]

Here's the code...I need to know where to place it so it ends up in that space to the right of the banner in the original post picture...

<-- Living Senior -->
<script src="http://www.livingsenior.com/widgets/resources/widget2.js" type="text/javascript"></script>
<table width="200" border="0" cellpadding="0" cellspacing="0" style="margin:0;padding:0px;">
<tr>
<td colspan="3"><img src="http://www.livingsenior.com/widgets/200x200/images/border_top_logo.png" width="200" height="52" border="0" /></td>
</tr>
<tr>
<td width="1" bgcolor="#7cb32e"><img src="http://www.livingsenior.com/widgets/200x200/images/nada.gif" width="1" height="1" border="0" /></td>
<td width="198" align="center">
<table width="198" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center">
<input
type="text" id="txtZip" style="font-size:9px;"
onblur="if (this.value == '') {this.value = 'Current Zip Code';}"
onfocus="if (this.value == 'Current Zip Code') {this.value = '';}"
onchange="setSearchLink('1053');"
value="Current Zip Code" size="11" />
</td>
<td colspan="2" width="85"><a id="searchProvider" href="http://seniorcare.livingsenior.com/?img=7&a=1&cid=1053"><img src="http://www.livingsenior.com/widgets/200x200/images/button_continue.png" width="85" height="22" border="0" /></a></td>
</tr>
<tr>
<td><input type="radio" name="group1" value="1" onchange="setSearchLink('1053');"></td>
<td align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">Not Sure / All</td>
<td><input type="radio" name="group1" value="N" onchange="setSearchLink('1053');"></td>
<td align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">Nursing Homes</td>
</tr>
<tr>
<td><input type="radio" name="group1" value="A" onchange="setSearchLink('1053');"></td>
<td align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">Assisted Living</td>
<td><input type="radio" name="group1" value="H" onchange="setSearchLink('1053');"></td>
<td align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">In-Home Care</td>
</tr>
<tr>
<td><input type="radio" name="group1" value="D" onchange="setSearchLink('1053');"></td>
<td align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">Hospice</td>
<td><input type="radio" name="group1" value="M" onchange="setSearchLink('1053');"></td>
<td align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">Memory Care</td>
</tr>
<tr>
<td><input type="radio" name="group1" value="R" onchange="setSearchLink('1053');"></td>
<td colspan="3" align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">Retirement Communities</td>
</tr>
<tr>
<td><input type="radio" name="group1" value="G" onchange="setSearchLink('1053');"></td>
<td colspan="3" align="left" style="font-family: Arial; font-size: 70%; color: #004662; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; line-height:11px;">Residential Care</td>
</tr>
<tr>
<td colspan="4" align="center" style="font-family: Arial; font-size: 70%; color: #484848; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 2px; line-height:10px;">
<a href="http://www.livingsenior.com" style="color:#004662"><span style="color:#004662"><strong>Senior Care</strong></span></a> Search<br>Powered by LivingSenior</td>
</tr>
</table>
</td>
<td width="1" bgcolor="#7cb32e"><img src="http://www.livingsenior.com/widgets/200x200/images/nada.gif" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.livingsenior.com/widgets/200x200/images/border_bottom.png" width="200" height="5" border="0" /></td>
</tr>
</table>
<!-- Living Senior -->

[cnredd]

Here's the code...I need to know where to place it so it ends up in that space to the right of the banner in the original post picture...

I'm getting close...I have the widget with the banner, but it's under the banner and not next to it...



Any help?...

[Trevor Hannant]

Would be easier to see it in situ...

[cnredd]

Would be easier to see it in situ...

Did you check out the pic I posted in post #7?...

I have the widget under the banner instead of to the right...I need to know how to get it there...

[Trevor Hannant]

Seeing it on your site so we can take a full look at the code there and around it rather than snippets and screenshots would be far easier

[cnredd]

Seeing it on your site so we can take a full look at the code there and around it rather than snippets and screenshots would be far easier

OK...I put the code back in...If you go to http://politicalwrinkles.com and use the "Default style" instead of the "Political Wrinkles" style, you can where the widget is underneath the banner instead of to the right, where it should be...

[eJM]

You have a couple of problems.

• Your header banner is not 200px high (it's 126px), so the 200x200 ad you want to place will throw the layout off.
• Your forum width is flexible, so there will be empty space on either side of the ad when the width of the browser window is more than 1107 and the ad will overlap the header image when the browser window is smaller than that.

My suggestion is to go ahead and leave your forum width flexible, but make sure the combination of your header image and your ad is no more than 960px wide and both have to be the same height. You can do this by setting a background image on <body> that is the faded blue sky and repeating it left to right (this would be an image only 3x200px).

Then you have your header image aligned to the left edge of your forum. That image can only be 760x200px. Now your ad will fit to the right of your header image and they will both be 200px high and a combined width of 960px. When the browser window is wider, the blue sky will fill the left and right sides. Some people still use smaller screen resolutions or browser windows, but your header will fit most, as long as the browser window is 1024 or wider.

The image examples below are very rudimentary - I just wanted to give you an idea what they'd look like.




To insert the ad code, go to the ad_header_logo template and put all of your widget code in there.

That's the basics. If it were mine, I would make the images a little different. Same design, but the sky would be separated from the rest and the lightest part at the bottom would extend all the way to the bottom of the page. See the background of my own forum as an example (link in my sig). The rest of the image would be a transparent PNG and the height would be enough to have it float behind the navbar. I'd also get rid of most of the stock vB icons and use something specific to your website style.

Jim

[cnredd]

eJM(Jim),

I reshaped the banner to 758x200.

I then removed the widget code from the header template and put it in the ad_header_logo template.

The reshaped banner shows up but the widget doesn't.

[eJM]

I reshaped the banner to 758x200.

You just cropped my "rudimentary" image. Don't use that image, it's ugly as sin. It's a friggin' patchwork quilt of bits and pieces of the images I found on your site and PhotoBucket. If you didn't create that image, then ask the person who did to provide you with a properly sized rendition. Or at least give the source image (if it was made with PhotoShop, then it would be the .PSD file) to someone who can do it.

I then removed the widget code from the header template and put it in the ad_header_logo template.

I don't see your widget code in the source code for either style you can select on your site. Are you sure you put the code in the ad_header_logo template for the correct style?

And why are you using such old versions of vBulletin and vBSEO? You should upgrade before you do anything else.

Jim

[cnredd]

You just cropped my "rudimentary" image. Don't use that image, it's ugly as sin. It's a friggin' patchwork quilt of bits and pieces of the images I found on your site and PhotoBucket. If you didn't create that image, then ask the person who did to provide you with a properly sized rendition. Or at least give the source image (if it was made with PhotoShop, then it would be the .PSD file) to someone who can do it.

Here's the original banner...

I don't see your widget code in the source code for either style you can select on your site. Are you sure you put the code in the ad_header_logo template for the correct style?

Yup...This picture shows it...

And why are you using such old versions of vBulletin and vBSEO? You should upgrade before you do anything else.

Jim

My host server doesn't have the requirements, and upgrading is too much for someone in my financial situation right now.