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
  [Tutorial] Alterar a Aparência dos Widgets

Descrição
Este codigo simples ensina voce a editar completamente a aparencia dos widgets do seu forum.

Funcionalidade: PunBB, PhpBB2, PhpBB3 e Invision

--> Código CSS <--
Código:
/*---/ Personalizar Widget /---*/
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

--> Edição Opcional <--
Voce pode fazer algumas edições básicas no código
Para alterar a cor da Borda procure por esta parte no código border: 1px solid #C3E0F1;

1px = Numero de Pixels que terá a borda (Quanto maior mais espeço)
#C3E0F1 = Cor da borda (Em números exadecimais)

Para alterar o Gradiente procure por esta parte no código url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png);

http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png = Link da Imagem em dorma de gradiente
(Esta é a Imagem de fundo, Recomendo que altere apenas a Cor dela)

--> Resultado Final<--

Clique na imagem para visualizar ▲


Desenvolvido por Anônimo | Anônimo
Editado e Postado por Copyright® 2012 Staffer Group BR™
Ver perfil do usuário

#2
 D'Leandro™

avatar
Fundador
Conteúdo Re-Formulado;
Este conteúdo foi re-formulado de acordo com o novo formulario de tutoriais.
Ver perfil do usuário

#3
 Chorão

avatar
Membro
Para visualizar o conteudo, Deixe um comentário!
( Não Use Flood )

Tomara que seja oque eu estou proucurando =D
Ver perfil do usuário

#4
 fascicularia

avatar
Membro
thanks
Ver perfil do usuário

#5
 Conteúdo patrocinado