How i can add categories in header below the logo?

hi friends

how i can add categories below logo, but categories color should be like page categories (home about me contact ) similar , kindly help me

plz waiting, it is possible, if i removed feature posts. and i added categories in place of it

  1. in sidebar , text is written Advertisement here " how i should i removed it; i cann’t see in sidebar code
    thanks in advance

Sorry, I don’t use wordpress and it sounds like you are asking specific wordpress implementation questions so you’ll have to wait for a wordpress user to help.

  1. in sidebar , text is written Advertisement here " how i should i removed it; i cann’t see in sidebar code
    thanks in advance

The actual html is here as seen in view source:


<div id="body_right">
    	<div id="body_right_content">
            
            <div id="sidebar_ads"></div>
			[B]<p class="adv_here"><a href="[#](http://www.sitepoint.com/forums/view-source:http://www.smashinghub.com/#)">Advertise Here</a></p>[/B]


it is not there in sidebar page :frowning:

What page are you looking in? Have a look in

wp-content > themes > [theme name] > sidebar.php

how i can add categories below logo, but categories color should be like page categories (home about me contact ) similar

Question is not clear, sorry. :frowning:

sir
like below

i wanted to add menu … like this in replace of feature post

Do you mean you want to move the Categories from the sitebar? If you follow the link I gave above, you can find the Categories code and move it up to the header/board section instead, which will probably either be in header.php or index.php (same path as above).

Then you’d style it with CSS.

yeah very true.

kindly help me
this header code

<div id=“page”>

<div id=“menu”>
<div id=“top_rss”><a href=“<?php bloginfo(‘rss2_url’); ?>” title=“Rss”><img src=“<?php bloginfo(‘template_url’)?>/images/rss.png” alt=“<?php bloginfo(‘name’); ?> Rss” /></a></div>
<div id=“mainmenu”>
<ul>
<li class=“first <? if(is_home()) echo ‘current_page_item’; ?>”><a href=“<?php echo get_option(‘home’); ?>/”>Home</a></li>
<?php $exclude = obwp_get_meta(SHORTNAME.‘_exclude_page’); wp_list_pages2(‘title_li=&sort_column=menu_order&depth=0&exclude=’.$exclude) ?>
</ul>
</div>
</div>

<div id=“header”>
<div id=“header_title”>
<h1><a href=“<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>
<span><?php bloginfo(‘description’); ?></span>
</div>
<div id=“header_right”>
<div id=“main_search”>
<form method=“get” id=“searchform_top” action=“<?php bloginfo(‘url’); ?>/”>
<div>
<input type=“text” value=“Type your search here…” name=“s” id=“searchform_top_text” onclick=“this.value=‘’;” />
<input type=“image” src=“<?php bloginfo(‘template_url’)?>/images/button_go.gif” id=“gosearch” />
</div>
</form>
</div>
</div>
</div>

<div id=“board”>
<div id=“board_post”>
<h3>Featured Post</h3>
<?php $recent = new WP_Query(“showposts=1&orderby=rand”); while($recent->have_posts()) : $recent->the_post();?>
<h2><?php the_title_limited(70); ?></h2>
<p><?php the_content_limit(300); ?></p>
<p><a href=“<?php the_permalink() ?>”>Read More</a></p>
<?php endwhile; ?>
</div>
<div id=“board_twitter”>
<p><a href=“<?php echo theme_twitter_link_show(); ?>”><img src=“<?php bloginfo(‘template_url’)?>/images/button_twitter.png” alt=“” /></a></p>
</div>
</div>

<div id=“body”>

You might get a quicker answer if you post your question the Blogging section. There are a lot of WP users there :slight_smile:

Edit:

Unless Ralph has a solution in his infinite wisdom :smiley:

I just looked at RedTime theme you are using, and I see this in

wp-content > themes > redtime > header.php


<div id="board">
	[COLOR="Red"]<div id="board_post">
		<h3>Featured Post</h3>
		<?php $recent = new WP_Query("showposts=1&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?>
		<h2><?php the_title_limited(65); ?></h2>
		<p><?php the_content_limit(300); ?></p>
		<p><a href="<?php the_permalink() ?>">Read More</a></p>
		<?php endwhile; ?>
	</div>
	<div id="board_twitter">
		<p><a href="<?php echo theme_twitter_link_show(); ?>"><img src="<?php bloginfo('template_url')?>/images/button_twitter.png" alt="" /></a></p>
	</div>[/COLOR]
</div>


Maybe you could replace the red code with the Categories code, from sidebar.php:


<ul>
  <?php wp_list_cats('sort_column=name&optioncount=1'); ?>
</ul>

As for the Advertise here, that seems to be added by the JavaScript code for the advertising link. So either remove the advertising altogether, or maybe contact BuySellAdd to find out how to modify it.

Off Topic:

“Unless Ralph has a solution in his infinite wisdom”

Infinite WHAT?!

now i have to make new post on blogging?

Off Topic:

Yup, as in :
the quality of being wise; knowledge, and the capacity to make due use of it; knowledge of the best ends and the best means; discernment and judgment; discretion; sagacity; skill; dexterity :smiley:

I think you will get an answer there more quickly or wait until somebody here that uses WP will give you the answer.

I’ll move the thread to blogging now :slight_smile:

Good luck :slight_smile:

sir, i put this code, and result like this, now , how should i show the background red, and how to remove the post count below the text :slight_smile:

<div id=“board”>
<div id=“mainmenu”>
<ul>
<?php wp_list_cats(‘sort_column=name&optioncount=1’); ?>
</ul>
</div>
</div>

To get rid of the numbers, change


name&optioncount=1

to


name&optioncount=[COLOR="Red"]0[/COLOR]

As for the colors, this is now a CSS questions again!

Looks like you’ve got that menu in the wrong div, though, if you want it styled as in your image above.

You want something like

#menu {
  background: red;
  color: white;
}

You can choose better colors, of course. But first decide which section you want to locate this menu in.

[QUOTE=ralph.m;4518465]To get rid of the numbers, change


name&optioncount=1

sir , thanks for the reply, i moved div menu code in featured box, now it’s looks fine, plz tell me, if we create separate code in style sheet, how should we create it :slight_smile: what is your suggestion .

we need to change the name as well in header code of menu to else,

i need red background , when mouse goes on the categories text, it should be white and text black , now sir, what should be change in the code :slight_smile:
i placed the full code of style sheet

this is the code

#menu{
width:100%;
height:44px;
}
#top_rss{
float:right;
}
#top_rss img{
float:left;
}
#mainmenu{
float:right;
padding:10px 0 0 0;
}
#mainmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:1000;
}
/Top level list items/
#mainmenu ul li{
position: relative;
display: inline;
float: left;
z-index:1000;
color:#fff;
padding:0 0 0 16px;
font-family:“Trebuchet MS”, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:13px;
font-weight:bold;
}
#mainmenu ul li.first{
padding:0;
background:none;
}
/Top level menu link items style/
#mainmenu ul li a{
display:block;
color:#fff;
z-index:1000;
height:20px;
padding:5px 10px 0 10px;
}

  • html #mainmenu ul li a{ /IE6 hack to get sub menu links to behave correctly/
    display: inline-block;
    float:left;
    }
  • html #mainmenu ul li ul li a{ /IE6 hack to get sub menu links to behave correctly/
    float:none;
    }
    #mainmenu ul li a:link, #mainmenucat ul li a:visited{
    text-decoration:none;
    }
    #mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{
    color:#fff;
    background:#9d0d12;
    text-decoration:none;
    }
    /1st sub level menu/
    #mainmenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    margin:0 0 0 17px;
    }
    /Sub level menu list items (undo style from Top level List Items)/
    #mainmenu ul li ul li{
    display: list-item;
    float: none;
    font-size:1.0em;
    background:none;
    padding:0;
    }
    /*All subsequent sub menu levels vertical offset after 1st level sub menu /
    #mainmenu ul li ul li ul{
    top: 0;
    margin:0;
    }
    /
    Sub level menu links style */
    #mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{
    width: 160px; /width of sub menus/
    height:auto;
    padding: 7px 5px 7px 10px;
    margin: 0;
    background:#9d0d12;
    border-top-width: 0;
    text-align:left;
    text-decoration:none;
    color:#d89ea0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-transform:capitalize;
    font-weight:normal;
    }
    #mainmenu ul li ul li a:hover{ /sub menus hover style/
    text-decoration:none;
    color:#fff;
    }

In style.css, try putting something like this at the bottom:

#mainmenu {
  margin-top: 10px;
  padding: 0;
  background: #9D0D12;
}

#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a {
  background:#ffffff none repeat scroll 0 0;
  color:#000000;
  text-decoration:none;
}

It’s a bit hard to do this from here, so it may not be what you want.

On hover, do you want WHITE text with BLACK background, or the other way around?

EDIT: site link: http://www.smashinghub.com/

[QUOTE=ralph.m;4518484]In style.css, try putting something like this at the bottom:

thanks , it has done fine,
can we move little bit categories , left side,

  1. i m placing the pic, can i also add border of posts like this in frontpage

reply me thanks in advance