Título dos Widgets Centralizado
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Título dos Widgets Centralizado
- Descrição:
Olá pessoal, gostaria de saber como centralizar e botar esse efeito de sombra no titulo dos widgets ^^
~ Postem o código para PUNBB. Abraços.
~ Angel.
- Informações:
Fórum: | http://pokemondiamondbattle.forumeiros.com | Versão: | PUNBB |
Tipo: | Pedido de código | Tags: | Título,Widgets,Centralizado |
Última edição por Kirisama em 28.07.14 15:45, editado 2 vez(es)
Re: Título dos Widgets Centralizado
Olá,
Senhor, adicione este código em sua folha de estilo CSS.
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Até mais,
Passar bem.
Senhor, adicione este código em sua folha de estilo CSS.
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
- Código:
.module .main-head h3 {
text-shadow: 1px 3px 2px #000;
text-align: center;
}
Até mais,
Passar bem.
Re: Título dos Widgets Centralizado
Saudações!
Aceda à tua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Melhores cumprimentos,
Sennior.
Aceda à tua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
- Código:
.h3 {text-shadow: 1px 3px 2px #000 !important;text-align: center !important;font-weight: 900 !important;}
Melhores cumprimentos,
Sennior.
Re: Título dos Widgets Centralizado
Ah, funcionou perfeitamente sennior
Já que o assunto é Widget...
poderia passar um code que arredonde as bordas superiores do cabeçalho dele?
~ Agradeço desde já.
~ Angel.
Já que o assunto é Widget...
poderia passar um code que arredonde as bordas superiores do cabeçalho dele?
~ Agradeço desde já.
~ Angel.
Re: Título dos Widgets Centralizado
Bom dia!
Adicione em seu CSS junto com o código do Sennior:
Adicione em seu CSS junto com o código do Sennior:
- Código:
.module.main { border-radius: 5px !important; }
Re: Título dos Widgets Centralizado
Mas, eu queria o efeito só no cabeçalho do Widget ^^
Como eu tinha pedido:
~ Até mais. Aguardo respostas.
~ Angel.
Como eu tinha pedido:
Já que o assunto é Widget...
poderia passar um code que arredonde as bordas superiores do cabeçalho dele?
~ Até mais. Aguardo respostas.
~ Angel.
Re: Título dos Widgets Centralizado
Olá,
Em CSS é possível passar diversos valores dentro de uma única declaração.. Com border-radius quando passamos apenas um valor ele será valido para todos os lados do elemento que vamos estilizar ou seja, escrever isso:
É o mesmo que isso:
Isso é útil quando vamos arredondar todos os cantos, mas quando queremos apenas alguns cantos, como no seu caso, é necessário passar todos esses valores, ficando assim:
A contagem começa da ponta superior esquerda e continua até a inferior direita, por exemplo neste código:
Você obteria um quadrado assim:
Entendeu como funciona?
Basta mudar o valor de 5px para 5px 5px 0 0
Até mais...
Em CSS é possível passar diversos valores dentro de uma única declaração.. Com border-radius quando passamos apenas um valor ele será valido para todos os lados do elemento que vamos estilizar ou seja, escrever isso:
- Código:
#elemento{border-radius:5px;}
É o mesmo que isso:
- Código:
#elemento{border-radius:5px 5px 5px 5px}
Isso é útil quando vamos arredondar todos os cantos, mas quando queremos apenas alguns cantos, como no seu caso, é necessário passar todos esses valores, ficando assim:
- Código:
#elemento{border-radius:5px 5px 0 0}[
A contagem começa da ponta superior esquerda e continua até a inferior direita, por exemplo neste código:
- Código:
#elemento{border-radius:10px 20px 30px 40px}
Você obteria um quadrado assim:
elemento |
Entendeu como funciona?
Basta mudar o valor de 5px para 5px 5px 0 0
Até mais...
Re: Título dos Widgets Centralizado
Funcionou!
Mas, como arredonda as bordas inferiores, mas a borda cinza do meu Widget ^^
Veja aqui.
Tem uma borda cinza, e gostaria de arredondar ela
Lembrando que as células das tabelas também tem essa borda, e no perfil também tem (nos quadros menores)
~ Cuidado com o code que me dão, pois pode mudar outros fatores do fórum. Abraços.
~ Angel.
Mas, como arredonda as bordas inferiores, mas a borda cinza do meu Widget ^^
Veja aqui.
Tem uma borda cinza, e gostaria de arredondar ela
Lembrando que as células das tabelas também tem essa borda, e no perfil também tem (nos quadros menores)
~ Cuidado com o code que me dão, pois pode mudar outros fatores do fórum. Abraços.
~ Angel.
Re: Título dos Widgets Centralizado
Bom, sinceramente não to vendo essa tal borda kk
Vou chutar que seja essa aqui, teste o código:
Resulta?
Vou chutar que seja essa aqui, teste o código:
- Código:
.pun .main-content{border-radius:0 0 5px 5px}
Resulta?
Re: Título dos Widgets Centralizado
Vc chutou muito bem, funcionou
Bem, último pedido sobre Widget.
Voltando ao cabeçalho do Widget...
Queria inserir uma borda de cor rgb(0, 0, 50) no cabeçalho (parte azul escura dele)
Poderia mostrar o code?
Bem, último pedido sobre Widget.
Voltando ao cabeçalho do Widget...
Queria inserir uma borda de cor rgb(0, 0, 50) no cabeçalho (parte azul escura dele)
Poderia mostrar o code?
Re: Título dos Widgets Centralizado
Saudações!
Aceda à tua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Melhores cumprimentos,
Sennior.
Aceda à tua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
- Código:
.main-head {border-bottom: 1px solid rgb(0, 0, 50);}
Melhores cumprimentos,
Sennior.
Tópicos semelhantes
» Titulo sub-fórum centralizado
» Titulo dos fóruns centralizado
» Título dos widgets
» Titulo dos widgets
» Alterar cor do titulo dos widgets
» Titulo dos fóruns centralizado
» Título dos widgets
» Titulo dos widgets
» Alterar cor do titulo dos widgets
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos