Como substituir Texto com Link por Botões ou Imagem com Link

[Godarth]

Qual a URL do seu fórum: http://www.canalsocial.com.br/forum
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: teste Senha: testeteste
Estilos instalados: Prosilver* ; Artodia Mobile Verde
Modificações instaladas:
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Nenhum problema. Apenas dúvidas
Descreva seu problema: Gostaria de trocar texto texto com link por imagem com link

Pessoal, meu público alvos são pessoas com pouca experiência na internet e o Prossilver tem muito link espalhado pra todo lado e esses links não tem o tracinho abaixo deles, o que dificulta muito para os menos curiosos.

Por exemplo, acimade todas as categorias, tem esse 4 links aqui
Ler mensagens sem resposta • Ver mensagens não lidas • Ver mensagens novas • Pesquisar por tópicos ativosAssinalar todos os fóruns como lidos

Será que dava pra mudar de texto para imagens? Esses links e outros mais?

Obrigado

[robra]

Será que dava pra mudar de texto para imagens? Esses links e outros mais?

Dá, mas você tem que saber um pouco sobre html ou então pesquisar na net para aprender como colocar uma imagem em um arquivo html.
Os links que você menciona em sua mensagem estão definidos na linha abaixo, no arquivo index_body.html:

Código: Selecionar todos

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

Para saber mais sobre os arquivos do phpBB, leia o artigo phpBB3 Lista de Arquivos de Estilos.

:arrow: Já tentou usar a Pesquisa Personalizada, no lado direito da barra abaixo das abas ?
Faça isso e digite lá o texto "imagem link" e você encontrá a resposta que procura em tópicos já resolvidos.

Abraço.

[Godarth]

Até pesquisei mas achei outra coisa boa que é adicionar botões ao lado do FAQ.

Bom meu conhecimento é de html BÁSICO estudado no segundo grau a 15 anos e não evoluiu nada mas dá pra ir tentando até conseguir encaixar aquele código do link sugerido por você Robra.

Já até fiz no photoshop a base do botão e o texto do primeiro link. Assim que terminar eu colocarei aqui pra vocês darem aquela checada de profissonal e encorpar a postagem para os próximos.

Aliás, vocês sabe de algum editor que vá sugerindo as tags como no dreanweaver? É que eu me apoio demais naquela facicildade devido a minha inexperiência. Ajuda muito mas agora que soube que ele avacalha os codigos e sem comunicar, estou no notepad plusplus mas ele não sugere o que vem depois e a sintaxe nunca funciona porqu na maioria das vezes eu nem sei como é a sintaxe.

[robra]

Até pesquisei mas achei outra coisa boa que é adicionar botões ao lado do FAQ.

Cara... fiz exatamente a mesma pesquisa que lhe sugeri e na lista de tópicos que retornou, tem o tópico Imagem no lugar do link que contém exatamente o mesmo assunto deste.

Quanto ao programa em substituição ao Dreamwaver, com as mesma funcionalidade, eu não conheço.
O que você pode fazer é utilizá-lo com uma cópia do arquivo que pretende editar e depois copiar somente as linhas ou códigos que você adicionou e colá-los no arquivo original, no Notepad++.

Abraço.

[Godarth]

Não não. A sua sugestão de pesquisa acertou na mosca. EU, antes de abrir esse post é que pesquisei usando outras palavras e achei o que mencionei.

[robra]

Não não. A sua sugestão de pesquisa acertou na mosca. EU, antes de abrir esse post é que pesquisei usando outras palavras e achei o que mencionei.

Beleza.
Agora é só colocar em prática.
Caso tenha mais dúvidas e não achar nada a respeito na pesquisa personalizada, aí é só postá-la no respectivo fórum.

Abraço.

[Godarth]

Um adendo:
Se acho um tópico que está como resolvido mas eu não consegui chegar lá. Eu poderia comentar abaixo ou deveria abrir um novo com minhas dúvidas? Se puder ressussitar o antigo, acho melhor deletar esse aqui e continuar neste aqui ó viewtopic.php?f=149&t=43823

Mas vamos lá. Acho que funcionou.
Nesse topico que citei, o Henry teve sucesso com essa linha e entendi perfeitamente onde substituir

Código: Selecionar todos

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

mas nessa versão a imagem é estática e na versão sugerida pelo Kairion tem o on mouse over mas não tem referencia ao resto da linha então não sei onde adaptar.

Código: Selecionar todos

<img src="URL DA IMAGEM NORMAL" onmouseover="this.src='URL DA IMAGEM COM O MOUSE ENCIMA'" onmouseout="this.src='URL DA IMAGEM NORMAL'">

Vejam se estou fazendo direito. Esse é o trecho do link mensagens nao respondidas com o alt="" que eu coloquei por conta própria.

Código: Selecionar todos

<a href="{U_SEARCH_UNANSWERED}"><img src="URL DA IMAGEM NORMAL" onmouseover="this.src='URL DA IMAGEM COM O MOUSE ENCIMA'" onmouseout="this.src='URL DA IMAGEM NORMAL'"  alt="Ler mensagens sem respostas" {L_SEARCH_UNANSWERED}/></a>

Depois atualizei a template e resetei a cache no ACP e do Navegador.

Resultado:
Ao carregar a página a imagem aparece como link quebrado mas ao passar o mouse sobre, a imagem surge e retorna para a outra imagem sem o mouse como deveria ser. O que faltou para a imagem ONMOUSEOUT já entrar carregada?
O textinho com o mouse sobre o link também não funcionou? Existe isso no PHP?

Obrigado

[robra]

A string {L_SEARCH_UNANSWERED} já pega o texto "Ler mensagens sem respostas" do arquivo da linguagem.
O correto é este:

Código: Selecionar todos

<a href="{U_SEARCH_UNANSWERED}"><img src="URL DA IMAGEM NORMAL" onmouseover="this.src='URL DA IMAGEM COM O MOUSE ENCIMA'" onmouseout="this.src='URL DA IMAGEM NORMAL'" alt="{L_SEARCH_UNANSWERED}" /></a>

Abraço.

[Godarth]

:o ohhhh agora ficou fino grão!!!!

Vou replicar, subir os botões, digo, imagens :oops: e fica pronto.
Vocês são do baralho mesmo hein! :lol:

[Godarth]

Pode deletar depois isso que to escrevendo aqui. É que não tive autorização pra comentar lá.
Esse tutorial kb.php?a=98 está desatualizado. No passo para incluir o anuncio no rodapé já não existe aquilo que é pra localizar como referencia.

Daí pesquisei a palavra POWERED e colei o código por cima