Código CSS de Widgets

4 participantes

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

Tópico resolvido Código CSS de Widgets

Mensagem por Zeref-kun 29.09.14 5:18

Olá amigos, eu queria a alteração nesse código:
Código:
#left .module {
   background: url('http://2img.net/i/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
Zeref-kun

Zeref-kun
***

Membro desde : 29/07/2014
Mensagens : 107
Pontos : 179

http://pokemondiamondbattle.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Código CSS de Widgets

Mensagem por Sennior 29.09.14 5:24

Boas,

Altere teu código pelo abaixo, e me diga se deseja mais modificações:
Código:
#left .module {
  background: url('http://2img.net/i/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.
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: Código CSS de Widgets

Mensagem por Zeref-kun 29.09.14 6:23

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
Zeref-kun

Zeref-kun
***

Membro desde : 29/07/2014
Mensagens : 107
Pontos : 179

http://pokemondiamondbattle.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Código CSS de Widgets

Mensagem por Sennior 29.09.14 6:26

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

Mensagem por Zeref-kun 29.09.14 9:06

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
Zeref-kun

Zeref-kun
***

Membro desde : 29/07/2014
Mensagens : 107
Pontos : 179

http://pokemondiamondbattle.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código CSS de Widgets

Mensagem por Roevs 29.09.14 11:34

Olá,

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

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

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código CSS de Widgets

Mensagem por Faker 03.10.14 15:13

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

Faker
**

Membro desde : 03/10/2014
Mensagens : 61
Pontos : 76

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