WordPress.org

Support

Support » Themes and Templates » how to add images into menu

how to add images into menu

  • Anonymous

    I am using the gemini template, so my menu bar is a repeated gif down the right hand side.
    I wanted to insert a couple of images in there, before and after the text. I can’t work out how to do this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Mark (podz)
    Support Maven

    @podz

    Stick them into index.php ?
    Just find in menu where you want them to appear, then
    <img src="blah.jpg" alt="" />
    Is that what you mean ?

    Anonymous

    think so.
    Ok, am going to have a fiddle with my menu today anyhow, to change the order of elements and will have a go.

    Mark (podz)
    Support Maven

    @podz

    I forgot..
    If you like your page to remain valid xhtml, doing the above will break validation. It’s very very easy to put right though – nest the image inside

  • image link

  • That will also indent the image so it matches the rest of the menu content.

Anonymous

ok will do
I’m now trying to add a ‘rings’ section in my menu (www.petiteanglaise.com) and having problems with the display of the ring codes.
The ‘«’ ‘»’ showed up as ‘?’ initially, (now temporarily ‘-‘) and the formatting of the rings doesn’t match that of the other lists in the menu, regardless of if I wrap the ring code in

    or

  • in index.php.
    What tags should I wrap around the ring codes in the index.php to allow separate formatting, so that I can define how these will look in the css separately from the other menu items? And what would the corresponding css tag be?
    Hope this is reasonably clear. It’s not easy to formulate these questions when I have a very sketchy grasp of what I’m actually doing.

    Anonymous

    The full CSS selector for one *section* ie category of your menu links is ul nameofcategory. It is is not defined in the CSS but adding it makes it cool. Add the descendant selectors eg ul categoryname ul li or whatever in the normal way. You are doing a beautiful job with Gemini. Bon chance.

    Mark (podz)
    Support Maven

    @podz

    @petite – I have pasted the code I use here
    http://paste.uni.cc/1910
    (ignore the php tags!)
    and that is exactly what I have on my blog if that helps ?
    The css would look like:
    #menu ul li#webring {
    your styling
    }

    Viewing 6 replies - 1 through 6 (of 6 total)
    • The topic ‘how to add images into menu’ is closed to new replies.