css yi ve o bölümün kodunu yolla yapabileceğimiz bişey varsa yapalım.
css nin ilgili kısmı
body {
background: url(images/bg.gif) repeat;
margin: 0;
padding: 0;
font: 10pt verdana, arial, helvetica, sans-serif;}
#wrapper {
width: 870px;
height: 100%;
margin: 0 auto;}
#header {
clear: both;
width: 870px;
background: url(images/header.jpg) no-repeat;
height: 213px;}
#bg {
float: left;
width: 870px;
height: 100%;
background: #F9FAF5;}header.php dosyası
<!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>
<title><?php wp_title(''); ?><?php if(wp_title(' ', false)) { echo ' | '; } ?><?php bloginfo('name'); ?></title>
<META name="Description" content="<?php wp_title(); ?>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="verify-v1" content="Rj15EArYr1NaXvNn/lTyfo/unTlsD4xbRYnsZCLHdnY=" />
<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'); ?>" />
<script language= "JavaScript">
if (top.frames.length!=0)
top.location=self.document.location;
</script>
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="navbar">
<div class="menu">
<ul>
<li class="home"><a href="<?php bloginfo('home'); ?>/">Anasayfa</a></li>
<?php wp_list_pages('title_li=0&depth=1'); ?>
</ul>
</div>
</div>
<h1><a class="mainlink" href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div align="center">
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="partner-pub-9354331168447229:q1rmil-wf7k" />
<input type="hidden" name="ie" value="ISO-8859-9" />
<input type="text" name="q" size="45" />
<input id="searchsubmit" style="width: 40px;" class="button" value="Ara" type="submit">
</div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=tr"></script>
<script type="text/javascript"><!--
google_ad_client = "pub-9354331168447229";
/* 728x15, oluşturulma 01.04.2010 */
google_ad_slot = "6091437242";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<div id="bg">