Jump to content


IPB 3 - How to edit forums and topics buttons...


  • This topic is locked This topic is locked
No replies to this topic

#1 Broni

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 01:05 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 09 October 2009 - 03:59 AM

To edit board's button, we'll need to use FTP client again.
How to setup FTP client, see HERE

You'll find images for board's buttons here:
/public_html/public/style_images/your skin

Forums and topics buttons belong to 3 groups of images:

- f_xxx.png for main page forum buttons

Posted Image

FTP location:

Posted Image

- t_xxx_dot.png for topics

Posted Image

- t_xxx.png for "Forum legend" at the bottom of the forum

Posted Image

Images for last two groups of buttons are located next to each other in FTP view:

Posted Image

File names are very similar. Topic button images has an extra _dot in their names.
File names are pretty much self-explanatory, I assume.

Now, it's all up to your creativity. Create new buttons in any graphic program of your choice, give them very same names as appropriate default buttons and replace default .png files with yours.
I used Button Shop: http://www.kristanix...om/buttonshop/. Not free, but excellent and very easy to use program.

Note.
To keep button sizes within board's dimensions, following sizes shouldn't be exceeded:
- group 1 - 65px x 65px
- group 2 - 45px x 45px
- group 3 - 25px x 25px


Other buttons

All of those buttons are also located in /public_html/public/style_images/your skin folder.

1. Post control buttons

Report - report.png
Unapprove - comment_edit.png
Delete - comment_delete.png
Edit - comment_edit.png
Reply - comment_add.png
MultiQuote - comment_add.png

As you can see, Unapprove and Edit are controlled by same image. Only wording is different.
Same goes for another pair: Reply and MultiQuote

2. Topic buttons

Watch this topic - transmit_blue.png
Add Reply - arrow_rotate_clockwise.png
Start a new topic - page_white_add.png
Watch Forum - transmit_blue.png

Again, Watch this topic and Watch Forum are represented by very same image.

3. Post icons
Posted Image Posted Image etc.

All of those images are located in /public_html/public/style_extra/post_icons/ folder and are named icon1.gif, icon2.gif, icon3.gif and so on...





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users


This topic has been visited by 25 user(s)