Página 1 de 1
					
				Substituir links por imagens
				Enviado: 01 Out 2011, 13:18
				por EdLopes
				URL do Fórum: http://musasdoesporte.com
Boas.
Eu queria substituir os links da imagem anexa por botões. Como faço isso?
Desde já, muito obrigado e um bom fim de semana à todos.
 
			 
			
					
				Re: Substituir links por imagens
				Enviado: 01 Out 2011, 14:16
				por robra
				Seu anexo não dá quase pra ver, mas você se refere a imagem abaixo:
musas_esporte.jpg
Tem o ícone seguido do respectivo link. Você quer tirar o ícone e o link se substituí-los por um botão com o texto ?
Exemplo:
Tirar o ícone e o link 
Entrar e colocar no lugar um botão contendo o texto 
Entrar, semelhante ao botão 
NOVOTÓPICO*.
É isso ?
Se for, basicamente as alterações serão feitas nas linhas abaixo, dentro do seu arquivo 
overall_header.html:
Código: Selecionar todos
<div id="menubar">
        <table width="100%" cellspacing="0">
        <tr>
            <td class="genmed">
                <!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_LOGIN_LOGOUT}</a> <!-- ENDIF -->
                <!-- IF U_RESTORE_PERMISSIONS -->  <a href="{U_RESTORE_PERMISSIONS}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
                <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN -->  <span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
                <!-- IF not S_IS_BOT -->
                    <!-- IF S_USER_LOGGED_IN -->
                        <!-- IF S_DISPLAY_PM -->  <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/icon_mini_message.gif" width="12" height="13" alt="*" /> {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
                    <!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->  <a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_mini_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>
                    <!-- ENDIF -->
                <!-- ENDIF -->
            </td>
            <td class="genmed" align="{S_CONTENT_FLOW_END}">
                <a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a>
                <!-- IF S_DISPLAY_SEARCH -->   <a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/icon_mini_search.gif" width="12" height="13" alt="*" /> {L_SEARCH}</a><!-- ENDIF -->
                <!-- IF not S_IS_BOT -->
                    <!-- IF S_DISPLAY_MEMBERLIST -->   <a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/icon_mini_members.gif" width="12" height="13" alt="*" /> {L_MEMBERLIST}</a><!-- ENDIF -->
                    <!-- IF S_USER_LOGGED_IN -->   <a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/icon_mini_profile.gif" width="12" height="13" alt="*" /> {L_PROFILE}</a><!-- ENDIF -->
                <!-- ENDIF -->
            </td>
        </tr>
        </table>
    </div>
 
Vamos tomar como exemplo o ícone e link do 
FAQ. ok ?
1- Você cria o botão com o nome 
faq.gif e o coloca na pasta 
/images.
2- Nas linhas acima ache:
Código: Selecionar todos
<a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a> 
 por:
Código: Selecionar todos
<a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/faq.gif" width="12" height="25" alt="*" /></a> 
Sendo 
width a altura e 
height a largura do botão.
Abraço. 

 
			
					
				Re: Substituir links por imagens
				Enviado: 02 Out 2011, 11:22
				por EdLopes
				Valeu, robra! 
 
Era isso mesmo o que eu queria.
Grande abraço!