Personalizar widgets do portal

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

Resolvido Personalizar widgets do portal

Mensagem por Doctor em 19/06/13, 02:07 pm

Qual é minha questão:
Olá.
Queria saber algum code ou mode de personalizar os widgets do portal para ficarem igual as categorias.
Ou seja, aquela borda vermelha e um fundo de uma cor clara.

Agradecido desde já.

Endereço do meu fórum:
http://survivorswalkingdead.forumbrasil.net/

Versão do fórum:
PHPBB3


Última edição por Doctor em 19/06/13, 08:20 pm, editado 1 vez(es)
avatar

Doctor
Nível 3

Masculino
Inscrito dia : 04/01/2013
Mensagens : 22
Pontos Ativos : 40

Ver perfil do usuário http://survivorswalkingdead.forumbrasil.net/

Resolvido Re: Personalizar widgets do portal

Mensagem por MateusA em 19/06/13, 06:57 pm

Olá! Rindo

Veja o conteúdo do spoiler atentamente:
Spoiler:
Entenda o código:
Código:
.module {
background-color: red;
color: white;
border: 1px solid black;
}

Seta No código acima procure por black, troque pela cor da borda.
Seta No código acima procure por red, troque pela cor de fundo.
Seta No código acima procure por white, troque pela cor do texto

Seta Se não entender a explicação acima, veja abaixo uma mais elaborada.
Spoiler:
Entenda o código:

Código:
.module {
propriedades
}

Seta .module =  seletor;
Seta { } =  chaves;
Seta propriedades =  é o local onde fica todas as propriedades css;

Flecha ajudeiros Não modifique o seletor, nem as chaves.

Admineiros Abaixo você vai ver algumas propriedades:

Artmeiros background-color: = o fundo do widget, essa propriedade vai modificar todo o fundo, abaixo um exemplo de como utiliza-la.

Código:

.module {
background-color: #fff;
}

No código acima, procure por #fff, substitua pelo nome da cor desejada em inglês.


Artmeiros color: = a cor da letra, essa propriedade vai modificar a cor da letra, abaixo um exemplo de como utiliza-la.

Código:

.module {
background-color: #fff;
color: red;
}

No código acima, procure por red, substitua pelo nome da cor de texto desejada em inglês.

:seta2: Para saber mais propriedades veja os tópicos abaixo:




Até mais. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar widgets do portal

Mensagem por Doctor em 19/06/13, 07:17 pm

Olá.
Onde o code deve ser colocado.
avatar

Doctor
Nível 3

Masculino
Inscrito dia : 04/01/2013
Mensagens : 22
Pontos Ativos : 40

Ver perfil do usuário http://survivorswalkingdead.forumbrasil.net/

Resolvido Re: Personalizar widgets do portal

Mensagem por MateusA em 19/06/13, 07:28 pm

Olá!

Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Até mais.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar widgets do portal

Mensagem por Doctor em 19/06/13, 08:17 pm

Funcionou perfeitamente, Agradecido.
avatar

Doctor
Nível 3

Masculino
Inscrito dia : 04/01/2013
Mensagens : 22
Pontos Ativos : 40

Ver perfil do usuário http://survivorswalkingdead.forumbrasil.net/

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