Espaçar bordas dos widgets

4 participantes

Ir para baixo

Tópico resolvido Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 0:56

http://bootcampns.forumeiros.com/forum

Por exemplo, no widget de top postadores,  o "Iriw" está muito colado a header. Gostaria que houvese um espaço de pelo menos 3 pixels entre o "TOP DOS MAIS POSTADORES" e o "Iriw".

Mas não sei como eu posso dar esse espaço entre o "conteúdo" do widget, e as bordas/header. Podem me ajudar?
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por RafaelS. 24.07.15 0:58

Olá.

Adicione a sua folha de estilos(CSS):

Código:
.module .inner { padding: 3px;}

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 1:36

Raffy escreveu:Olá.

Adicione a sua folha de estilos(CSS):

Código:
.module .inner { padding: 3px;}

Atenciosamente.

Não adiantou, e deu um espação em cima da header, separando a borda dele
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior 24.07.15 2:38

Saudações,

Use este então:
Código:
.module {margin-bottom: 15px!important;}

Coloque-o no inicio de teu CSS.
Até mais.
Sennior
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: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 2:51

Sennior escreveu:Saudações,

Use este então:
Código:
.module {margin-bottom: 15px!important;}

Coloque-o no inicio de teu CSS.
Até mais.
Sennior

Não resulta ><
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior 24.07.15 2:57

Saudações,

O fórum é este mesmo?
Seta http://bootcampns.forumeiros.com/forum

E o código que eu lhe dei resultou sim, ora! Mas creio que esteja dizendo outra coisa e eu entendi errado... Pensativo
Troque por este então:

Código:
.module {
  margin-top: 10pc!important;
}

Até mais.
Sennior
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: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 3:04

Sennior escreveu:Saudações,

O fórum é este mesmo?
Seta http://bootcampns.forumeiros.com/forum

E o código que eu lhe dei resultou sim, ora! Mas creio que esteja dizendo outra coisa e eu entendi errado... Pensativo
Troque por este então:

Código:
.module {
  margin-top: 10pc!important;
}

Até mais.
Sennior

É esse sim, na verdade...

https://i.imgur.com/6K88Ih8.png

Tá vendo a linha vermelha? Quero aumentar esse espaço aí ><
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior 24.07.15 3:08

Rindo Eu entendi errado... Troque o CSS pelo abaixo:
Código:
.inner {
  padding: 5px!important;
}
#left .module .h3 {
  position: relative!important;
  top: -4px!important;
}

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: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 3:18

Sennior escreveu:Rindo Eu entendi errado... Troque o CSS pelo abaixo:
Código:
.inner {
  padding: 5px!important;
}
#left .module .h3 {
  position: relative!important;
  top: -4px!important;
}

Até mais.

Ahhh, seu mito. Valeu.

+1 Thanks
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 3:19

Sennior escreveu:Rindo Eu entendi errado... Troque o CSS pelo abaixo:
Código:
.inner {
  padding: 5px!important;
}
#left .module .h3 {
  position: relative!important;
  top: -4px!important;
}

Até mais.

Ah sim, e como eu tiro essa diferença branca que dá no widget dos top postadores?
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior 24.07.15 3:42

Hum... Tente colocando este código no inicio de teu CSS:
Código:
table {
  background-color: rgb(234, 234, 234)!important;
}
td.row1, .row2 {
  background-color: #EAEAEA!important;
  border: transparent!important;
}
.module .inner {
  background-color: rgb(234, 234, 234)!important;
}

Até mais.
Sennior
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: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 17:01

Sennior escreveu:Hum... Tente colocando este código no inicio de teu CSS:
Código:
table {
  background-color: rgb(234, 234, 234)!important;
}
td.row1, .row2 {
  background-color: #EAEAEA!important;
  border: transparent!important;
}
.module .inner {
  background-color: rgb(234, 234, 234)!important;
}

Até mais.
Sennior

Deixou tudo cinza haha
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise 24.07.15 17:07

Olá!

Tente este:
Código:
table {
  background-color: rgb(255, 255, 255)!important;
}
td.row1, .row2 {
  background-color: #fff!important;
  border: transparent!important;
}
.module .inner {
  background-color: rgb(255, 255, 255)!important;
}

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 17:16

Ahm, em tempo ainda, como eu consigo deixar o titulo 'Top dos Mais Postadores' mais pra baixo? Ele tá muito em cima na barra preta...

https://i.imgur.com/5ijJdCw.png


Edit: THANKS Fraise Muito feliz
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise 24.07.15 17:27

Olá!

Adicione no inicio da sua folha de estilos:
Código:
#left .module .h3 {
  margin-top: -1px!important;
}

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 17:33

Fraise escreveu:Olá!

Adicione no inicio da sua folha de estilos:
Código:
#left .module .h3 {
  margin-top: -1px!important;
}

Cumprimentos.
Fraise

Não resulta o/
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise 24.07.15 17:34

Olá!

Vou precisar que me forneça a sua folha de estilos, por gentileza. Feliz

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 18:07

Código:
#left .module .h3 {
  margin-top: 20px!important;
}
table {
  background-color: rgb(234, 234, 234)!important;
}
td.row1, .row2 {
  background-color: #EAEAEA!important;
  border: transparent!important;
}
#left .module .h3 {
  position: relative!important;
  top: -4px!important;
}

.h3{
color:#FFFFFF!important;
}

