Reall graphic menu bar in a header

  • Hi!
    Is there any way to replace text links from the header menu bar with graphics?
    I wanted to make graphic rollovers, another words buttons with a fancy font, shadings and so on… (I know it’s against seo rules ?? )
    I was trying to simply paste html code + js in a header.php file, but graphics didn’t load properly (on pages the were displaying fine, on posts they were missing). Another thing is I should probably keep the ‘wp_list_pages’ tag inside my header.php, as I intend to install qTranslate soon, and I just can’t imagine managing my menu content without it.

    Is it possible at all? Thanks in advance for any answer.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Forgive my ignorance, but is “Reall graphic menu” a specific menu bar/theme or is this just a general question?

    Do you have a link to a site you are trying to change?

    Thread Starter satarte

    (@satarte)

    Hi Figaro.
    I do have links, just don’t laugh please – it’s a fan site :>.

    Here is the address: https://www.coldtwilight.com/ – the menu bar is text now, but I’d love to change into my design: https://temp.psiform.net/webdesign/08-12-coldtwilight.com/2index.html (I know I still have a lot of work to do)

    I’ve build my “new template” on “Ileather 1.0”. I’m not sure if I post my question in a right forum category (hope so), I’m also not sure if it’s only specific theme issue.

    This is my first time – using WP and building template. I only know basis of HTML and CSS, but I’m very patient and stubborn ;).

    Thank you for interesting in my case :).

    Have you seen the following…there are lots of additional links at the bottom of that page as well with more info.

    https://codex.www.ads-software.com/Creating_Horizontal_Menus

    Thread Starter satarte

    (@satarte)

    Hi!
    Yes, I read this article.
    When I used the first one:

    <div id="navmenu">
<ul>
	<li><a href="<?php echo get_settings('home'); ?>">HOME</a></li>
	<li><a href="wordpress/recipes/">RECIPES</a></li>
	<li><a href="wordpress/travel/">TRAVEL</a></li>
	<li><a href="https://www.www.ads-software.com">WORDPRESS</a></li>
</ul>
</div>

    only with <img> instead of text – the pictures didn’t always appear. I don’t know where did that came from, but my post category looks like this: https://www.coldtwilight.com/http:/www.coldtwilight.com/category/video instead of just https://www.coldtwilight.com/category/video, and when I was browsing post or categories the pictures in the menu ware lost (red crosses). Do you know what I mean? The rest of permalink works great, pages paths are ok, and the pictures in the menu worked fine on pages/articles.

    But as I said before, I want to install qTranslate, and this module automatically adds “language paths” like https://www.coldtwilight.com/en/book, https://www.coldtwilight.com/es/book, and so on. So my menu wont work if I’ll use this code above.

    I found also this article: https://www.jasonwhitener.com/2008/02/01/wp_list_pages, about editing classes.php, but the problem is, that each menu item should have assigned a specific pictures. “Forum” picture link should be assigned with “forum img”… and this would probably need a deeper grubbing in a code which I don’t know.

    I’m close to give up on this one, since I did really read a lot documentation about this, but I decided to post this question here, hoping that I am missing something.

    Figaro thank you for your patience :).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reall graphic menu bar in a header’ is closed to new replies.