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

  • 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)
  • 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 ?

    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.

    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.

ok will do
I’m now trying to add a ‘rings’ section in my menu ( 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


  • 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.

    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.

    @petite – I have pasted the code I use here
    (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.