Substituir links por imagens

[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.

[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>&nbsp;<!-- ENDIF -->
                <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<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 --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
                <!-- IF not S_IS_BOT -->
                    <!-- IF S_USER_LOGGED_IN -->
                        <!-- IF S_DISPLAY_PM --> &nbsp;<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) --> &nbsp;<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 -->&nbsp; &nbsp;<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 -->&nbsp; &nbsp;<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 -->&nbsp; &nbsp;<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> 

Substitua 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.

[EdLopes]

Valeu, robra!

Era isso mesmo o que eu queria.

Grande abraço!