.module .h3 {http://i.imgur.com/OZRDGmO.png);
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module .h3 {
  background-image: url(http://i.imgur.com/OZRDGmO.png)
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module {
  padding: 0 0px!important;
}
.module .inner {
  border-radius: 7px;
  background-color: transparent;
  border-color: #186d94 #186d94 #186d94!important;
  border-style: solid!important;
  border-width: 1 1px 1px!important;
  padding-left: 5px;
}


  .module .h3 {
  margin-top: -5px!important;
  border-radius: 6px 6px 0px 0px !important;
}


//LOL//

#left .module .h3, #left .module ul {
    border-radius: 7px!important;
}
#left .module .h3 {
    background: url(http://i.imgur.com/OZRDGmO.png) #FBFBFB;
    border-radius: 7px!important;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) 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;
    margin-left: -9px!important;
    margin-right: -9px!important;
    margin-top: -6px!important;
    padding: 7px!important;
    text-align: center!important;
}
.introduction .h3, .module .h3, .postbody .h3 {
    margin-top: 5px;
}
.h3 {
    border-bottom: 0;
}
.h3 {
    font-weight: 700;
}
.h3, h3 {
    border-bottom: 1px solid #1675bc;
    color: #1675bc;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.05em;
    margin-bottom: 3px;
    margin-top: 20px;
    padding-bottom: 2px;
}

.module {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.module {
background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC) repeat-X;
}

.module {
background-image:url(http://i.imgur.com/aEuEQWJ.png);
background-repeat: repeat-x;
}
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise 24.07.15 18:12

Olá!

Queira trocar a sua folha de estilos por esta:
Código:
table {
  background-color: rgb(234, 234, 234)!important;
}
td.row1, .row2 {
  background-color: #EAEAEA!important;
  border: transparent!important;
}
#left .module .h3 {
  position: relative!important;
  top: -4px!important;
}

.h3{
color:#FFFFFF!important;
}

.module .h3 {http://i.imgur.com/OZRDGmO.png);
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module .h3 {
  background-image: url(http://i.imgur.com/OZRDGmO.png)
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module {
  padding: 0 0px!important;
}
.module .inner {
  border-radius: 7px;
  background-color: transparent;
  border-color: #186d94 #186d94 #186d94!important;
  border-style: solid!important;
  border-width: 1 1px 1px!important;
  padding-left: 5px;
}


  .module .h3 {
  margin-top: -5px!important;
  border-radius: 6px 6px 0px 0px !important;
}


//LOL//

#left .module .h3, #left .module ul {
    border-radius: 7px!important;
}
#left .module .h3 {
    background: url(http://i.imgur.com/OZRDGmO.png) #FBFBFB;
    border-radius: 7px!important;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) 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;
    margin-left: -9px!important;
    margin-right: -9px!important;
    margin-top: -1px!important;
    padding: 7px!important;
    text-align: center!important;
}
.introduction .h3, .module .h3, .postbody .h3 {
    margin-top: 5px;
}
.h3 {
    border-bottom: 0;
}
.h3 {
    font-weight: 700;
}
.h3, h3 {
    border-bottom: 1px solid #1675bc;
    color: #1675bc;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.05em;
    margin-bottom: 3px;
    margin-top: 20px;
    padding-bottom: 2px;
}

.module {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.module {
background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC) repeat-X;
}

.module {
background-image:url(http://i.imgur.com/aEuEQWJ.png);
background-repeat: repeat-x;
}

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs 24.07.15 18:57

Fraise escreveu:Olá!

Queira trocar a sua folha de estilos por esta:
Código:
table {
  background-color: rgb(234, 234, 234)!important;
}
td.row1, .row2 {
  background-color: #EAEAEA!important;
  border: transparent!important;
}
#left .module .h3 {
  position: relative!important;
  top: -4px!important;
}

.h3{
color:#FFFFFF!important;
}

.module .h3 {http://i.imgur.com/OZRDGmO.png);
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module .h3 {
  background-image: url(http://i.imgur.com/OZRDGmO.png)
  border: 0px solid #186d94;
  border-radius: 1px;
  clear: both;
  margin-bottom: 0px;
  padding: 9px!important;

}

.module {
  padding: 0 0px!important;
}
.module .inner {
  border-radius: 7px;
  background-color: transparent;
  border-color: #186d94 #186d94 #186d94!important;
  border-style: solid!important;
  border-width: 1 1px 1px!important;
  padding-left: 5px;
}


  .module .h3 {
  margin-top: -5px!important;
  border-radius: 6px 6px 0px 0px !important;
}


//LOL//

#left .module .h3, #left .module ul {
    border-radius: 7px!important;
}
#left .module .h3 {
    background: url(http://i.imgur.com/OZRDGmO.png) #FBFBFB;
    border-radius: 7px!important;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) 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;
    margin-left: -9px!important;
    margin-right: -9px!important;
    margin-top: -1px!important;
    padding: 7px!important;
    text-align: center!important;
}
.introduction .h3, .module .h3, .postbody .h3 {
    margin-top: 5px;
}
.h3 {
    border-bottom: 0;
}
.h3 {
    font-weight: 700;
}
.h3, h3 {
    border-bottom: 1px solid #1675bc;
    color: #1675bc;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.05em;
    margin-bottom: 3px;
    margin-top: 20px;
    padding-bottom: 2px;
}

.module {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.module {
background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC) repeat-X;
}

.module {
background-image:url(http://i.imgur.com/aEuEQWJ.png);
background-repeat: repeat-x;
}

Cumprimentos.
Fraise

Muito Obrigado.

Como eu mudo o nome do "Membros mais ativos da semana" para "Top Semanal" ?
Lobs
Lobs
****

Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise 24.07.15 18:58

Olá!

Só é permitida uma dúvida por tópico, para essa dúvida terá de criar um novo tópico.

Cumprimentos.
Fraise



Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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