Problemas com cores
3 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
Problemas com cores
Qual é sua questão:
Preciso de uma ajudinha básica.
Negocio é seguinte.
Escrevi um código no css do meu forum, dai por algum motivo que nao conseguí descobrir, a cor das barras laterais da parte da categoria, vazou lá pro portal, mas se tiro o preto do portal, sai o das barras tbm.
se tiver uma solução aiiiii,
vou passar as imagens lá em baixo.
Que medidas você tomou para corrigir o problema:
vou passa o css do forum tbm caso precise.
OBS: a parte da categoria ta nas ultimas linhas.
Apresente-nos imagens do problema (se necessário):
barra: https://i.servimg.com/u/f61/16/21/93/86/barra_10.png
portal: https://i.servimg.com/u/f61/16/21/93/86/portal10.png
por favor pessoalllll
ajuda aiii
Preciso de uma ajudinha básica.
Negocio é seguinte.
Escrevi um código no css do meu forum, dai por algum motivo que nao conseguí descobrir, a cor das barras laterais da parte da categoria, vazou lá pro portal, mas se tiro o preto do portal, sai o das barras tbm.
se tiver uma solução aiiiii,
vou passar as imagens lá em baixo.
Que medidas você tomou para corrigir o problema:
vou passa o css do forum tbm caso precise.
- Spoiler:
- /*--------------- CHRISTMAS ITEMS ---------------*/
#page-header .navbar{
padding: 0;
position: absolute;
top: 0;
height: 140px;
width: 901px;
background: url() no-repeat top center;}
#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(https://2img.net/i/fa/empty.gif) no-repeat;
/*THE SANTA FROM HEADER*/}
/*--------------- END - CHRISTMAS ITEMS ---------------*/
.attachbox{
margin: 5px !important;
border: 2px solid white;
background: #d2dfe8;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;}
#login_popup{
color: white !important;
text-shadow: 1px 1px 0px black;
border: 3px solid white;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background: #274d8b;
color: white;
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;}
#login_popup .h3{
border-bottom: 1px solid white !important;
color: white !important;}
#login_popup_buttons input{
font-family: arial !important;
font-size: 15px;
font-weight: bold;
border: none !important;
background: none !important;
color: white !important;
text-shadow: 1px 1px 0px black !important;}
.codebox dd{margin-top: -18px;}
.codebox.spoiler dd{margin-top: -15px;}
code{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #536482 !important;}
.codebox{
text-shadow: 1px 1px 0px white;
background: #edf3f7 !important;
border: 2px solid #1675BC !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
.codebox dt{
border: 0;
background: url(https://i.servimg.com/u/f66/11/96/49/61/page_w10.png) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}
.codebox.hidecode dd{
position: relative;
z-index: 99;
margin-top: -40px;}
blockquote{
text-shadow: 1px 1px 0px white;
margin-left: 0;
padding: 7px;
background: #edf3f7 url(http://cdn5.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/comment2.png) no-repeat 5px;
border: 1px solid #1675BC;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
blockquote div {margin-left: 40px;}
.resizebox{
text-shadow: 1px 1px 0px white;
margin-bottom: 5px;
background: #edf3f7 url(https://i.servimg.com/u/f66/11/96/49/61/magnif10.png) no-repeat 2px;
border: 1px solid #1675BC;
padding: 4px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
.resizebox .resize_border{border: 0;}
#fa_ticker_block .module{
border: 1px solid #1675BC;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
margin-left: 33px;
width: 838px;
margin-bottom: 0;}
.rightside a[href="/forum.htm?mode=delete_cookies"]{
padding: 5px 7px 7px 7px;
background: #3969a4 url(https://i.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;
color: white;
text-shadow: 1px 1px 0px black;
position: relative;
left: -30px;
top: -10px;
border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 0 0 5px 5px;}
.rightside a[href="/forum.htm?mode=delete_cookies"]:hover{
background: #3969a4 url(https://i.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;}
a.button1, a.button2, button.button2, input.button1, input.button2{
padding: 4px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: url(https://i.servimg.com/u/f66/11/96/49/61/button18.png) repeat-x top;}
textarea, input, .inputbox{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 1px 1px 0px white;
background: #efefef;}
.select{
margin-left: -60px;
margin-top: 35px;
top: auto !important;}
.panel{
margin: 10px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border: 1px solid #1675bc;}
#profile-advanced-layout, #profile-advanced-right{
background: white;
position: relative;
z-index: 999;
display: inline-block !important;}
#page-footer{margin-top: 40px;}
.footer-home{top: -120px !important;}
#page-body, #emptyidleft, #page-header .navbar, #search-box, #logo-desc, #search-box #keywords{
display: inline-block !important;}
#site-title, #logo-desc p{display: none;}
body{
background-attachment: fixed !important;
padding-left: 30px;}
#wrap{
margin-top: 150px;}
#search-box{
margin: 0;
padding: 0;
background: transparent url(https://i.servimg.com/u/f66/11/96/49/61/search11.png) no-repeat top center;
position: relative;
left: -40px;
top: -20px;
width: 184px;
height: 50px;}
#search-box .button2{display: none;}
#search-box #keywords{
background: none;
border: none;
width: 120px;
height: 50px;
bottom: 2px;
left: 30px;
position: relative;}
#page-header{
min-height: 250px;
background: url(http://gfxproducoes.webs.com/tutoarea/header25_00000.png) no-repeat top center;
width: 926px;}
#page-header .navbar ul{
left: 35px;
border: 0 !important;
position: relative;
bottom: -97px;}
#logo-desc{
margin-left: -10px;
margin-top: -10px;}
#page-header .navbar .linklist.navlinks a{
margin-right: 0px;
text-shadow: 0px 0px 0px black;
color: white !important;}
#page-header .navbar .linklist.navlinks a:hover{
color: #e2edf9 !important;
text-shadow: -1px -1px 2px black;}
.headerbar{background: none;}
#emptyidcc{
width: 926px;
display: inline-block !important;
padding: 10px 0px;
background: url(http://gfxproducoes.webs.com/tutoarea/body24.png) repeat-y;}
#container{
position: relative;
z-index: 1 !important;
margin-left: 33px;
width: 860px;}
#page-body{
width: 926px;
padding-bottom: 31px;
margin: 0 !important;
background: url(https://i.servimg.com/u/f66/11/96/49/61/body_e10.png) no-repeat bottom center;}
#page-footer{
width: 926px;
background: url(https://i.servimg.com/u/f66/11/96/49/61/footer25.png) no-repeat top center;
height: 55px;}
#page-footer .navbar{background: none;}
#page-footer .navbar ul{
text-align: center !important;
margin-top: 10px;}
#page-footer ul .rightside a, #page-footer ul .rightside{color: #536482 !important;}
#page-footer ul.linklist li.rightside {
text-align: center !important;
width: 860px !important;
display: inline-block !important;
left: -23px !important;
position: relative;}
.footer-home a{color: transparent !important;}
.icon-home{
left: 6px;
bottom: -6px;
position: relative;
padding: 15px 12px;
font-size: 0px;}
.icon-home, .icon-home:hover, .icon-home:visited, .icon-home:active, .icon-home:link{
color: transparent !important;}
.footer-home{
position: relative;
left: -37px;
top: -80px;
background: url(https://i.servimg.com/u/f66/11/96/49/61/home13.png) no-repeat center;
height: 31px !important;;
width: 38px !important;}
.footer-home:hover{background: url(https://i.servimg.com/u/f66/11/96/49/61/homeho12.png) no-repeat center;}
#page-footer p.copyright strong a{
float: left !important:
margin-left: 30px;
font-weight: bold;
font-size: 14px;
font-family: arial;
color: white;
text-shadow: 1px 1px 0px black;}
.copyright{text-align: left !important;}
#memberlist, .table1{
background: url(https://i.servimg.com/u/f70/14/80/30/77/iback210.png) no-repeat top center;
height: 35px;}
#memberlist{padding-top: 18px;}
#memberlist th{margin-top: -10px;}
.table1{padding-top: 15px;}
.header, .header h2, .header h1, .header h3{
font-family: Arial !important;
font-weight: bold !important;
font-size: 11px !important;
text-shadow: 1px 1px 2px black;}
table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}
.header dd, .header dt{
position: relative;
bottom: -8px;}
.forumbg .header dt{padding-left: 5px !important;}
dd.topics{
font-size: 15px;
text-shadow: 1px 1px 0px white;
position: relative;
left: -517px;
top: -8px;}
.forabg dd, .forumbg dd{border: none !important;}
.row, ul.forums dd{border: none !important;}
.icon{background-position: 20px 70% !important;}
.forumbg .icon{background-position: 8px 50% !important;}
dl[style="background:url(http://hitskin.com/themes/16/81/56/i_category_locked.png) no-repeat scroll 10px 50%;"] .topics {
color: #b52b2b;}
dl[style="background:url(http://hitskin.com/themes/16/81/56/i_category_locked.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 70% !important;}
dl[style="background:url(https://2img.net/r/ihimizer/img402/531/on2.png) no-repeat scroll 10px 50%;"] .topics {
color: #ffb400;
background-position: 15px 70% !important;}
dl[style="background:url(https://2img.net/r/ihimizer/img402/531/on2.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 75% !important;}
.header dd.topics{display: none;}
.forabg .header .posts, .forabg .header .lastpost{
position: relative;
right: -70px;}
form[name="post"] .forabg .header .posts, .form[name="post"] .forabg .header .lastpost{
position: relative;
left: -10px !important;}
form[name="post"] .forabg .header dt{padding-left: 5px;}
.forabg .row:last-child{margin-bottom: -5px;}
.forabg .corners-bottom, .forumbg .corners-bottom{
position: relative;
top: -3px;
background: none;
height: 10px;}
.forabg, .forumbg {
background: none;
border: 5px;
padding: 3px !important;}
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
.panel{margin-bottom: 0;}
#content{
width: 860px;
margin: 0 !important;}
.h3, h3, .panel h2 {
background: url(https://i.servimg.com/u/f66/11/96/49/61/h3bg10.png) no-repeat bottom left;
border: 0 !important;
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;}
.forumbg h3, .forumbg .h3, .forabg h3, .forabg .h3{background: none;}
.pagination{margin: 0;}
.forumbg, .right, fieldset.submit-buttons{margin: 0;}
#picture_legend li:first-child {color: #ffb400;}
#picture_legend li:last-child {color: #b52b2b;}
#picture_legend li img{
margin-right: -55px;
margin-bottom: 25px;}
#picture_legend li{padding-right: 40px;}
.postprofile,.postbody{margin-left: -5px !important;}
.postbody{
border: 2px solid #1675BC;
min-height: 145px;
width: 74%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #E1EBF2;
float: right;
padding: 10px;
position: relative;
left: -5px;}
.postprofile{
margin-top: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}
.post, .post.row, .post.row1, .post.row3 {padding: 0;
background-color: transparent !important;}
.table-title{padding-left: 10px;}
#i_whosonline{margin: 0;
margin-left: -64px;}
.forabg, .forumbg{
margin: 0;
padding-top: 5px !important;}
a.forumtitle:hover{text-decoration: none;}
#hitskin_preview{display: none !important;}
.portal .module{
background-image:url(https://i.servimg.com/u/f70/14/80/30/77/iback210.png);
background-repeat: no-repeat;
margin: 5px;
border: 2px solid #000000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkitborder-radius: 7px;
padding: 3px;
text-shadow: white 1px 1px 0px;}
.portal .module .h3{
text-align: center;
padding: 7px;
background none;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border: 0px;
border-top: 0px none;
color: white !important;
font-weight: bold !important;
margin: 0px 4px;
position: relative;
text-shadow: 1px 1px 0px black;
top: -9px;}
.post{
margin-left: 5px;
padding-right: 14px !important;}
.online{
z-index: 999;
background-image: url(https://i.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}
.post .corners-top{
background: url(https://i.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}
.pagination{margin: 0 !important;}
.addthis_button:hover{margin-top: 42px;}
p.page-bottom:last-child {background: red !important;}
.forabg .topiclist.topics{
padding-top: 0 !important;
background: none !important;}
#wrap{background: url(https://i.servimg.com/u/f66/11/96/49/61/copyri10.png) no-repeat bottom 90%;
padding-bottom: 20px;}
select{
color: #bf0707;
border: 1px solid #bf0707;
border-left: 5px solid #bf0707;}
.buttons{min-height: 50px;}
.buttons a img{background: url(https://i.servimg.com/u/f66/11/96/49/61/bg13.png) no-repeat center;}
.buttons a img:hover{background: url(https://i.servimg.com/u/f66/11/96/49/61/hover21.png) no-repeat center;}
#search_menu{
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;
border: 3px solid white;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}
#search_menu form{
border: 1px solid #0372BE;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}
.title-overview.row2{
border-bottom: 1px dashed white;
background: none;}
.panel.introduction div.mes-txt{margin-bottom: 0 !important;}
.introduction .h3{margin-top: 4px !important;}
input{border: 1px solid #BCBCBC;}
a:focus{ -moz-outline-style: none;}
textarea:focus,input:focus {outline: none;}
ul.profile-icons {margin-top: -10px;}
#left, #right{display: none !important;}
#chatbox_members, #chatbox{top: 35px !important;}
#cp-main{margin: 0;
width: 100%;}
#chatbox_footer .right-box.style-buttons input{
padding: 2px;
background-color: white !important;}
.postprofile dl dd a img{background: url(https://i.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat top;}
.postprofile dl dd a img:hover{background: url(https://i.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat 0 -20px;}
#smiley-box {
float: right;
margin-top:0px;
width: 30%;}
#textarea_content{width: 70% !important;}
ul.linklist li a img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
ul.navlinks {
background-image:
}
.forabg{background-color: #FFFFFF;background-image:url(https://2img.net/i/fa/empty.gif);background-position:0 0;background-repeat:repeat-x;border:2px solid #;clear:both;margin-bottom:4px;padding:0 5px}* html .forabg{height:1%;position:relative}*+ html .forabg{min-height:1px}.forabg,.forumbg,.module{-moz-border-radius:9px;-webkit-border-radius:9px;background-color:#000000;background-image:url(https://i.servimg.com/u/f70/14/80/30/77/iback210.png);background-repeat:repeat-x;border:2px solid grey}li.row{background-color:#b000000}.chatbox .forabg{background-color:#000;border:none;margin:0;padding:0}
OBS: a parte da categoria ta nas ultimas linhas.
Apresente-nos imagens do problema (se necessário):
barra: https://i.servimg.com/u/f61/16/21/93/86/barra_10.png
portal: https://i.servimg.com/u/f61/16/21/93/86/portal10.png
por favor pessoalllll
ajuda aiii
Re: Problemas com cores
Olá,
As barras estão sendo trocadas de locais, quando você tenta editar ou colocar algo é isso? Se sim, teremos de fazer modificações no código da barra.
Type.
As barras estão sendo trocadas de locais, quando você tenta editar ou colocar algo é isso? Se sim, teremos de fazer modificações no código da barra.
Type.
Re: Problemas com cores
Olá !
Primeiramente antes de fazer modificações no código, tente fazer o seguinte :
Painel de Controle Visualização Cores Campo : "Cor da borda da categoria :" coloque o código da cor desejada.
Salve e visualize seu fórum.
Obteve algum resultado?
Atenciosamente.
BlueAngel.
Primeiramente antes de fazer modificações no código, tente fazer o seguinte :
Painel de Controle Visualização Cores Campo : "Cor da borda da categoria :" coloque o código da cor desejada.
Salve e visualize seu fórum.
Obteve algum resultado?
Atenciosamente.
BlueAngel.
Tópicos semelhantes
» Problemas com as cores do fórum
» Problemas com cores de títulos em css
» Problemas com cores no perfil
» Problemas com as cores do forum
» Problemas com cores de widigets, barras, e etc.
» Problemas com cores de títulos em css
» Problemas com cores no perfil
» Problemas com as cores do forum
» Problemas com cores de widigets, barras, e etc.
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