1 [TUTORIAL] Legenda personalizada Sáb Jan 26, 2013 5:50 pm
Membro
Gaah
Freedom Design Legenda personalizada |
A legenda dos fóruns Forumeiros padrão não é muito lá personalizada, porém, agora é possível deixa-la muito mais elegante e atraente.
1º) Apresentando o código
O código que utilizaremos no decorrer de nosso tutorial, será o seguinte:
- Código:
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
2º) Adicionando o código
Para adicionar o código terá de ir para:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS
3º) Resultado
Atenção: Este tutorial faz parte do acervo de tutoriais do Freedom Design, sua cópia só é permitida com autorização dos administradores do fórum. O autor do código não foi encontrado.