Imagem no lugar do link

[Henry]

Salve estimados!

Gostaria de fazer uma mudança na minha template....no index.php, aonde mostra esses links:



POr exemplo, no "Ver mensagens sem resposta", ao invez de aparecer o link, queria colocar a seguinte imagem:



Quais arquivos devo editar e aonde?
Desde ja grato pela atenção, Henry.

[_Vinny_]

O arquivo é styles/prosilver/template/index_body.html. Você consegue encontrar os links?

[Henry]

Grande Vinny ^^ Primeiramente obrigado pela atenção!

Velho, dei uma olhada aqui, creio que seja isso certo?

Código: Selecionar todos

<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>

Unanswered = Sem respostas
Search_unread = Buscar sem respostas
u_search_new = Novos posts
u_search active_topics = Topicos ativos

é isso Vinny? O problema que não manjo como exibir a imagem....Tava olhando no overall_header se achava uma referencia parecida mas não achei nada nitido....

Desde ja grato pela atenção!

[_Vinny_]

Exatamente isso. Para colocar as imagens, você primeiro envia as imagens para o diretorio images/ do seu phpBB, logo depois abra o index_body.html e substitui o texto pelas imagens. A imagem você inseri assim:

Código: Selecionar todos

<a href="{U_SEARCH_UNANSWERED}"><img scr="/images/sua_imagen.jpg" alt="" /></a> 

Exemplo:

Código: Selecionar todos

<a href="{U_SEARCH_UNANSWERED}"><img scr="/images/sem_resposta.jpg" alt="{L_SEARCH_UNANSWERED}" /></a> 

Você tem que substituir isso:

• {L_SEARCH_UNANSWERED}
• {L_SEARCH_UNREAD}
• {L_SEARCH_NEW}
• {L_SEARCH_ACTIVE_TOPICS}

Você pega essas variaveis e coloca dentro do alt="..coloca aqui.. " da imagem.

[Henry]

Blz velho, xo tenta aqui....ja te do a resposta ae

logo depois abra o overall_header.html e substitui o texto pelas imagens

é no index_body né?

[_Vinny_]

é no index_body né?

Ops, desculpa... E que digitando na pressa acabei errando. É sim no index_body.html

[Henry]

Vinny, ta funfando maravilho velho ^^ deu certinho....eu só tive que faze duas adaptações...

Código: Selecionar todos

<a href="{U_SEARCH_UNANSWERED}"><img scr="/images/sem_resposta.jpg" alt="{L_SEARCH_UNANSWERED}" /></a> 

Eu tive que mudar:
"img scr" para "img src"
/images/ para images/

ficando assim:

Código: Selecionar todos

<a href="{U_SEARCH_UNANSWERED}"><img src="images/semresposta.png" {L_SEARCH_UNANSWERED}/>

Ae deu certinho ^^ Muito obrigado Vinny e parabens pela pré-disposição a atender as duvidas da galera ^^

Olha como fico, ainda to mexendo, mas a galera gosto:

[_Vinny_]

scr

Ops, mas um erro... desculpas novamente

[Henry]

Mané desculpas velho, só tenho a te agraceder velho ^^ Galera gosto bastante dos resultados, muito obrigado Vinny ^^

Vinny, a nivel de curiosidade, tem como fazer um efeito diferente quando o mouse está em cima da imagem?



Se tiver tempo me da uma opinada do que vc acho?

[_Vinny_]

Vinny, a nivel de curiosidade, tem como fazer um efeito diferente quando o mouse está em cima da imagem?

Talvez com CSS seria possivel.

Se tiver tempo me da uma opinada do que vc acho?

:lol: Ficou bem a cara do fórum.