Qual código usado?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Qual código usado?

Mensagem por Uatyla em 15/06/14, 10:47 am

  • Descrição:
Olá Convidado!

Gostaria de saber qual código é usado no bem vindo desse fórum: http://publicando.maisforum.com/
achei muito interessante.


  • Informações:
Fórum:http://vidadeaquarista.forumeiros.com/Versão:PHPBB3
Tipo:Pedido de códigoTags:código,usado?



Última edição por uatyla em 15/06/14, 06:58 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Qual código usado?

Mensagem por Garnie em 15/06/14, 06:34 pm

Olá!

Vá até teu painel administrativo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

<li> Coloque o código abaixo no inicio de teu CSS:
Código:
.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
Depois aceda à:
Painel de Controle Seta Visualização Seta Home Page Seta Geral

<li> Em "Home Page" ponha:
Código:
<script>
jQuery(function() {
jQuery('.img_list_hp img').mouseover(function() {
jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
}).mouseout(function() {
jQuery('#img_list_alt').html('Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!');
});
});
</script>
<div class="img_list_hp"><a href="Enedereço da seção"><img height="59" src="http://cdn1.iconfinder.com/data/icons/super-mono-reflection/blue/web_blue.png" alt="Descrição"><span>Título da seção</span></a></div>
<div class="img_list_hp"><a href="Enedereço da seção"><img height="59" src="http://cdn1.iconfinder.com/data/icons/super-mono-reflection/blue/web_blue.png" alt="Descrição"><span>Título da seção</span></a></div>
<div class="img_list_hp"><a href="Enedereço da seção"><img height="59" src="http://cdn1.iconfinder.com/data/icons/super-mono-reflection/blue/web_blue.png" alt="Descrição"><span>Título da seção</span></a></div>
<div class="img_list_hp"><a href="Enedereço da seção"><img height="59" src="http://cdn1.iconfinder.com/data/icons/super-mono-reflection/blue/web_blue.png" alt="Descrição"><span>Título da seção</span></a></div>
<div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div>
Valide.

Até mais.

Garnie
Nível 7

Masculino
Inscrito dia : 01/06/2014
Mensagens : 90
Pontos Ativos : 143

Ver perfil do usuário http://fmservices.forumeiros.com/

Resolvido Re: Qual código usado?

Mensagem por Uatyla em 15/06/14, 06:57 pm

Resolvido, era bem a parte que eu desejava mesmo!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum