InícioEspaçar bordas dos widgets
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Espaçar bordas dos widgets
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?
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por RafaelS. 24.07.15 0:58
Olá.
Adicione a sua folha de estilos(CSS):
Atenciosamente.
Adicione a sua folha de estilos(CSS):
- Código:
.module .inner { padding: 3px;}
Atenciosamente.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Espaçar bordas dos widgets
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Sennior 24.07.15 2:38
Saudações,
Use este então:
Coloque-o no inicio de teu CSS.
Até mais.
Sennior
Use este então:
- Código:
.module {margin-bottom: 15px!important;}
Coloque-o no inicio de teu CSS.
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Espaçar bordas dos widgets
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Sennior 24.07.15 2:57
Saudações,
O fórum é este mesmo?
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...
Troque por este então:
Até mais.
Sennior
O fórum é este mesmo?
http://bootcampns.forumeiros.com/forumE o código que eu lhe dei resultou sim, ora! Mas creio que esteja dizendo outra coisa e eu entendi errado...
Troque por este então:
- Código:
.module {
margin-top: 10pc!important;
}
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Espaçar bordas dos widgets
por Lobs 24.07.15 3:04
Sennior escreveu:Saudações,
O fórum é este mesmo?
E o código que eu lhe dei resultou sim, ora! Mas creio que esteja dizendo outra coisa e eu entendi errado...
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Sennior 24.07.15 3:08
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- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Espaçar bordas dos widgets
por Lobs 24.07.15 3:18
Sennior escreveu:
- Código:
.inner {
padding: 5px!important;
}
#left .module .h3 {
position: relative!important;
top: -4px!important;
}
Até mais.
Ahhh, seu mito. Valeu.
+1 Thanks
Lobs- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Lobs 24.07.15 3:19
Sennior escreveu:
- 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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Sennior 24.07.15 3:42
Hum... Tente colocando este código no inicio de teu CSS:
Até mais.
Sennior
- 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- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Espaçar bordas dos widgets
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Fraise 24.07.15 17:07
Olá!
Tente este:
Cumprimentos.
Fraise
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- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Espaçar bordas dos widgets
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
https://i.imgur.com/5ijJdCw.png
Edit: THANKS Fraise
Lobs- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Fraise 24.07.15 17:27
Olá!
Adicione no inicio da sua folha de estilos:
Cumprimentos.
Fraise
Adicione no inicio da sua folha de estilos:
- Código:
#left .module .h3 {
margin-top: -1px!important;
}
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Espaçar bordas dos widgets
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Fraise 24.07.15 17:34
Olá!
Vou precisar que me forneça a sua folha de estilos, por gentileza.
Cumprimentos.
Fraise
Vou precisar que me forneça a sua folha de estilos, por gentileza.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Espaçar bordas dos widgets
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
por Fraise 24.07.15 18:12
Olá!
Queira trocar a sua folha de estilos por esta:
Cumprimentos.
Fraise
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- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Espaçar bordas dos widgets
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- ****
- Membro desde : 02/06/2013
Mensagens : 323
Pontos : 378 -
Re: Espaçar bordas dos widgets
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
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- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tópicos semelhantes» Bordas dos widgets
» Bordas widgets
» Colocar bordas nos widgets
» Adicionar bordas nos Widgets
» Arredondar bordas dos widgets
» Bordas widgets
» Colocar bordas nos widgets
» Adicionar bordas nos Widgets
» Arredondar bordas dos widgets
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos