Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

Four buttons partners


: PunBB : : PhpBB2 : : PhpBB3 : : Invision :
Informações: Para visualizar passe o mouse aquiModificando este WidGet voce pode colocar Parceiros, anuncios e qualquer outro tipo de imagem diversificada em seu forum..

--> WidGet <--
Código:
<style>
.squarebanner ul{list-style-type:none;margin: 0px auto;padding: 10px 0px 0px 0px;width:300px;overflow:hidden;}.squarebanner ul li{list-style-type:none;margin: 0px 1px 0px 3px;float:left;display:inline;background:orange;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;}.squarebanner ul li:hover {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-o-border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15%;}.squarebanner ul li:active {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-o-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.squarebanner ul li a img{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px;}
</style> <div class="squarebanner ">
<ul>

<li style="background:#1E90FF !important;">
<a href='#'>
<img height="120" src="http://i31.servimg.com/u/f31/17/71/75/73/logo10.png" width="120" /></a></li>

<li style="background:#1E90FF !important;">
<a href='#'>
<img height="120" src="http://i31.servimg.com/u/f31/17/71/75/73/logo10.png" width="120" /></a></li>

<li style="background:#1E90FF !important;">
<a href='#'>
<img height="120" src="http://i31.servimg.com/u/f31/17/71/75/73/logo10.png" width="120" /></a></li>

<li style="background:#1E90FF !important;">
<a href='#'>
<img height="120" src="http://i31.servimg.com/u/f31/17/71/75/73/logo10.png" width="120" /></a></li>

</ul>
</div><br><br>

--> Visualização Final <--

*Aqui no tópico ficou torto, mas em um WidGet fica bem Perfeitinho.





Desenvolvido por D'Leandro™ | SGBR™
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 Bookmarlucas654

avatar
Membro
Não entendi bem, vou testar =)
Ver perfil do usuário