Page 1 of 1

Changin' Buttons

Posted: Sun May 29, 2005 2:41 pm
by *Bubbles*
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...

Re: Changin' Buttons

Posted: Sun May 29, 2005 3:13 pm
by Lumpy Burgertushie
*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