Título dos Widgets Centralizado

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

Resolvido Título dos Widgets Centralizado

Mensagem por ShaDownS em 24/07/14, 01:47 am


  • 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, 11:45 am, editado 2 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Título dos Widgets Centralizado

Mensagem por First em 24/07/14, 02:25 am

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
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS em 24/07/14, 10:38 pm

Olá,
Não resultou.

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

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Título dos Widgets Centralizado

Mensagem por Sennior em 25/07/14, 12:42 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS em 25/07/14, 12:30 pm

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.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Título dos Widgets Centralizado

Mensagem por Shek em 26/07/14, 12:35 pm

Bom dia!

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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17165
Pontos Ativos : 21420

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS em 26/07/14, 04:22 pm

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.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Título dos Widgets Centralizado

Mensagem por waghcwb em 26/07/14, 06:22 pm

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...
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS em 26/07/14, 08:41 pm

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.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Título dos Widgets Centralizado

Mensagem por waghcwb em 26/07/14, 10:25 pm

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?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Título dos Widgets Centralizado

Mensagem por ShaDownS em 27/07/14, 01:07 am

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
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Título dos Widgets Centralizado

Mensagem por Sennior em 27/07/14, 01:29 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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