PDA

View Full Version : How Do I change the display icons


Ruairidh
05 Jul 2010, 13:03
I need help as I am a "noob" to VB Forums and I need to know how to change the icons such as the New Post and forum locked icons etc... Could anyone help me?


Thanks So Much!

Ruairidh

eSekar
05 Jul 2010, 14:30
the "forum locked (& others)" are located in your forum root folder inside images/statusicon

The "New Post (& Others)" are located in images/buttons

Just go to your images folder, everything is self explained in there ;)

Attitude5ire
06 Jul 2010, 06:23
New post, New thread, Closed thread are no longer icons they css buttons.

Steph H
15 Jul 2010, 02:15
New post, New thread, Closed thread are no longer icons they css buttons.

Anyone know of an easy way to revert this? We worked so hard on our buttons for 3.x that it would be a sacrilege to have to give the up. :(

Thank you!

abualk
28 Jul 2010, 19:09
Here is the way to change them :

open SHOWTHREAD template :

Find :
<a href="newreply.php?{vb:raw session.sessionurl}p={vb:raw LASTPOSTID}&amp;noquote=1" class="newcontent_textcontrol" id="newreplylink_top"><vb:if condition="$show['closethread']"><span>+</span> {vb:rawphrase reply_to_thread}<vb:else />{vb:rawphrase closed_thread}</vb:if></a>


Replace with :
<a href="newreply.php?{vb:raw session.sessionurl}p={vb:raw LASTPOSTID}&amp;noquote=1" id="newreplylink_bottom" > <vb:if condition="$show['closethread']"><img src="{vb:stylevar imgdir_button}/reply.gif" alt="{vb:rawphrase reply}" border="0" /><vb:else /><img src="{vb:stylevar imgdir_button}/threadclosed.gif" alt="{vb:rawphrase closed_thread}" border="0" /></vb:if></a>


Find :
<a href="newreply.php?{vb:raw session.sessionurl}p={vb:raw LASTPOSTID}&amp;noquote=1" class="newcontent_textcontrol" id="newreplylink_bottom" ><vb:if condition="$show['closethread']"><span>+</span> {vb:rawphrase reply_to_thread}<vb:else />{vb:rawphrase closed_thread}</vb:if></a>


Replace with :
<a href="newreply.php?{vb:raw session.sessionurl}p={vb:raw LASTPOSTID}&amp;noquote=1" id="newreplylink_bottom" > <vb:if condition="$show['closethread']"><img src="{vb:stylevar imgdir_button}/reply.gif" alt="{vb:rawphrase reply}" border="0" /><vb:else /><img src="{vb:stylevar imgdir_button}/threadclosed.gif" alt="{vb:rawphrase closed_thread}" border="0" /></vb:if></a>


Save your changes, then go to FORUMDISPLAY template and find :

<a href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow" class="newcontent_textcontrol" id="newthreadlink_top"><span>+</span> {vb:rawphrase post_new_thread}</a>


Replace with :
<a href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow" id="newthreadlink_top"><img src="{vb:stylevar imgdir_button}/newthread.gif" alt="{vb:rawphrase post_new_thread}" border="0" /> </a>


Find :
<a href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow" class="newcontent_textcontrol" id="newthreadlink_bottom"><span>+</span> {vb:rawphrase post_new_thread}</a>


Replace with :
<a href="newthread.php?{vb:raw session.sessionurl}do=newthread&amp;f={vb:raw foruminfo.forumid}" rel="nofollow" id="newthreadlink_bottom"><img src="{vb:stylevar imgdir_button}/newthread.gif" alt="{vb:rawphrase post_new_thread}" border="0" /> </a>


Then, save your changes and see the new changes.

Steph H
30 Jul 2010, 16:55
Yay! This worked! Thanks so much!

The only button I don't seem to have now is the "Quote" button, but I will go through the code you just gave me and see if I can find it and replicate the alterations for that one.

Again, thanks so much!!!

--------------- Added 1280535275 at 1280535275 ---------------

Unfortunately, I have proven unsuccessful in my ability to find the code for the last three buttons I would like to include in VB4. They are the three buttons at the bottom of each post: Edit, the small Reply option, and the Quote option. If anyone can help me find the proper code for this, I would be most appreciative. Thank you!

Attitude5ire
31 Jul 2010, 08:55
You'll find those icon in postbit or postbit_legacy template

Steph H
31 Jul 2010, 12:46
Thank you!! I'll dig through that and see if I can figure out the changes to make. :)

abualk
01 Aug 2010, 18:47
Try to open postbit_legacy template, then Find :
<div class="textcontrols floatcontainer">

And remove it . Then remove the closing "div" for it which is located under this :
<!-- </div> -->
Note: You can change the class istead of removing it.

Now, To change the edit button, find :
<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a>

And replace it with :
<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:stylevar imgdir_button}/edit.gif" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /></a>

So, can you now see how to change the rest ?

My regards.

Steph H
02 Aug 2010, 02:30
Yes! I got them all!! Thank you SO much, abualk...you are a lifesaver!! :D