Trying to add a "728x90" Clickable Banner Ad but I Don't Understand PHP/CSS?!?!?!?

**breakdance** · 06-03-2010 07:21 AM

Hey Mr. James, I've been trying to get a banner ad to display in the top-right of the header, as the theme on my new site supports a "728x90" banner ad in the header.

...However, I don't know ANYTHING about PHP/CSS, as I tried "editing" the "header" file (in my theme's template), but I didn't get any results. Here goes the code for the "header.php" file:

Code:

<!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">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php if(function_exists("UTW_ShowTagsForCurrentPost")) : ?>
<?php bloginfo('name'); ?>
<?php if ( is_single() ) { ?>
: Blog Archive
<?php } ?>
<?php if (is_tag()) { echo ' : '; UTW_ShowCurrentTagSet('tagsettextonly'); } ?>
<?php wp_title(':'); ?>
<?php else: ?>
<?php wp_title(); ?>
<?php bloginfo('name'); ?>
:
<?php bloginfo('description'); ?>
<?php endif; ?>
</title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats -->
<meta name="keywords" content="free wordpress theme, free plugins" />
<meta name="designer" content="Tomas Sramek" />
<meta name="support" content="http://www.wordpressmania.org" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="header">  
  <div id="header2">
  	<div class="logo">
  <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  <span style="font-size:12px;"><?php bloginfo('description'); ?></span></div>
    <div class="banner_728x90">  
	<!-- <a href=""><img src="<?php bloginfo('stylesheet_directory');?>/images/ad-728x90.jpg" alt="" border="0" /> </a> -->
 </div>
  </div>
  <div id="header1">
    <div id="top-menu">
      <ul>
        <li <?php if ( is_home() || is_category() || is_archive() || is_search() || is_single() || is_date() ) { echo ' class="current_page_item"'; } ?>><a href="<?php echo get_settings('home'); ?>">Home</a></li>
        <?php wp_list_pages('title_li='); ?>
      </ul>
    </div>
    <!--end of main_menu-->
    <div id="search_box">
      <form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <input name="s" type="text" id="search_field" value="<?php the_search_query(); ?>"/>
        <input name="search" type="image" src="<?php bloginfo('stylesheet_directory');?>/images/search.gif" class="search_button" alt="search" />
      </form>
    </div>
  </div>
  <!--end of header1-->
  <!--<div class="banner_960x100"> </div>  -->
  <?php /*?><div class="sign_up_320x120">
  <a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('stylesheet_directory');?>/images/sign_up_320x120.gif" alt="feeds" border="0" />  </a>
   </div><?php */?>
  
  
</div>

Also, here goes the information needed for the "style.css", if any of you guys may need it to help me:

Code:

/*
Theme Name: Sidon
Theme URI: http://www.sramekdesign.com/portfolio/themes/Sidon/
Description: 3 column AdSense ready theme, 2 columns widget ready developed by <a href="http://www.sramekdesign.com">Sramek Design</a>. Added nested comments support & dropdown menu.
Author: Tomas Sramek
version: 1.4.2
Author URI:http://www.SramekDesign.com
tags: blue, white, three-columns, fixed-width, threaded-comments
*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; color: #000000; background-color: #FFFFFF; margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.alignleft { text-align: left; float: left; margin-right: 8px; margin-top: 5px; }
.alignright { text-align: right; float: right; margin-top: 5px; margin-left: 8px; }
.aligncenter { text-align: center; clear: both; margin-right: 5px; }
img { margin: 0px; float: left; padding-right: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
.justify { text-align: justify; }
#wrapper { width: 962px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #FFFFFF; }
#container { margin: 0px; border-left: #000000 solid 1px; border-right: #000000 solid 1px; border-color: #FFFFFF; float: left; width: 960px; background-color: #FFFFFF; /*farba pozadia*/ }
#header { width: 960px; float: left; }
#header1 { /*modra lista s main menu a search form*/ width: 960px; height: 50px; float: left; padding-top: 0px; background-color: #151515; background-image: url(images/main_menu.gif); background-repeat: no-repeat; }
#main_menu { /*hlavne menu v headeri*/ width: 630px; height: 36px; float: left; padding-top: 2px; padding-left: 10px; }
#main_menu a { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; }
#main_menu ul { width: 600px; float: left; text-align: left; list-style-type: none; line-height: 36px; margin: 0px; padding: 0px; }
#main_menu li { width: auto; float: left; margin-right: 0px; margin-left: 0px; display: inline; font-size: 1.4em; line-height: 36px; padding-left: 6px; padding-right: 6px; }
#main_menu a:link, #main_menu a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; height: 36px; line-height: 36px; }
#main_menu a:hover, #main_menu a:active { color: #FFFFFF; /*background-image: url(images/main_menu_hover.gif);
	background-repeat:repeat-x;*/ text-decoration: underline; font-weight: bold; height: 36px; line-height: 36px; }
