Página 1 de 2
Como substituir Texto com Link por Botões ou Imagem com Link
Enviado: 11 Mai 2012, 22:59
por 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
Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 11 Mai 2012, 23:39
por 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 --> • <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> • <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> • <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.

Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 17:56
por 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.
Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 18:07
por 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.

Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 18:13
por 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.
Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 18:16
por 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.

Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 20:46
por 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
Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 21:21
por 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.

Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 21:47
por 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:
Re: Como substituir Texto com Link por Botões ou Imagem com
Enviado: 12 Mai 2012, 21:51
por 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