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
 Diskete

avatar
Membro
Esse é um tutorial simples de personalização do Spoiler.
Os códigos funcionam para versões PhpBB3 e Invision.

Tutorial
--> Personalizar o Spoiler <--


1) Utilizando o código:
Para que possamos aplicar o código corretamente, devemos verifica-lo.

/*Personalizar o Spoiler (Diskete)*/
.spoiler {
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
}
.spoiler_content {
background-color: #ffffff;
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
margin-top: -6px;
}
.spoiler dt {
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/134.gif);
background-repeat: no-repeat;
background-color: Transparent;
}
/*-- Fim do código --*/

/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/


Vermelho: Poderá mudar para a cor que deseja.

2) Aplicando o código:
Para aplicar o código devemos ir para a Folha de Estilo CSS:


Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Aba ' Folha de estilo CSS '

Agora aplique o código e salve.

--> Resultado Final <--


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

#2
 D'Leandro™

avatar
Fundador
Aceito: Movido para o local correspondente.

Ver perfil do usuário

#3
 HenriqueBr

avatar
Membro
Spoiler:
o/
Ver perfil do usuário

#4
 Conteúdo patrocinado