(Resolvido)[Pedido] Page Igual a Está ou Parecida

Responder

Postado Agosto 26, 2014 10 anos

eae galera do tk estou aqui para pedir uma page igual a está ou parecida .... com a opção de ao passar o mouse em cima da imagen da mostra a mesma imagen só que meio amarela irei postar as prints e ao clicar mandar para outra page .... um botao de redirecionamento mais com a mesma dimensão destes

prints

efeito ao passar a setinha em cima do botão

botao normal

ao passar o mouse em cima

depois ao clicar redirecionar para outra page .... configuravel

é isso galera espero que tenha explicado direitinho se alguem estiver com dúvida .... só comenta que explico melhor ... é isso aguardo respostas

quem ajudar concerteza +rep é isso

obs: a page intera .... desculpem

Editado Agosto 26, 2014 10 anos por brunds (veja o histórico de edições)

Compre seus Scripts Agora totalmente seguro e de forma rápida, aceitamos também encomendas.

discord.gg/phJZeHa2k4

Projeto ATS (Naruto)

Informações Abaixo

Facebook

Youtube
Discord

Tutoriais / Conteúdos

Clique Aqui

Citar

Mention

Resolvido por LBRS

Agosto 27, 2014 10 anos

Ir para solução

Postado Agosto 27, 2014 10 anos

Solução

Olá amigo.

É bem simples, apenas com HTML e poucas linhas é possível fazer isto. Lá vai!

<html>

<body bgcolor="#724A04">

<center> 

<!-- IMAGEM (CHOUJI) -->
<img src="http://i62.tinypic.com/wcocia.png" 
    onMouseOver="this.src='http://i57.tinypic.com/1416of7.png'"  
    onMouseOut="this.src='http://i62.tinypic.com/wcocia.png'"  
    onClick="location='http://www.google.com.br'"  
>  
<!-- FIM DA IMAGEM (CHOUJI) -->

<!-- AGORA CONFIGURE POR SÍ SÓ -->
<img src=" PONHA AQUI O LINK DA IMAGEM PADRÃO, SEM O MOUSE ENCIMA. " 
    onMouseOver="this.src=' PONHA AQUI O LINK DA IMAGEM COM O MOUSE ENCIMA '"  
    onMouseOut="this.src=' PONHA AQUI NOVAMENTE O LINK DA IMAGEM PADRÃO, SEM O MOUSE ENCIMA. '"  
    onClick="location=' AQUI O LINK PARA ONDE VAI REDIRECIONAR AO CLICAR ENCIMA DA IMAGEM '"  
>  
<!-- SUA CONFIGURAÇÃO TERMINA AQUI! -->
<!-- CASO DESEJE ADICIONAR MAIS IMAGENS, APENAS COPIE AS LINHAS ENTRE ESTES COMENTÁRIOS E ADICIONE -->
<!-- ADICIONE AQUI, LOGO ABAIXO. APENAS MODIFIQUE OS LINKS DE ACORDO COM SEU INTERESSE -->

</center> 

</body>

</html>

Apenas copie este código e cole dentro de um bloco de notas.
Salve ele com .html no final do nome, e abra com seu navegador.
Já poderá ver o resultado.

Siga as instruções dos comentários entre "" para configurar cada um dos icones que você desejar.
Só ir copiando e colando e repetindo o processo, só mudando os links das imagens e o link de destino desejados.

Espero ter ajudado!
Qualquer dúvida, tô aí.

Editado Agosto 27, 2014 10 anos por LBRS (veja o histórico de edições)

Citar

Mention