#main_menu ul li.current_page_item a{ text-decoration: underline; }


#search_box { float: right; width: 260px; height: auto; margin: -30px 0 0 0; z-index:9999; position:relative; }
#search_box form { float: left; width: 260px;  }
#search_field { background: none; color: #000033; font-style: italic; font-weight: bold; background-repeat: no-repeat; width: 205px; float: left; border: none; margin-top:2px; }
.search_button { float: right; margin: 0px; padding-top: 0px; padding-right: 17px; }
#header2 { /*podklad adsense_468x60 a logo_theme*/ width: 960px; height: 100px; float: left; padding-top: 0px; background-color: white; background-repeat: no-repeat; }
.banner_468x60 { /*adsense banner*/ width: 468px; height: 60px; float: right; padding-top: 20px; padding-right: 0px; }
.banner_728x90 { /*adsense banner*/ width: 728px; height: 90px; float: right; padding-top: 5px; padding-right: 0px; }
.logo_theme { /*logo_theme*/ width: 200px; height: 60px; float: left; padding-top: 7px; padding-left: 0px; background-color: red; }
.logo{ float: left; width: 230px; height: 90px; padding: 10px 0 0 0; }
.logo h1{ font-size: 20px; }
.logo h1 a{ color:#0066FF;}
/*content*/                                                                        /*content*/
#content { margin: 0px; padding: 0px; float: left; width: 960px; position: relative; }
#footer { float: left; width: 960px; background-image: url(images/footer.gif); background-repeat: no-repeat; background-position: center top; height: 36px; padding-bottom: 0px; }
.footer_links { margin: 0px; float: left; width: 950px; padding-right: 5px; padding-left: 5px; line-height: 36px; height: 36px; font-size: 11px; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; }
.footer_links a:link, .footer_links a:visited { color: #FFFFFF; text-decoration: none; border-bottom: #0066FF dotted 1px; }
.footer_links a:hover, .footer_links a:active { color: #FFFFFF; text-decoration: underline; }
.articles { float: right; width: 960px; position: relative; }
#post { float: left; width: 620px; position: relative; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; overflow: hidden; }
#sidebar { float: right; width: 320px; margin-top: 15px; padding-right: 0px; padding-left: 0px; padding-bottom: 20px; background-color: #FFFFFF; }
.ad_box{ float: left; width: 310px; padding-right: 0px; padding-left: 10px; background-color: #EEEEEE; }
.ad_box img{ float: left; width: 125px; height: 125px; margin: 10px; }
.left_col { float: left; width: 155px; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 10px; background-color: #F4F4F4; }
.right_col { float: left; width: 150px; padding-left: 5px; padding-right: 0px; padding-bottom: 10px; }
#content h1 a:link, #content h1 a:visited { text-decoration: none; color: #003399; }
#content h1 a:hover, #content h1 a:active { text-decoration: underline; color: #003399; }
#content .left_col h2 { float: left; width: 145px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1px; padding: 0px; padding-left: 10px; padding-top: 0px; font-size: 1.5em; line-height: 1.7em; color: #FFFFFF; background-image: url(images/sipka3_right.gif); background-repeat: no-repeat; background-position: left 2px; }
#content .right_col h2 { float: left; width: 150px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; padding: 0px; padding-left: 10px; padding-top: 0px; font-size: 1.5em; line-height: 1.7em; color: #FFFFFF; background-image: url(images/sipka3_right.gif); background-repeat: no-repeat; background-position: left 2px; }
#content h1 { font-size: 2.0em; }
#content h2 { font-size: 1.8em; }
#content h3 { font-size: 1.6em; }
#content h4 { font-size: 1.4em; }
#content h5 { font-size: 1.2em; }
#content h6 { font-size: 1.0em; }
/*meta*/                                                                        /*meta*/
.meta { float: left; width: 100%; margin: 0px; color: #003399; line-height: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; }
.meta a:link, .meta a:visited { color: #003399; text-decoration: none; }
.meta a:hover, .meta a:active { color: #003399; text-decoration: underline; }
.date_box { background: url(images/date_box_bg.gif); background-repeat: no-repeat; height: 54px; margin: 0px; margin-bottom: 0px; width: 54px; text-align: center; float: right; margin-top: 15px; }
.date_box .year { display: block; color: #D5EAFF; padding: 2px 0px; text-align: center; text-transform: uppercase; font-size: 10px; margin-top: 4px; font-weight: bold; margin-bottom: 3px; }
.date_box .day { display: block; color: #FFFFFF; font-size: 20px; font-weight: bold; padding-top: 0px; text-align: center; margin-top: -10px; }
.date_box .month { display: block; color: #D5EAFF; padding: 2px 0px; padding-bottom: 5px; text-align: center; text-transform: uppercase; font-size: 10px; margin-top: -6px; font-weight: bold; margin-bottom: 5px; }
.info_box{ float: left; width: 560px; margin-bottom: 15px; padding-top: 0px; margin-left: 0px; margin-right: 0px; }
.post_banner { float: left; width: 560px; margin: 0px; color: #FFFFFF; background-image: url(images/post_banner.gif); background-repeat: no-repeat; height: 19px; padding-top: 0px; padding-bottom: 0px; background-position: center; line-height: 19px; }
.post_banner a:link, .post_banner a:visited { color: #FFFFFF; text-decoration: none; }
.post_banner a:hover, .post_banner a:active { color: #FFFFFF; text-decoration: underline; }
.author { float: left; padding-left: 5px; }
.comment { float: right; padding-right: 5px; }
.category{ float: left; width: 100%; margin: 0px; color: #000000; line-height: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; }
.category a:link, .category a:visited { color: #003399; text-decoration: none; }
.category a:hover, .category a:active { color: #003399; text-decoration: underline; }
/* post_content */                                                                 /* post_content */
.post_content { float: left; width: 100%; padding-top: 10px; padding-bottom: 20px; line-height: 20px; color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.post_content a:link, .post_content a:visited { color: #003399; text-decoration: none; }
.post_content a:hover, .post_content a:active { color: #003399; text-decoration: underline; }
.post_content p { margin-top: 8px; margin-bottom: 0px; }
.post_content blockquote { display:block; width:70%; padding-left:10px; border-left:1px dotted black; }
.post_content code { font-family: "Courier New", Courier, monospace; line-height: 20px; color: #666666; background-color: #F8f8f8; font-size: 11px; }
.post_content { margin: 0px 0 0px 0; font-size: 1.2em; }
.post_content p{ padding: 5px 0 5px 0; }
.post_content ul { padding: 5px 0 5px 30px; }
.post_content ol { padding: 5px 0 5px 33px; }
.post_content img { margin: 5px 5px 5px 5px; }
.post_content table{ border-bottom: 3px solid #DDD; border: 1px solid #0080ff; }
.post_content table td,
.post_content table th{ text-align: left; padding: .2em .4em; border-top: 1px solid #0080ff; border-right: 1px solid #0080ff; }
.post_content table th{ background: #d9ecff; border-bottom: 2px solid #0080ff; }
.post_content table tr.odd{ background: #ebebeb; }
#post_navigator { float: left; width: 440px; font-size: 14px; line-height: 40px; color: #FFFFFF; font-weight: bold; height: 40px; }
#post_navigator a:link, #post_navigator a:visited { color: #003399; text-decoration: none; }
#post_navigator a:hover, #post_navigator a:active { color: #003399; text-decoration: none; }
.post_tag { float: left; width: 100%; margin: 0px; color: black; line-height: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 11px; width: 100%; }
.post_tag a:link, .post_tag a:visited { color: #003399; text-decoration: none; }
.post_tag a:hover, .post_tag a:active { color: #003399; text-decoration: underline; }
/*sidebar*/                                                                /*sidebar*/
.widget { text-align: left; margin: 0px; padding: 0px; float: left; width: 90%; list-style-type: none; }
.widget li { float: left; width: 100%; padding: 0px; text-align: left; font-size: 11px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; line-height: 15px; }
.widget li a:link, .widget li a:visited { padding-left: 10px; color: #000000; text-decoration: none; /*background-image: url(images/sipka.gif);
	background-repeat: no-repeat;
	background-position: left 2px;*/ display: block; }
.widget li a:hover, .widget li a:active { padding-left: 10px; color: #000000; text-decoration: underline; /*background-image: url(images/sipka.gif);
	background-repeat: no-repeat;
	background-position: left 2px;*/ display: block; }
.widget ul { text-align: left; margin: 0px; padding: 0px; float: left; width: 100%; list-style-type: none; }
.widget ul li { float: left; width: 100%; padding: 0px; text-align: left; font-size: 11px; line-height: 18px; margin: 3px 0px 0px; }
.widget ul li ul { margin:0 0 0 10px;}
/* calendar */                                                                             /* calendar */
#wp-calendar { empty-cells: show; width: 80%; font-size: 11px; color: #000000; text-decoration: none; text-align: center; float: left; padding: 0px; margin: 10px 0px 0px; }
#wp-calendar a:link, #wp-calendar a:visited { text-decoration: none; color: #003399; font-weight: bold; }
#wp-calendar a:hover, #wp-calendar a:active { text-decoration: underline; color: #003399; font-weight: bold; }
#wp-calendar caption { text-align: left; width: 80%; margin: 0px; color: #000000; font-size: 1.4em; padding: 0px; font-weight: bold; font-family: "Futura LT Book"; }
#wp-calendar th { margin: 0px; padding: 0px; text-align: center; }
#wp-calendar #next a { text-align: left; color: #003399; text-decoration: none; float: right; padding-top: 10px; }
#wp-calendar #prev a { text-align: center; color: #003399; text-decoration: none; float: left; padding-top: 10px; }
#wp-calendar td { margin: 0px; padding: 0px; text-align: center; }
#wp-calendar tf { margin: 0px; padding: 0px; }
/*********************/
/*  C O M M E N T S  */
/*********************/

/*form*/
#commentform { width: 70%; margin: 0 0 0 40px; }
#commentform input { width: 120px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 20px 0; float: right; }
.alt { margin: 0; padding: 10px; }
h3#comments,
#respond h3 { font-size: 1.4em; margin: 10px 30px 10px 20px; }
#commentform p { margin: 5px 0; }
/*comments*/                                                                        /*comments*/
ol.commentlist { width: 600px; list-style: none; margin: 0 auto 0 auto; padding: 0; }
ol.commentlist li { border: 1px solid #d5d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 10px; padding: 5px 7px 5px 64px; position: relative; background: white; }
ol.commentlist li.bypostauthor {background-color:#d9ecff;}/*admin's comment*/
ol.commentlist li.byuser {}
ol.commentlist li.pingback comment-author { padding: 0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style: normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color: #cc0000; text-decoration: none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color: #000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border: 1px solid #aaa; padding: 5px; position: absolute; left: 7px; _left: -57px; top: 7px; }
ol.commentlist li div.comment-meta { font-weight: bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position: absolute; right: 10px; text-align: right; top: 5px; }
ol.commentlist li div.comment-meta a { color: #205B87; text-decoration: none; }
ol.commentlist li p { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin: 5px 0 12px; }
ol.commentlist li ul { font-weight: normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style: square; margin: 0 0 12px; padding: 0; }
ol.commentlist li div.reply { background: #999; border: 1px solid #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; font: bold 9px/1 helvetica,arial,sans-serif; padding: 6px 5px 4px; text-align: center; width: 36px; }
ol.commentlist li div.reply:hover { background: #cc0000; border: 1px solid #cc0000; }
ol.commentlist li div.reply a { color: #fff; text-decoration: none; text-transform: uppercase; }
ol.commentlist li ul.children { list-style: none; margin: 12px 0 0; text-indent: 0; }
ol.commentlist li ul.children li.depth-2 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-6 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-7 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-8 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-9 { margin: 0 0 3px; }
ol.commentlist li ul.children li.depth-10 { margin: 0 0 3px; }
ol.commentlist ul.children li.even { background: white; }/*2nd,4th,6th etc..*/
ol.commentlist ul.children li.odd { background: white; }/*3rd,5th,6th etc..*/
ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0; }
#post h2.search{ font-size: 16px; width: 100%; height: 20px; display: block; clear: both; }

/*********************/
/*dropdown menu*/
/*********************/
#top-menu { width:auto; height:32px; position:relative; margin:-2px 0 0 -30px; z-index:100; font-family:arial, sans-serif;}

#top-menu ul {list-style-type:none;}
#top-menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#top-menu li {float:left;width:149px;position:relative;}

#top-menu ul li{ width:auto;}

/* the links for the 1st level ****/
#top-menu a,
#top-menu a:visited {display:block;font-size:14px;text-decoration:none; color:white; width:auto; height:30px; padding:0 10px 0 10px; line-height:29px; font-weight:bold;}
#top-menu li a:link,
#top-menu li a:visited,
#top-menu li a:hover,
#top-menu li a:active{ border-width:0px 0px 0px 1px;}
#top-menu li:first-child a{ border-width:0px 0px 0px 0px;}

/*current*/
#top-menu li.current_page_ancestor a{ text-decoration:underline;}

#top-menu li.current_page_item a,
#top-menu ul ul li.current_page_item a,
#top-menu ul ul ul li.current_page_item a,
#top-menu ul ul ul ul li.current_page_item a { text-decoration:underline;}

#top-menu ul li.current_page_parent a,
#top-menu ul ul li.current_page_parent a,
#top-menu ul ul ul li.current_page_parent a,
#top-menu ul ul ul ul li.current_page_parent a,
#top-menu ul ul ul ul li.current_page_ancestor a { text-decoration:underline;}

/* the 4th level****/
#top-menu ul ul ul ul a:link,
#top-menu ul ul ul ul a:visited {background-color:blue;}
/* the 4th level hover ****/
#top-menu ul ul ul ul a:hover {background-color:blue;}

/* the 3rd level****/
#top-menu ul ul ul a:link,
#top-menu ul ul ul a:visited {}
/* the 3rd level hover ****/
#top-menu ul ul ul a:hover,
#top-menu ul ul ul a:active {text-decoration:underline;}

/* hide the sub levels and positioning */
#top-menu ul ul,
#top-menu ul ul ul,
#top-menu ul ul ul ul {visibility:hidden; position:absolute; height:0; top:28px;left:-40px; width:149px;}

/*POSITION*/
/* position the 4th level flyout menu ****/
#top-menu ul ul ul ul{left:149px; top:-1px; width:149px;}

/* position the 3rd level flyout menu ****/
#top-menu ul ul ul{left:109px; top:0px; width:149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
#top-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/*END OF POSITION*/

/* the 2nd level links ****/
#top-menu ul ul a:link,
#top-menu ul ul a:visited {color:white; height:auto; line-height:1em; padding:5px 10px; width:128px; border-width:0 1px 1px 1px; }

/* the 1st level hover ****/
#top-menu a:hover,
#top-menu ul ul a:hover{color:white; text-decoration:underline;}
#top-menu :hover > a,
#top-menu ul ul :hover > a{color:white; text-decoration:underline;}

/*VISIBILITY*/
/* make the 2nd level visible when hover on 1st level list OR link */
#top-menu ul li:hover ul,
#top-menu ul a:hover ul{visibility:visible; }

#top-menu ul ul,
#top-menu ul ul ul{ display:block; width:149px; height:auto; background:url(images/bg-menu.png) no-repeat bottom;}

/* keep the 3rd level hidden when you hover on 1st level list OR link */
#top-menu ul :hover ul ul{visibility:hidden;}
/* make the 3rd level visible when you hover over 2nd level list OR link */
#top-menu ul :hover ul :hover ul{ visibility:visible;}

/* keep the 4th level hidden when you hover on 2nd level list OR link */
#top-menu ul ul :hover ul ul{visibility:hidden !important;}
/* make the 4th level visible when you hover over 3rd level list OR link */
#top-menu ul ul ul :hover ul{visibility:visible !important;}

/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }

The theme I'm trying to create a clickable banner ad on (that links to an affiliate product) is here:

Themes | Free theme Sidon

...Anyways, I hope that one of you guys may be able to help me out with what I'm trying to do! For instance and as an example, I tried to implement this code right here into the PHP information, even though it didn't work, LOL:

<a href="http://kuhdi.com/click/?s=119834&c=76487"><img src="http://kuhdi.com/images/3046-76487-728x90.gif?s=119834" style="width: 728px; height: 90px; border: 0px;"/></a>

THANKS!

**James Stein** · 06-03-2010 04:15 PM

On your theme Joshua the banner is commented out, meaning it will not show...

PHP Code:


<!-- <a href=""><img src="<?php bloginfo('stylesheet_directory');?>/images/ad-728x90.jpg" alt="" border="0" /> </a> -->

The line should be replaced with the following

PHP Code:



<a href="http://www.mysite.com"><img src="<?php bloginfo('stylesheet_directory');?>/images/ad-728x90.jpg" alt="" border="0" /> </a>

James

**breakdance** · 06-03-2010 07:39 PM

Originally Posted by James Stein

On your theme Joshua the banner is commented out, meaning it will not show...

PHP Code:


<!-- <a href=""><img src="<?php bloginfo('stylesheet_directory');?>/images/ad-728x90.jpg" alt="" border="0" /> </a> -->

The line should be replaced with the following

PHP Code:



<a href="http://www.mysite.com"><img src="<?php bloginfo('stylesheet_directory');?>/images/ad-728x90.jpg" alt="" border="0" /> </a>

James

Thanks Mr. James, I tried what you said and it worked!

**James Stein** · 06-03-2010 07:46 PM

Another satisfied "freebie" customer .... LOL!!!!

Seriously glad to help Joshua.. Always keep in mind those <-- are comments and when used they info inside them do not show on the site although it may be in the html..

James

Originally Posted by breakdance

Thanks Mr. James, I tried what you said and it worked!

**breakdance** · 06-03-2010 08:16 PM

Originally Posted by James Stein

Another satisfied "freebie" customer .... LOL!!!!

Seriously glad to help Joshua.. Always keep in mind those <-- are comments and when used they info inside them do not show on the site although it may be in the html..

James

Hey Mr. James, how long did it take for you to learn PHP/CSS programming, and how hard was the process?

**James Stein** · 06-03-2010 08:27 PM

Well Php has only been around like 8 years now I think it is.. CSS is not that old either... But I started with AOL Press 1.2 which was an html editor back in the early 80's.. After playing with it for about 6 months I started coding everything in simpletext (that's notepad for you window users)..

Php and css can get complex and takes some time to learn but unless you really plan on building sites for a living (which I do not recommend) then it would only be useful to know the basics... Everything else complex you can always hire a professional ...

I am self taught but some have went to school and wasted their money... lol

James

Originally Posted by breakdance

Hey Mr. James, how long did it take for you to learn PHP/CSS programming, and how hard was the process?

Thread: Trying to add a "728x90" Clickable Banner Ad but I Don't Understand PHP/CSS?!?!?!?

LinkBack

Thread Tools

Display

Trying to add a "728x90" Clickable Banner Ad but I Don't Understand PHP/CSS?!?!?!?

The Following User Says Thank You to James Stein For This Useful Post:

The Following User Says Thank You to James Stein For This Useful Post:

The Following User Says Thank You to James Stein For This Useful Post:

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions