Advertising Layout box
David Buchanan says:
Hi Matt,
I would like to add an advertising box/column/container to my Yorktown1 layout/style in such a way as to accomplish two goals:
1) The advertising box will appear on all my Yorktown1 pages on the right side and my existing page content will remain intact and rearrange itself to the left of the box.
Here is an example page where I have designed it for one page:
http://chefs-resources.editme.com/Barracuda
2) I can modify the advertising content, images, links, etc on one sheet and have it appear on all these modified Yorktown1 pages.
I imagine #2 is the harder of the two tasks. If this is relatively easy code please give me some help. If it is complicated then please point me in the right direction by telling me what specific codes I’ll have to study.
When I actually implement this I’ll copy the existing Yorktown1, rename to whatever and make the code changes to this new page and then activate this new layout in the pages I want it to apply to. This way I could create several advertising groups (beef, fish, etc) to target specific advertisers with different content in each.
Thanks for your help Matt,
Regards,
David
Posted at 10:39 AM on December 14, 2009
David,
You can alter your site's Layout to include such a box. Assuming it's a DIV tag that you've formatted with CSS, you could use code like this to include a page into it:
<div class="adbox" editme="include 'AdBar'"/>
Pasted into your site's Layout, this will show the content of a page named "AdBar" in a box, styled with CSS class of "adbox". You'll want to create the AdBar page on your site before adding this. Any content you put in that page will be displayed in the DIV.
Hope that helps.
Cheers,
Matt
Posted at 11:23 AM on December 15, 2009
Matt,
This was a HUGE help! Thank-you. I have the advertising column up and running. Now I have a new question (it never ends!). How can I get the AdBox to fill the entire height of the page all the way to the bottom, as different pages have different heights?
http://chefs-resources.editme.com/Salmon-KingSalmon
I have tried changing the body height to 100%, the page height to 100%, and Col3 height to 100%. And I changed the table height of the AdBoxFish page to 100%.
My CSS code in a nutshell is:
On the style sheet:
div.adbox {
width: 130px;
height: 100%;
margin: 0 -4px 0 12px;
padding: 0;
border: 0;
float: right;
}
On the layout sheet:
<!-- AdBox for Fish -->
<div class="adbox" editme="include 'AdBoxFish'"/>
Posted at 11:27 AM on December 21, 2009
Dave -
Sorry, I don't have an easy fix for that. I tried to set it up using CSS columns, but wasn't able to make that work in a reasonable amount of time. If you'd like, I can have a developer look into it for you. That would be chargeable, minimum of 1 hr professional services.
Cheers,
MW
Posted at 8:58 AM on December 22, 2009
Thanks for looking at it for me. If you don't have an easy fix I know not to spend hours of trial and error only to end in frustration. I'll wait on the developer until the site starts to make a little cash.
Have a Merry Christmas Matt.
Regards,
David
Posted at 11:32 AM on December 22, 2009
Well worth reading your straight tutorial about adding an advertising box to the existing layout/style... Thanks for sharing this information. I got a chance to know about this.
Posted at 1:46 AM on January 13, 2010
For what it's worth, I'd try using javascript and setting the height of the div on page load. It might be a per page solution but you could include the script rather than adding it.
Posted at 11:58 AM on March 5, 2010
Oakden,
Do you have a sample script? I am not familiar enough w/ javascript to write it myself.
Posted at 1:17 AM on March 6, 2010