Espaçar bordas dos widgets

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

Resolvido Espaçar bordas dos widgets

Mensagem por Lobs em 23/07/15, 08:56 pm

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

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Rafael em 23/07/15, 08:58 pm

Olá.

Adicione a sua folha de estilos(CSS):

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

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs em 23/07/15, 09:36 pm

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
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior em 23/07/15, 10:38 pm

Saudações,

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

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

Mensagem por Lobs em 23/07/15, 10:51 pm

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

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior em 23/07/15, 10:57 pm

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

Mensagem por Lobs em 23/07/15, 11:04 pm

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

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

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

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior em 23/07/15, 11:08 pm

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

Mensagem por Lobs em 23/07/15, 11:18 pm

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

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs em 23/07/15, 11:19 pm

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

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Sennior em 23/07/15, 11:42 pm

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

Mensagem por Lobs em 24/07/15, 01:01 pm

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

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise em 24/07/15, 01:07 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs em 24/07/15, 01:16 pm

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

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


Edit: THANKS Fraise Muito feliz
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise em 24/07/15, 01:27 pm

Olá!

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

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs em 24/07/15, 01:33 pm

@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/
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise em 24/07/15, 01:34 pm

Olá!

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

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs em 24/07/15, 02:07 pm

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;
}
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise em 24/07/15, 02:12 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Lobs em 24/07/15, 02:57 pm

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

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Espaçar bordas dos widgets

Mensagem por Fraise em 24/07/15, 02:58 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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