Forums

DeVerzamelaar

Hi there,

I'm trying to figure out how to combine the Ribbon tutorial here on the site with the menu of my wordpress blog. I'm currently trying to personalize the theme I use. Its still in a early phase. In the meanwhile i'm trying to learn some more html and css.

I understand the ribbon css, but my wordpress and specially php developing skills are not that high.

The code that creates my menu is:

<?php /* Main Menu */ ?>
    <div class="header-nav">
    	  	<?php wp_nav_menu( array( 'theme_location' => 'header', 'container' => '' ) ); ?>

    </div>

This gives me:

<div class="header-nav">
<div class="menu">
<ul>
<li class="current_page_item">
<li class="page_item page-item-13">
<li class="page_item page-item-2">
</ul>
</div>
<select>
</div>

What I don't get is how to add the:
to the menu, so I can start building the css.

Anyone who could explain this to me?

Greetings,
Jonas

Oolivia

Hi Jonas, I know this is off topic but I visited your wordpress and I really liked the shadows at the bottom corners and on mouse over effect of each post borders. I am a just starting learning about css and html myself. Would you be willing to tell me how you did style those effects?

Thank you very much.

Olivia

DeVerzamelaar

Hi Oolivia,

I'm not shire how its done because its a theme I bought. I'm only trying to adjust my header and footer so haven't looked at the rest of the code.
As far as I can see it can be the css3 box-shadow argument.

Anyone who can help me out with my problem?

Greetings
Jonas

kobulemur

Hi
try using this menu code for wordpress
<?php wp_nav_menu( array( 'container_class' => 'menu-header ribbon', 'theme_location' => 'primary' ) ); ?>
works fine for me

treehouse : what would you like to learn today?

Forums

My Wordpress menu with a ribbon