Título dos Widgets Centralizado

5 participantes

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

Tópico resolvido Título dos Widgets Centralizado

Mensagem por ShaDownS 24.07.14 5:47


  • 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.comVersão:PUNBB
Tipo:Pedido de códigoTags:Título,Widgets,Centralizado



Última edição por Kirisama em 28.07.14 15:45, editado 2 vez(es)
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por First 24.07.14 6:25

Olá,

Senhor, adicione este código em sua folha de estilo CSS.
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
.module .main-head h3 {
text-shadow: 1px 3px 2px #000;
text-align: center;
}


Até mais,
Passar bem. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS 25.07.14 2:38

Olá,
Não resultou.

~ O efeito pegou no Widget de Conexão.
~ Veja aqui.
~ Angel.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por Sennior 25.07.14 4:42

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
.h3 {text-shadow: 1px 3px 2px #000  !important;text-align: center  !important;font-weight: 900  !important;}
Coloque o código no inicio de teu CSS.
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS 25.07.14 16:30

Ah, funcionou perfeitamente sennior Feliz
Já que o assunto é Widget...
poderia passar um code que arredonde as bordas superiores do cabeçalho dele? Feliz

~ Agradeço desde já.
~ Angel.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por Shek 26.07.14 16:35

Bom dia!

Adicione em seu CSS junto com o código do Sennior:
Código:
.module.main { border-radius: 5px !important; }
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS 26.07.14 20:22

Mas, eu queria o efeito só no cabeçalho do Widget ^^
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.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por waghcwb 26.07.14 22:22

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:
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...
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS 27.07.14 0:41

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 Feliz
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.
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por waghcwb 27.07.14 2:25

Bom, sinceramente não to vendo essa tal borda kk

Vou chutar que seja essa aqui, teste o código:
Código:
.pun .main-content{border-radius:0 0 5px 5px}

Resulta?
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS 27.07.14 5:07

Vc chutou muito bem, funcionou Tive uma idéia!
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? Muito feliz
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Título dos Widgets Centralizado

Mensagem por Sennior 27.07.14 5:29

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
.main-head {border-bottom: 1px solid rgb(0, 0, 50);}
Coloque o código no inicio de teu CSS.

Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos