Changin' Buttons

This is an archive of the phpBB 2.0.x support forum. Support for phpBB2 has now ended.
Forum rules
Following phpBB2's EoL, this forum is now archived for reference purposes only.
Please see the following announcement for more information: viewtopic.php?f=14&t=1385785
Locked
*Bubbles*
Registered User
Posts: 18
Joined: Sun May 29, 2005 1:42 pm
Contact:

Changin' Buttons

Post by *Bubbles* » Sun May 29, 2005 2:41 pm

FAQ, Search, Memberlist, Usergroups, Profile, PMs, Log In/Out

how dya change the icon that is displayed by each one? i like the PinkVibes template and have made my own usin' that but unfortunately PinkVibes doesn't show any icons by the buttons...
*Hidden_Gem* aka Bubbles / PrincessBubbles

User avatar
Lumpy Burgertushie
Registered User
Posts: 66492
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Changin' Buttons

Post by Lumpy Burgertushie » Sun May 29, 2005 3:13 pm

*Bubbles* wrote: FAQ, Search, Memberlist, Usergroups, Profile, PMs, Log In/Out

how dya change the icon that is displayed by each one? i like the PinkVibes template and have made my own usin' that but unfortunately PinkVibes doesn't show any icons by the buttons...

In PinkVibes, the text links are images, they are located in the images folder with paths like this:
templates/PinkVibes/images/icon_mini_groups.gif

first, look them up in your overall_header.tpl file, then rename each of your images to the same as the corresponding one in the file,

rename your groups image to icon_mini_groups.gif
etc. etc.

then upload them to the images folder, they will overwrite the ones that are there.

( you still have the originals in the zip file you downloaded)

then, so there will be text with the images, I would go to subSilver/overall_header.tpl, look for this:

Code: Select all

<table cellspacing="0" cellpadding="2" border="0">
					<tr> 
						<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
						<!-- BEGIN switch_user_logged_out -->
						&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
						<!-- END switch_user_logged_out -->
						</td>
					</tr>
					<tr>
						<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
					</tr>
				</table>
that is where all the code is that represents the menu. now , in your PinkVibes overall_header.tpl find this:

Code: Select all

<table width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr> 
				<td align="center" valign="middle"><img src="templates/PinkVibes/images/spacer.gif" border="0"></td>
            <td align="center" width="250" valign="middle"><a href="{U_INDEX}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" /></a></td>
            <td align="center" valign="middle"><img src="templates/PinkVibes/images/spacer.gif" border="0"></td>
			</tr>
		</table>
	
		<table border="0" cellspacing="0" cellpadding="20" width="100%" align="center">
					<tr> 
						<td align="center" widh="100%" valign="top" nowrap="nowrap">
						
					   <a href="{U_FAQ}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_faq.gif" alt="{L_FAQ}" border="0"></a>
						  &nbsp;<a href="{U_PROFILE}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_profile.gif" border="0" alt="{L_PROFILE}"></a> 
                  &nbsp;<a href="{U_PRIVATEMSGS}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_message.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a> 
                  &nbsp;<a href="{U_GROUP_CP}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_groups.gif" alt="{L_USERGROUPS}" border="0"></a> 
                  &nbsp;<a href="{U_MEMBERLIST}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_members.gif" border="0" alt="{L_MEMBERLIST}"></a> 
                  &nbsp;<a href="{U_SEARCH}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_search.gif" border="0" alt="{L_SEARCH}"></a> 


          <!-- BEGIN switch_user_logged_in -->
                  &nbsp;<a href="{U_LOGIN_LOGOUT}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_logout.gif" border="0" alt="{L_LOGIN_LOGOUT}"></a> 
          <!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_register.gif" border="0" alt="{L_REGISTER}"></a> 
                  &nbsp;<a href="{U_LOGIN_LOGOUT}" onFocus="if(this.blur)this.blur()"><img src="templates/PinkVibes/images/{LANG}icon_mini_login.gif" border="0" alt="{L_LOGIN_LOGOUT}"></a> 
          <!-- END switch_user_logged_out -->
<br>
<a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a>            

                </td>
					</tr>
				</table>
you can replace the PinkVibes part with the subSilver part or just edit the PinkVibes part using the subSilver part for reference.

hope this helps.

robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

Locked

Return to “2.0.x Support Forum”