fresh108Hi, Im using the "video games photos" theme. As you can see it's really dull, so I've made my own header which I want on top of the current one.
How would I do this?
Thanks guys.
css:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
margin: 0px;
padding: 0px;
background: url(images/header-line.gif) repeat-x top;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica;
}
h1.title {
color:#24282c;
font-size:16px;
border-bottom:1px solid #5b5e61;
width:560px;
margin-top:0;
}
#wrapper {
width: 951px;
margin: 0px auto;
}
#main-title {
font-size: 25px;
line-height: 30px;
text-transform: capitalize;
color: #000000;
}
#header {
float: left;
height: 43px;
width: 951px;
margin-bottom: 8px;
}
.top-header-ads {
text-align: center;
margin: 0px;
padding: 8px 0px 0px 0px;
float: left;
width: 951px;
}header.php
<!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>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!--[if IE 5.5]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/styleie55.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/styleie6.css" />
<![endif]-->
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/tabs.js"></script>
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="header">
<div id="navigation">
<ul class="page_navigation">
<li id="<?php if (is_home()) { ?>home<?php } else { ?>page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>" title="Home">Home</a></li><?php wp_list_pages('title_li=&depth=1'); ?></ul>
</div>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<div class="top-header-ads">
<img src="<?php bloginfo('template_directory'); ?>/images/adsense3.jpg" alt="ad" />
</div>
<div id="content">