Linha de margem passa em cima do título
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Linha de margem passa em cima do título
Qual é minha questão:
Gostaria de saber aonde que concerto esta linha onde destaquei na imagem.
https://i.imgur.com/YmpAKrV.png
Utilizei este código e fiz umas alterações em cores e talz, mas mesmo utilizando o código todo essa linha ainda atravessa o título, só gostaria de saber aonde arrumo isso.
Código utilizado.
Endereço do meu fórum:
http://clothmythrevolution.com
Versão do fórum:
PHPBB3
Gostaria de saber aonde que concerto esta linha onde destaquei na imagem.
https://i.imgur.com/YmpAKrV.png
Utilizei este código e fiz umas alterações em cores e talz, mas mesmo utilizando o código todo essa linha ainda atravessa o título, só gostaria de saber aonde arrumo isso.
Código utilizado.
- Código:
.colorpicker_hsb_h {
background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png");
left: 282px;
top: 52px;
}
.colorpicker_hsb_s {
background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png");
left: 282px;
top: 82px;
}
.colorpicker_hsb_b {
background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png");
left: 282px;
top: 112px;
}
.colorpicker_submit {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png") repeat scroll center top transparent;
height: 22px;
left: 322px;
overflow: hidden;
position: absolute;
top: 142px;
width: 22px;
}
.colorpicker_focus {
background-position: center center;
}
.colorpicker_hex.colorpicker_focus {
background-position: center bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: center bottom;
}
.colorpicker_slider {
background-position: center bottom;
}
.lastpost {
border-radius: 7px 7px 7px 7px;
box-shadow: 0 0 8px #666666;
margin: 3px;
width: auto;
}
.header .lastpost {
box-shadow: none;
}
blockquote, blockquote blockquote, blockquote blockquote blockquote {
background: url("http://i.imgur.com/EhCel.png") no-repeat scroll 0 0 #E6F1FB;
border: 1px solid #27C2D6;
border-radius: 5px 5px 5px 5px;
box-shadow: 1px 1px 5px #27C2D6;
min-height: 30px;
padding: 10px 20px;
}
.spoiler {
border: 1px solid #D9E1EC;
padding: 5px;
}
.spoiler_content {
background-color: #FFFFFF;
border: 1px solid #D9E1EC;
margin-top: -6px;
padding: 5px;
}
.spoiler dt {
background-color: Transparent;
background-image: url("http://i66.servimg.com/u/f66/12/56/56/12/134.gif");
background-repeat: no-repeat;
}
.spoiler dd {
background-image: url("http://i66.servimg.com/u/f66/12/56/56/12/136.gif");
background-position: 14px 2px;
background-repeat: no-repeat;
}
ul.profile-icons li a img {
opacity: 1;
}
ul.profile-icons li a img:hover {
bottom: -2px;
opacity: 0.7;
padding: 0;
position: relative;
}
.post span.corners-bottom {
background: url("http://i41.servimg.com/u/f41/14/81/19/72/dibujo10.png") repeat scroll 0 0 transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 34px;
margin-top: 15px;
}
.post span.corners-top {
background: url("http://i.imgur.com/d1f7o.png") repeat scroll 0 0 transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 33px;
}
.row:hover {
background: linear-gradient(#E7EAF1, #FFFFFF) repeat scroll 0 0 #E3E3E3;
}
.row4 {
background-color: #E3E3E3;
}
.row4:hover {
background-color: #C4C4C4;
}
form[action="/privmsg"] h1.page-title:after {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
color: #000000;
content: "Afim de melhor aproveitar o sistema de Mensagens Privadas, notificamos que não oferecemos suporte via Mensagem Privada.";
display: block;
font-size: 12px;
padding: 10px;
text-align: center;
}
.cat-tabs {
margin: 10px auto;
text-align: center;
}
.ct-item {
background: none repeat scroll 0 0 #D3EFF6;
color: #999999;
display: inline;
font-weight: 700;
margin: 5px;
padding: 5px;
}
.ct-active {
background: none repeat scroll 0 0 #D7EEB7;
color: #FFFFFF;
}
div.post.fdd1, div.post.online.fdd1 {
background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
background-position: right bottom;
background-repeat: no-repeat;
}
#login_popup .h3 {
display: none;
}
#login_popup {
background: url("http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png") repeat scroll 0 0 #FFFFFF;
border: 2px solid #EBEBEB;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 8px #969696;
font-family: Trebuchet MS;
font-size: 1.2em;
height: 250px !important;
padding: 10px;
position: absolute;
width: 350px !important;
}
.postprofile {
background-color: #E5F1F9;
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #F2F2F2;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 8px #FAFAFA;
color: #000000;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
position: relative;
width: 19%;
}
.post inner {
position: relative;
}
.postprofile dl dd.info {
background: none repeat scroll 0 0 #E5F1F9;
border-color: #F2F2F2;
box-shadow: 0 0 8px #FAFAFA;
display: none;
margin-bottom: 5px;
margin-left: 160px;
padding: 8px 5px 9px;
position: absolute;
top: 11px;
width: 290px;
z-index: 999;
}
.postprofile dl:hover dd.info {
display: block !important;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url("http://i48.servimg.com/u/f48/15/88/72/83/button10.png");
background-position: right bottom;
background-repeat: no-repeat;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2, input.liteoption, input.mainoption {
background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat scroll 0 0 #F4F5F4;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
padding: 2px;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
background-position: 0 100%;
border: 1px solid #80B2D9;
color: #80B2D9;
}
div.postprofile dl dt img {
margin-left: 3px;
transition: all 0.5s ease 0s;
}
div.postprofile dl dt img:hover {
transform: rotate(-7deg);
}
.post {
background-image: url("");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #CCCCCC;
}
.signature {
background-image: url("");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #CCCCCC;
}
.avatar-index {
float: left;
}
.avatar-index img {
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #DDDDDD;
height: 40px;
margin: 0 5px;
padding: 1px;
width: 40px;
}
.avatar-index img:hover {
border: 1px dashed #CCCCCC;
}
.avatar-subforo {
float: right;
}
#footerSw {
background: none repeat scroll 0 0 #262626;
border-top: 3px solid #5493B4;
color: #E1E1E1;
display: table;
padding: 1em 1em 1em 10em;
position: relative !important;
text-align: center;
width: 100%;
}
#footerSw > li {
bottom: 2em;
position: absolute;
right: 5em;
}
#footerSw p {
float: left;
font-family: Tahoma;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 20px 0;
}
#footerSw ul {
float: left;
list-style: none outside none;
margin: 0 auto;
padding: 1em;
text-align: center;
width: 15em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
color: #5493B4;
font-family: "Century Gothic",Verdana,Geneva,sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-bottom: 6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
.pagination span a {
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
background: linear-gradient(#F3F3F3, #E6E6E6) repeat scroll 0 0 #E6E6E6;
border-color: #CCCCCC #CCCCCC #AAAAAA !important;
border-image: none !important;
border-style: solid !important;
border-width: 1px !important;
box-shadow: 0 1px #EFEFEF !important;
color: #333333 !important;
padding-bottom: 3px !important;
padding-right: 12px !important;
padding-top: 3px !important;
}
.pagination span a:hover, .pagination span strong {
background: linear-gradient(#B4F6FF, #58B0E7) repeat scroll 0 0 #58B0E7;
border: 1px solid #3390CA !important;
box-shadow: 0 1px #E7E7E7 !important;
color: #FFFFFF !important;
padding-bottom: 3px !important;
padding-right: 12px !important;
padding-top: 3px !important;
}
div.pagination a {
margin-bottom: -20px !important;
}
.content a {
background: url("http://img16.imageshack.us/img16/77/337884.png") no-repeat scroll 0 4px transparent;
padding-left: 15px;
}
#i_whosonline + p br + br + em {
background: url("http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png") repeat-x scroll left bottom #FFFFFF;
border: 2px solid #DDDDDD;
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0;
margin: 0 auto;
padding: 10px 8px 5px 5px;
text-align: center !important;
width: 61% !important;
}
#i_whosonline + p br + br + em a {
font-size: 15px;
font-style: normal;
font-weight: 400;
margin: 0 5px;
text-shadow: 0 1px 1px #454545;
}
#i_whosonline + p br + br + em a:hover {
background: none repeat scroll 0 0 #DDDDDD;
padding: 9px 10px 10px;
}
.fade {
background: -moz-linear-gradient(left center , #F3F3F3 0%, rgba(243, 243, 243, 0) 100%) repeat scroll 0 0 transparent;
display: inline-block;
}
.blur {
color: #DDDDDD;
display: inline-block;
text-shadow: 0 0 6px #AAAAAA;
}
.flipH {
display: inline-block;
transform: scale(-1, 1);
}
.flipV {
display: inline-block;
transform: scale(1, -1);
}
.h3,h3{border-bottom:1px solid #0076b1;color:#0076b1;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.05em;margin-bottom:3px;margin-top:20px;padding-bottom:2px;text-transform:uppercase}.h3{font-weight:700}
.module {
background: #e6f2fa;
border: 1px solid #b0dbf8;
border-radius: 3px 3px 3px 3px;
box-shadow: 3px 3px 3px #afafaf;
}
#content-container div#right { margin-top: 100px; }
Endereço do meu fórum:
http://clothmythrevolution.com
Versão do fórum:
PHPBB3
Re: Linha de margem passa em cima do título
Olá!
Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilos CSS
Código:
Valide.
Até mais.
Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilos CSS
Código:
- Código:
.module .h3 {
padding-bottom: 4px;
padding-top: 4px;
padding: 4px;
margin-top: 2px;
}
Valide.
Até mais.
Re: Linha de margem passa em cima do título
Deu certinho amigo, muito obrigado.
Tópicos semelhantes
» Título entero quando passa o mouse em cima
» Margem do título da mensagem
» Menu, muda de imagem quando o mouse passa por cima
» Como mudar a cor do fórum quando o mouse passa por cima
» Linha em cima da caixa de busca
» Margem do título da mensagem
» Menu, muda de imagem quando o mouse passa por cima
» Como mudar a cor do fórum quando o mouse passa por cima
» Linha em cima da caixa de busca
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos