Poster Banner in Header


Author Message
Steve

Posted: 8/15/2009
Quote message 

Many of the themes from Studiopress.com many featrure a 468x60 poster banner in the header as well as the abiliity to place a similar banner at the end of each post.

Is it possible to achieve this with Artisteer, and if so how please?
 
Garry

Posted: 8/15/2009
Quote message 

There are lot of banner management plugins available for Wordpress: http://wordpress.org/extend/plugins/tags/banner
 
Steve

Posted: 8/16/2009
Quote message 

Thanks, but I don't need a banner managment plugin thanks. The banners I refer to a widget areas where adverts can be placed. Can Artisteer support the placement of say 468x60 widgets in the page header or post footer?
 
Garry

Posted: 8/16/2009
Quote message 

You can't do it with Artisteer but you can use a text widget (going appearance-> widgets) on your Wordpress admin to place your desired adds in your sidebars.
 
caz-daz

Posted: 8/17/2009
Quote message 

this cant be done in artisteer.
but with a few

css and php edits to your template
its as easy a py (pie)

im no expert at css or php im not even a novice
so if i can you can do it.

take a look at my wordpress theme on my site

http://www.bwlewis.info

if thats what you after then download the theme
and look through all the files for the changes i made
there are a few of them.

you will also need the adverts.php file
as this puts out a random banner on page view
its included in the download......

if you need help just contact me from my site
 
robert

Posted: 8/25/2009
Quote message 

I would like to know if there is a way in artisteer to create a layout similar to this theme from studiopress:

http://www.studiopress.com/demo/lifestyle.html

notice how the side bar splits into two side bars and the posts are split into two columns with thumbnails.

not to crazy about the big flash scroll below the headers but you know the idea.

any hints would be greatly appreciated!!
 
Garry

Posted: 8/25/2009
Quote message 

You can read Artisteer documentation here: http://www.artisteer.com/?p=wiki but you need practice in order to start making good designs
 
robert

Posted: 8/26/2009
Quote message 

Garry,

I did download the demo version of Artisteer and printed the user manuall and read the manual cover to cover, unless I missed it, there is nothing to explain how to break up the page the same way the studiopress (life styly theme)


 
Adam

Posted: 8/26/2009
Quote message 

How to Add 468X60 banner to header.php of Artisteer themes:

Step 1.

Paste this in header, above <div class="logo">

<div class="468">
<table style="width: 468px" cellspacing="5" align="right" cellpadding="10"">
<tr>
<td>
Step 2. PASTE 468 BANNER CODE HERE
</td>
</tr>
</table>
</div>

Step 3.

Paste this code below in style.css


}

#468, .alignright {
float:right;
padding-top:15px;
padding-right:10px;
}

(notice how I'm not asking you for a $100 like some people?)
 
Adam

Posted: 8/26/2009
Quote message 

Whoops, never mind the <div class="468"> and code code for style.css. Not needed. It is a table, not div. There are lots of ways to do it.

I have rotating ads in mine, using the WPads plugin.
 
kellygirl

Posted: 9/22/2009
Quote message 

hi all, i'm reading this with interest; but can i put a banner ad the same size of above in a joomla template?? would aprieciate someone's input. many thanks;-):-@
 
Garry

Posted: 9/22/2009
Quote message 

@Kellygirl

Following may help:

http://extensions.joomla.org/extensions/2111/details
http://extensions.joomla.org/extensions/ads-a-affiliates/banner-management
http://www.joomla-flash.com/en/blog/tags/joomla-banner-rotator/
 
mike

Posted: 10/3/2009
Quote message 

Hi,

Thanks to everyone on this thread!

Can anyone help me with Adam's code?

My Wordpress Artisteer header.php did not have a divclass=logo, so i just put above something similar... this results in a flash imbed, yes, but the header is a little messed up.

Here is the header on display:
http://www.3laptopbroadband.co.uk

Here is the code: (sorry, no attach button so u get the whole file!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
elseif (is_single() ) { single_post_title(); }
elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<table style="width: 234px" cellspacing="20" align="right" cellpadding="5"">
<tr>
<td>
<a href="http://login.3-mobile-affiliate.com/z/2094/CD664/"><img src="http://login.3-mobile-affiliate.com/42/664/2094/" alt="Mobile broadband 5gb for £15" border="0"></a>
</td>
</tr>
</table>
</div>
<div class="art-Header">
<div class="art-Header-jpeg"></div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<?php art_menu_items(); ?>
</ul>
</div>

 
Holly Powell

Posted: 12/19/2009
Quote message 

Quote Adam:

How to Add 468X60 banner to header.php of Artisteer themes:

Step 1.

Paste this in header, above <div class="logo">

<div class="468">
<table style="width: 468px" cellspacing="5" align="right" cellpadding="10"">
<tr>
<td>
Step 2. PASTE 468 BANNER CODE HERE
</td>
</tr>
</table>
</div>

Step 3.

Paste this code below in style.css


}

#468, .alignright {
float:right;
padding-top:15px;
padding-right:10px;
}

(notice how I'm not asking you for a $100 like some people?)


Adam--thank you thank you thank you...it worked like a charm. Now just have to tweak the size of my pics a bit.
 
Adam

Posted: 12/21/2009
Quote message 

You're welcome, but it is a makeshift solution at best, and may not always work (Check how it looks on different browsers and different versions of IE). Bud provides a superior solution for adding a 468X60 banner to an Artisteer theme on his page here:
http://budstechshed.com/category/artisteer/page/2/
 
Joseph

Posted: 2/7/2011
Quote message 

I used the code below and it worked perfectly.

How ever I want to add another space enter the banner to place some social network icon code, but I can not get it all to align to the right

please see site

www.redrockdirtriders.com

Quote Holly Powell:

Quote Adam:

How to Add 468X60 banner to header.php of Artisteer themes:

Step 1.

Paste this in header, above <div class="logo">

<div class="468">
<table style="width: 468px" cellspacing="5" align="right" cellpadding="10"">
<tr>
<td>
Step 2. PASTE 468 BANNER CODE HERE
</td>
</tr>
</table>
</div>

Step 3.

Paste this code below in style.css


}

#468, .alignright {
float:right;
padding-top:15px;
padding-right:10px;
}

(notice how I'm not asking you for a $100 like some people?)


Adam--thank you thank you thank you...it worked like a charm. Now just have to tweak the size of my pics a bit.