Código CSS de Widgets

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

Resolvido Código CSS de Widgets

Mensagem por Zeref-kun em 29/09/14, 01:18 am

Olá amigos, eu queria a alteração nesse código:
Código:
#left .module {
   background: url('http://illiweb.com/bl/spirale.png') no-repeat scroll 0px 0px #E5F1F9;
   border-color: #315C99 #B9C4CD #B9C4CD;
   border-radius: 6px 6px 3px 3px;
   border-style: solid;
   border-width: 0px 1px 1px;
}
.module {
   color: #536482;
   margin-bottom: 4px;
   overflow: hidden;
   padding: 0px 10px;
}
#left .module .h3, #left .module ul {
   border-radius: 6px 5px 0px 0px;
   overflow: hidden;
}
#left .module .h3 {
   background-color: #1775BD;
   box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.247) inset, 0px 1px 3px rgba(0, 0, 0, 0.298), 0px 2px 0px rgba(255, 255, 255, 0.2) inset;
   color: #FFF !important;
   cursor: default !important;
   font-family: Arial;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   height: 14px;
   margin-left: -9px !important;
   margin-right: -9px !important;
   margin-top: -5px !important;
   padding: 7px !important;
   text-align: center !important;
   text-shadow: 1px 1px 0px #5C5C5C !important;
}
p.center {
   margin: 0px;
   text-align: center;
}
.module span.corners-bottom, .module span.corners-top {
   margin: 0px -10px;
}
Eu gostaria que pusessem a cor azul claro no cabeçalho dos Widgets, e que melhorassem para ficar igual aqui no FdF, pois fica 1px longe das bordas laterais, e queria queria que ocupasse a largura toda do Widget no cabeçalho dele. E a coloração azul clara também é para as bordas, retirem a sombra que tem abaixo do cabeçalho do Widget. E é isso Contente
Vou esperar respostas! Até mais Muito feliz
avatar

Zeref-kun
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 107
Pontos Ativos : 179

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

Resolvido Re: Código CSS de Widgets

Mensagem por Sennior em 29/09/14, 01:24 am

Boas,

Altere teu código pelo abaixo, e me diga se deseja mais modificações:
Código:
#left .module {
  background: url('http://illiweb.com/bl/spirale.png') no-repeat scroll 0px 0px #E5F1F9;
  border-color: #315C99 #B9C4CD #B9C4CD;
  border-radius: 6px 6px 3px 3px;
  border-style: solid;
  border-width: 0px 1px 1px;
  padding: 3px;
}
.module {
  color: #536482;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 0px 10px;
}
#left .module .h3, #left .module ul {
  border-radius: 6px 5px 0px 0px;
  overflow: hidden;
}
#left .module .h3 {
background-color: #1775BD;
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 14px;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
text-shadow: 1px 1px 0 #5C5C5C!important;
position: relative;
top: -4px;
}
p.center {
  margin: 0px;
  text-align: center;
}
.module span.corners-bottom, .module span.corners-top {
  margin: 0px -10px;
}

Abraços.
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: Código CSS de Widgets

Mensagem por Zeref-kun em 29/09/14, 02:23 am

Humm... Excelente!
Mas, as categorias e os Widgets estão grudados agora :s
Tem como você ver um code que altera esse espaço entre Widgets e categorias para 2px?? Muito feliz
avatar

Zeref-kun
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 107
Pontos Ativos : 179

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

Resolvido Re: Código CSS de Widgets

Mensagem por Sennior em 29/09/14, 02:26 am

Sim amigo, mas o link referente ao teu fórum é este mesmo?
Seta http://testmanager.forumeiros.com/

Não estou vendo mudanças que o senhor diz que ocorreu. Louco
Até mais.
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: Código CSS de Widgets

Mensagem por Zeref-kun em 29/09/14, 05:06 am

Ops... Eu havia inserido neste fórum: http://narutogenesys.forumeiros.com
Eu confundo os fóruns, o código é do Test Manager enquanto ele se aplica ao Naruto Genesis slap
Agora pode ver como ficou Muito feliz
avatar

Zeref-kun
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 107
Pontos Ativos : 179

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

Resolvido Re: Código CSS de Widgets

Mensagem por iPrompt em 29/09/14, 07:34 am

Olá,

Adiciona este código no Final da sua Folha de estilo CSS

Código:
#content-container div#left {
    margin-right: 2px!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Código CSS de Widgets

Mensagem por Faker em 03/10/14, 11:13 am

Olá!

Coloque o código abaixo em sua folha CSS:

Código:

#left .module {margin-top:3px!important;}
li.row {margin-top:2px!important;}

Espero que dê certo.
Atenciosamente.
avatar

Faker
Nível 6

Masculino
Inscrito dia : 03/10/2014
Mensagens : 61
Pontos Ativos : 76

Ver perfil do usuário

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