• Registered: 2005-11-14
  • Posts: 4

Topic: add images to navigation / function.php?

I am wanting to add some images to the navigation menu.

I just visited apple's discussion forums:
http://discussions.apple.com/forum.jspa?forumID=753

ahh.  Easy on the eyes, and really easy to navigate.  I like the icons next to the navigation bits.
How would I add that?

Would I do it in function.php where the menu is?
I know next to no php, so I'll need an example if possible.

Thanks,

Matthew

ps.  Check out where I want to use it [url:http://artiswork.org/forum/]here[/url]

  • Registered: 2005-11-14
  • Posts: 4

Re: add images to navigation / function.php?

BUMP!?

3 Reply by Elzar

  • Elzar
  • Senior Member
  • Offline
  • Registered: 2005-07-16
  • Posts: 309

Re: add images to navigation / function.php?

ma_smith wrote:

Would I do it in function.php where the menu is?.

Yes.

I suppose it depends on what images you want to use.

Create a demo of how you would want it to look, and then go about including it in PunBB.

4 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: add images to navigation / function.php?

Too compicated. Just view source to get the id's of the list items in the menu and appy properly positioned background images using css.  Then adjust padding to get the link text positioned correctly.

  • Registered: 2005-11-14
  • Posts: 4

Re: add images to navigation / function.php?

Great Idea Paul.
Der! or Duh!  You're preference.  I think I should have figured that one out.

Thanks.

Matthew

  • From: Orlando, Fl
  • Registered: 2005-10-24
  • Posts: 11

Re: add images to navigation / function.php?

say I wanted to add a little arrow .GIF next to the Post Reply link. How would I do this?

ashiver's Website

7 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: add images to navigation / function.php?

Exactly the same method as for the menu.

  • Registered: 2005-11-14
  • Posts: 4

Re: add images to navigation / function.php?

go to your forum.

RIght click (or ctrl click for for mac)
"view source code"
do a find for "post reply"
when you find it, see what div its in ex:

<p class="postlink conr"><a href="post.php?tid=4">Post reply</a></p>

Then go to forum/templates/main.tpl or one of the others and search/find for "p.postlink conr"
When you find it, apply a 

background: url (url of background image) #color here;

You will probably want to make your image as wide as the element.

Or you could just replace "post reply" with an img tag?

Make sense?

Matthew

  • From: Orlando, Fl
  • Registered: 2005-10-24
  • Posts: 11

Re: add images to navigation / function.php?

ma_smith wrote:

go to your forum.

RIght click (or ctrl click for for mac)
"view source code"
do a find for "post reply"
when you find it, see what div its in ex:

<p class="postlink conr"><a href="post.php?tid=4">Post reply</a></p>

Then go to forum/templates/main.tpl or one of the others and search/find for "p.postlink conr"
When you find it, apply a 

background: url (url of background image) #color here;

You will probably want to make your image as wide as the element.

Or you could just replace "post reply" with an img tag?

Make sense?

Matthew

thank you very much. I will try that out!

ashiver's Website

  • From: TX
  • Registered: 2005-09-08
  • Posts: 32

Re: add images to navigation / function.php?

i got something like that in a style but it puts the pic in the post topic line 2 they share the same class i thnkx

ross3093's Website

11 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: add images to navigation / function.php?

"Post reply" and "Post topic" do share the same class but PunBB's pages do have different id's so you can differentiate between items using descendant selectors e.g.

#punviewforum p.postlink (post new topic)
#punviewtopic p.postlink (post reply)