7
●2.026
<?php
/*------------------------------------------------------------------------
# WordPress Christmas Theme - December 2008
# ------------------------------------------------------------------------
# Copyright (C) 2008 instantShift. All Rights Reserved.
# @license - WordPress Christmas Theme is available under the terms of the GNU General Public License.
# Author: instantShift.com
# Websites: http://www.instantshift.com
-------------------------------------------------------------------------*/
?>
<!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'); ?>" />
<title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<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="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<!--[if lte IE 7]><link href="<?php bloginfo('stylesheet_directory'); ?>/css/iehacks.css" rel="stylesheet" type="text/css" /><![endif]-->
<script language="javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/mootools.js" type="text/javascript"></script>
<!--[if lt IE 7]><script language="javascript" defer src="<?php bloginfo('stylesheet_directory'); ?>/js/ie6fix.js" type="text/javascript"></script><![endif]-->
</head>
<body id="page" class="font-medium width-wide">
<div id="home">
<!-- wpr Start -->
<div class="wpr floatholder">
<div class="wpr-t">
<div class="wpr-b">
<div class="wpr-l">
<div class="wpr-r">
<div class="wpr-tl">
<div class="wpr-tr">
<div class="wpr-bl">
<div class="wpr-br">
<!-- Header Start -->
<div id="header">
<!-- RSS Link -->
<!-- Logo Start -->
<a href="<?php echo get_option('home'); ?>/"><img id="logo" class="correct-png" src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" /></a>
<!-- Logo End -->
<!-- SearchBox Start -->
<div id="searchbox">
<form method="get" id="searchform" action="<?php echo get_option('home'); ?>/" >
<ul>
<li class="searchtext"><input type="text" name="s" id="s" class="searchinput" value="Search..." onclick="if(this.value=='Search...')this.value='';" onblur="if(this.value=='')this.value='Search...';" /></li>
<li class="searchbutton"><input type="submit" id="searchsubmit" class="searchsubmit" value="" /></li>
</ul>
</form>
</div>
<!-- SearchBox End -->
<!-- Top Menu Start -->
<div id="topmenu">
<ul>
<?php wp_list_categories('sort_column=name&title_li=&depth=3'); ?>
</ul>
</div>
<!-- Top Menu End -->
</div>
<!-- Header End -->Şuan kullandığım header.php dosyasının kodları bu. Şuan kategori ve alt kategoriler yan yana sıralı bir şekilde gözükmekte..
haklısınız hocam.
#catmenucontainer{
height:29px;
background:url(images/catmenu.jpg) repeat-x;
display:block;
padding:0px 0 0px 0px;
font: 14px "Century gothic",verdana, Arial, sans-serif;
font-weight:normal;
border-top:1px solid #686D6F;
}
#catmenu ,#catmenu ul {
margin: 0px 5px;
padding: 0px;
list-style: none;
height:29px;
}
#catmenu a {
color: #999;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}
#catmenu a:hover {
background:url(images/catmenuhov.jpg) repeat-x;
color: #fff;
display: block;
text-decoration: none;
}
#catmenu li {
float: left;
margin: 0px;
padding: 0px;
}
#catmenu li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 130px;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:url(images/catmenu.jpg) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#E8EBEE;
border-bottom:1px solid #2C3133;
}
#catmenu li li a:hover, #catmenu li li a:active {
background:url(images/catmenuhov.jpg) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
border-bottom:1px solid #2C3133;
}
#catmenu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}
#catmenu li:hover ul {
left: auto;
display: block;
}
#catmenu li:hover ul, #catmenu li.sfhover ul {
left: auto;
}header.php dosyanızda bunu bulun;<!-- Top Menu Start -->
<div id="topmenu">
<ul>
<?php wp_list_categories('sort_column=name&title_li=&depth=3'); ?>
</ul>
</div>
<!-- Top Menu End -->bununla değiştirin;<div id="catmenucontainer">
<div id="catmenu">
<ul>
<?php wp_list_categories('sort_column=name&title_li=&depth=2'); ?>
</ul>
</div>
</div>style dosyası ile ilgili değişiklikler yapıldıysa artık olmuş olması gerek. iyi geceler yatsam iyi olacak artık