Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Queria mudar barra da categoria
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
Queria mudar barra da categoria
Qual é minha questão:
Seguinte tentei muda essa barra da categoria marcada na imagem so que não consegue tentei pela Gestão de imagens e nada tem como muda essa barra
https://i.servimg.com/u/f69/16/27/14/15/sem_ta11.png
Endereço do meu fórum:
http://osgames.forum.st
Versão do fórum:
PUNBB
Seguinte tentei muda essa barra da categoria marcada na imagem so que não consegue tentei pela Gestão de imagens e nada tem como muda essa barra
https://i.servimg.com/u/f69/16/27/14/15/sem_ta11.png
Endereço do meu fórum:
http://osgames.forum.st
Versão do fórum:
PUNBB
Re: Queria mudar barra da categoria
Olá!
Sim, mas poderia me passar sua folha de estilo css?
Até mais.
Sim, mas poderia me passar sua folha de estilo css?
Até mais.
Convidado- Convidado
Re: Queria mudar barra da categoria
ai esta cara
- Código:
#pun-head #pun-navlinks {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#pun-navlinks {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #000000!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#pun-navlinks li:hover {
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#pun-navlinks ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#pun-navlinks li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#pun-navlinks li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
.postmain{position: relative;}
#user{margin-top: 11px!important;}
.pun .post .user{
position: static !important;
padding:0 !important;
max-width:160px;
border: 1px solid transparent;
border-right: 1px solid #CCC;}
.pun .post .user:hover{background: white;border: 1px solid #CCC;}
.user-ident{
position: relative;
z-index:500;
padding: 8px !important;}
.user-ident img{max-width: 137px;}
.user .user-info{
width:290px;
z-index: 999;
display:none;
top: 11px;
margin-left:160px;
border: 1px solid #CCC;
border-left: 0;
position: absolute;
padding-left: 19px;
background: white;
margin-bottom: 5px;
padding:8px 5px 9px;}
.user:hover .user-info{display:block !important;}
.user .user-info span {
font-weight: 700;
white-space: normal !important;color: #666 !important;font-size: 10px;}
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}
/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}
blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}
blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}
/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
background:url('http://img52.imageshack.us/img52/2378/strong.png');
}
#pwd_middle {
background:url('http://img262.imageshack.us/img262/9555/medium.png');
}
#pwd_bad {
background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}
body {
background:#E9E9E9;
color: #5D5D5D;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 13px;
font-weight: normal;
margin-top: -1px;
padding-bottom: 10px;
}
.pun {
width: 1000px;
background: #fff;
border: 1px solid #878787;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
box-shadow:0px 0px 8px #707070;
line-height: 1.6em;
padding: 12px;
}
.pun a:link {
color: #000000;
text-decoration: none;
}
.pun a:visited {
color: #000000;
text-decoration: none;
}
.pun a:hover, a:active {
color: #000000;
text-decoration: underline;
}
#pun-intro {
background:#050B12 url(http://www.peetssa.com.br/backgrounds/fundo%20preto.jpg) repeat top center;
border-bottom-color: #050B12;
border-bottom-style: solid;
border-bottom-width: 0px;
min-height: 64px;
margin-left: -12px;
width: 998px;
margin-top: -12px;
}
.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}
.quick_login {
background: #efefef;
color: #336699;
font-size: 11px;
border: 1px solid #CDDCED;
padding: 4px;
}
#pun-legend {
padding-bottom: 4px;
padding-top: 10px;
}
#pun-title {
display: none;
}
.post_field {
background:#fff none ;
color:#4d5153;
border:1px solid #bcb6ad;
padding:3px 3px 3px 10px;
margin-top: 2px;
text-align:left;
}
#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i69.servimg.com/u/f69/16/27/14/15/azul_n10.jpg");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks li a {
margin: 0 0.1em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
padding-left: 10px;
line-height: 26px;
}
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
color: #fff;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}
#pun-about {
background-color: #F3F3F3;
border: 1px solid #4E6A97;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 2px;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
}
#pun-about ul li a {
font-weight: normal;
}
#pun-about #qjump {
display: none;
}
.pun .paged-head, .pun .paged-foot {
border: 0px solid #dddddd;
background-color: #fff;
padding: 0.6em 1.3em 0.3em 1.3em;
}
#pun-visit, .main-box {
background-color: #F3F3F3;
border: 1px solid #4E6A97;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.user-info span {
color: #000000;
font-size: 11px;
}
.pun .user .user-info {
color: #666666;
font-size: 11px;
line-height: 1.5;
}
.postmain blockquote {
padding: 0.5em 1em;
background-color: #EFEFEF;
border: 1px solid #81A2C4;
}
.postmain cite {
display: block;
margin: 0 0 1em 0;
font-weight: bold;
font-style: normal;
}
.codebox {
margin: 1em;
background-color: #F5F5F5;
border: 1px solid #0F5C8E;
}
.codebox dt {
padding: 0.25em;
border-bottom: 1px dashed #81A2C4;
}
.codebox dd {
margin: 0.5em;
padding: 0.5em;
background-color: #F5F5F5;
}
.main .main-head {
background-color: #4E6A97;
background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
background-position: left 50%;
background-repeat: repeat-x;
border: 1px solid #46618D;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 15px;
padding-left: 8px;
}
.page-title h2, .page-title span {
font-weight: bold !important;
}
.main .main-head .page-title {
color: #fff;
font-size: 14px;
font-weight: bold !important;
font-family: tahoma,arial,verdana,sans-serif;
text-shadow: 0 -1px 0 #334562;
}
.pun .main-content {
border: 1px solid #4E6A97;
background-color: #fbfbfb;
}
.pun .post {
background-color: #FAFBFC;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 6px;
}
.main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #666;
background-color: transparent;
}
.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #DADADA;
margin-left: 17em;
}
.pun .posthead {
padding: 0.5em 1.3em 0.5em 1em;
background-color: #D9D9D9;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
background-position: 0 50%;
background-repeat: repeat-x;
border-bottom-color: #D0D0D0;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: -2px;
}
.postfoot {
border-top-color: #DADADA;
border-top-style: solid;
border-top-width: 1px;
clear: both;
margin-left: 0em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
}
.frm-buttons {
border-top-color: #DDDDDD;
border-top-style: double;
border-top-width: 0px;
margin-bottom: 0;
margin-top: 0.5em;
padding-bottom: 0;
padding-left: 17.5em;
padding-right: 0;
padding-top: 0.7em;
}
#stats {
padding: 0.6em 1em;
line-height: 150%;
background-color: #F3F3F3;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 2px;
}
#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0px;
white-space: nowrap;
}
#tabs ul li {
float: left;
margin: 0;
padding: 0 4px 0 0;
padding-bottom: 3px;
}
#tabs ul li.activetab a {
background-color: #fff;
border: #0F5C8E;
border-style: double;
border-width: 3px;
color: #666666;
text-decoration:none;
}
#tabs ul li.activetab a:hover {
background-color: #F5F5F5;
}
#tabs ul li a {
float: left;
padding: 0 1em;
background-color: #fff;
border: #000000;
border-style: double;
border-width: 3px;
font-size:1.1em;
font-weight:normal;
line-height: 2em;
text-decoration:none;
}
#tabs ul li a:hover {
background-color: #F5F5F5;
}
.pun .frm .frm-form table {
border: 1px solid #81A2C4;
padding-left: 4px;
}
.pun table.table th {
padding: 0.4em 0;
border-style: none;
border-color: #f4f4f4;
background-color: #f4f4f4;
color: #333333;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
line-height: 130%;
background-color: #FFFFFF;
border-color: #B9C4CD;
border-width: 1px;
border-style: dashed none none none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #FFFFFF;
}
.pun .posthead h2 strong {
display: block;
float: right;
font-size: 11px;
font-weight: normal;
margin-right: -6px;
margin-top: -1px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
}
.pun .posthead h2 strong {
background-color: #6F8F52;
color: #FFFFFF;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.user-contact a {
background-color: #4E6A97;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
}
.trow_sep {
color: #FFFFFF;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 14px;
font-weight: bold !important;
text-shadow: 0 -1px 0 #334562;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
}
#forum_statistics {
background-color: #F3F3F3;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 4px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
#board-stats span {
background-color: #E2E2E2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #4A4A4A;
font-weight: bold;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
}
#board-stats {
border-left-color: #DEDEDE;
border-left-style: solid;
border-left-width: 0px;
float: right;
padding-left: 20px;
width: 38%;
}
#board-stats dl {
margin-top: 10px;
}
#board-stats dt, #board-stats dd {
border-top-color: #DEDEDE;
border-top-style: solid;
border-top-width: 1px;
float: left;
font-size: 0.85em;
padding-bottom: 6px;
padding-left: 2px;
padding-right: 2px;
padding-top: 6px;
width: 45%;
}
#board-stats dt {
clear: both;
font-weight: bold;
}
#board-stats h2 {
clear: both;
font-weight: bold;
}
#chatbox_header.main-head {
background-color: #4E6A97;
background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
background-position: left 50%;
background-repeat: repeat-x;
color: #DEDFDF;
padding-bottom: 0;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0;
}
#onlinechat {
border-top: 0px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed #B9C4CD;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed #B9C4CD;
}
#onlinelist {
border-top: 0px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
/*http://dix-forum.forumeiros.com/*/
Re: Queria mudar barra da categoria
Olá!
Senhor, adicione este código no começo da sua Css?
Até mais.
Senhor, adicione este código no começo da sua Css?
Em negrito troque pelo valor que pede..main .main-foot, .main .main-head {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #CF552A url(AQUI TROQUE PELA URL QUE DESEJA PARA FICAR A COR DA BARRA DAS CATEGORIAS) repeat-x 0 0;
border: 1px solid #B43535;
border-radius: 4px;
box-shadow: inset rgba(255, 255, 255, 0.3) 0 0 1px;
color: white;
font-size: 12px;
font-weight: 700;
line-height: 22px;
margin-bottom: 5px;
margin-top: 5px;
overflow: hidden;
padding: 12px;
text-shadow: #A52C0C 0 -1px 0;
}
Até mais.
Convidado- Convidado
Re: Queria mudar barra da categoria
Olá!
Poderia me dizer qual é cor ou url de uma imagem, que deseja mudar sua categoria?
Até mais.
Poderia me dizer qual é cor ou url de uma imagem, que deseja mudar sua categoria?
Até mais.
Convidado- Convidado
Re: Queria mudar barra da categoria
queria coloca esta imagem aqui https://i.servimg.com/u/f69/16/27/14/15/azul_n10.jpg
Re: Queria mudar barra da categoria
Olá,
Tente este código:
Cordialmente,
.The~Boss.
Tente este código:
- Código:
.main .main-head {
background-color: #4E6A97;
background-image: url(http://i69.servimg.com/u/f69/16/27/14/15/azul_n10.jpg);
background-position: left 50%;
background-repeat: repeat-x;
border: 1px solid #46618D;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 15px;
padding-left: 8px;
}
Cordialmente,
.The~Boss.
Re: Queria mudar barra da categoria
Olá!
Senhor, troque sua "Folha de Estilo Css" por este
Até mais.
Senhor, troque sua "Folha de Estilo Css" por este
- Código:
.main .main-foot, .main .main-head {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #CF552A url(http://i69.servimg.com/u/f69/16/27/14/15/azul_n10.jpg) repeat-x 0 0;
border: 1px solid #B43535;
border-radius: 4px;
box-shadow: inset rgba(255, 255, 255, 0.3) 0 0 1px;
color: white;
font-size: 12px;
font-weight: 700;
line-height: 22px;
margin-bottom: 5px;
margin-top: 5px;
overflow: hidden;
padding: 12px;
text-shadow: #A52C0C 0 -1px 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#pun-navlinks {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #000000!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#pun-navlinks li:hover {
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#pun-navlinks ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#pun-navlinks li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#pun-navlinks li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
.postmain{position: relative;}
#user{margin-top: 11px!important;}
.pun .post .user{
position: static !important;
padding:0 !important;
max-width:160px;
border: 1px solid transparent;
border-right: 1px solid #CCC;}
.pun .post .user:hover{background: white;border: 1px solid #CCC;}
.user-ident{
position: relative;
z-index:500;
padding: 8px !important;}
.user-ident img{max-width: 137px;}
.user .user-info{
width:290px;
z-index: 999;
display:none;
top: 11px;
margin-left:160px;
border: 1px solid #CCC;
border-left: 0;
position: absolute;
padding-left: 19px;
background: white;
margin-bottom: 5px;
padding:8px 5px 9px;}
.user:hover .user-info{display:block !important;}
.user .user-info span {
font-weight: 700;
white-space: normal !important;color: #666 !important;font-size: 10px;}
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}
/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}
blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}
blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}
/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
background:url('http://img52.imageshack.us/img52/2378/strong.png');
}
#pwd_middle {
background:url('http://img262.imageshack.us/img262/9555/medium.png');
}
#pwd_bad {
background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}
body {
background:#E9E9E9;
color: #5D5D5D;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 13px;
font-weight: normal;
margin-top: -1px;
padding-bottom: 10px;
}
.pun {
width: 1000px;
background: #fff;
border: 1px solid #878787;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
box-shadow:0px 0px 8px #707070;
line-height: 1.6em;
padding: 12px;
}
.pun a:link {
color: #000000;
text-decoration: none;
}
.pun a:visited {
color: #000000;
text-decoration: none;
}
.pun a:hover, a:active {
color: #000000;
text-decoration: underline;
}
#pun-intro {
background:#050B12 url(http://www.peetssa.com.br/backgrounds/fundo%20preto.jpg) repeat top center;
border-bottom-color: #050B12;
border-bottom-style: solid;
border-bottom-width: 0px;
min-height: 64px;
margin-left: -12px;
width: 998px;
margin-top: -12px;
}
.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}
.quick_login {
background: #efefef;
color: #336699;
font-size: 11px;
border: 1px solid #CDDCED;
padding: 4px;
}
#pun-legend {
padding-bottom: 4px;
padding-top: 10px;
}
#pun-title {
display: none;
}
.post_field {
background:#fff none ;
color:#4d5153;
border:1px solid #bcb6ad;
padding:3px 3px 3px 10px;
margin-top: 2px;
text-align:left;
}
#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i69.servimg.com/u/f69/16/27/14/15/azul_n10.jpg");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks li a {
margin: 0 0.1em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
padding-left: 10px;
line-height: 26px;
}
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
color: #fff;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}
#pun-about {
background-color: #F3F3F3;
border: 1px solid #4E6A97;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 2px;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
}
#pun-about ul li a {
font-weight: normal;
}
#pun-about #qjump {
display: none;
}
.pun .paged-head, .pun .paged-foot {
border: 0px solid #dddddd;
background-color: #fff;
padding: 0.6em 1.3em 0.3em 1.3em;
}
#pun-visit, .main-box {
background-color: #F3F3F3;
border: 1px solid #4E6A97;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.user-info span {
color: #000000;
font-size: 11px;
}
.pun .user .user-info {
color: #666666;
font-size: 11px;
line-height: 1.5;
}
.postmain blockquote {
padding: 0.5em 1em;
background-color: #EFEFEF;
border: 1px solid #81A2C4;
}
.postmain cite {
display: block;
margin: 0 0 1em 0;
font-weight: bold;
font-style: normal;
}
.codebox {
margin: 1em;
background-color: #F5F5F5;
border: 1px solid #0F5C8E;
}
.codebox dt {
padding: 0.25em;
border-bottom: 1px dashed #81A2C4;
}
.codebox dd {
margin: 0.5em;
padding: 0.5em;
background-color: #F5F5F5;
}
.main .main-head {
background-color: #4E6A97;
background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
background-position: left 50%;
background-repeat: repeat-x;
border: 1px solid #46618D;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 15px;
padding-left: 8px;
}
.page-title h2, .page-title span {
font-weight: bold !important;
}
.main .main-head .page-title {
color: #fff;
font-size: 14px;
font-weight: bold !important;
font-family: tahoma,arial,verdana,sans-serif;
text-shadow: 0 -1px 0 #334562;
}
.pun .main-content {
border: 1px solid #4E6A97;
background-color: #fbfbfb;
}
.pun .post {
background-color: #FAFBFC;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 6px;
}
.main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #666;
background-color: transparent;
}
.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #DADADA;
margin-left: 17em;
}
.pun .posthead {
padding: 0.5em 1.3em 0.5em 1em;
background-color: #D9D9D9;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
background-position: 0 50%;
background-repeat: repeat-x;
border-bottom-color: #D0D0D0;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: -2px;
}
.postfoot {
border-top-color: #DADADA;
border-top-style: solid;
border-top-width: 1px;
clear: both;
margin-left: 0em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
}
.frm-buttons {
border-top-color: #DDDDDD;
border-top-style: double;
border-top-width: 0px;
margin-bottom: 0;
margin-top: 0.5em;
padding-bottom: 0;
padding-left: 17.5em;
padding-right: 0;
padding-top: 0.7em;
}
#stats {
padding: 0.6em 1em;
line-height: 150%;
background-color: #F3F3F3;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 2px;
}
#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0px;
white-space: nowrap;
}
#tabs ul li {
float: left;
margin: 0;
padding: 0 4px 0 0;
padding-bottom: 3px;
}
#tabs ul li.activetab a {
background-color: #fff;
border: #0F5C8E;
border-style: double;
border-width: 3px;
color: #666666;
text-decoration:none;
}
#tabs ul li.activetab a:hover {
background-color: #F5F5F5;
}
#tabs ul li a {
float: left;
padding: 0 1em;
background-color: #fff;
border: #000000;
border-style: double;
border-width: 3px;
font-size:1.1em;
font-weight:normal;
line-height: 2em;
text-decoration:none;
}
#tabs ul li a:hover {
background-color: #F5F5F5;
}
.pun .frm .frm-form table {
border: 1px solid #81A2C4;
padding-left: 4px;
}
.pun table.table th {
padding: 0.4em 0;
border-style: none;
border-color: #f4f4f4;
background-color: #f4f4f4;
color: #333333;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
line-height: 130%;
background-color: #FFFFFF;
border-color: #B9C4CD;
border-width: 1px;
border-style: dashed none none none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #FFFFFF;
}
.pun .posthead h2 strong {
display: block;
float: right;
font-size: 11px;
font-weight: normal;
margin-right: -6px;
margin-top: -1px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
}
.pun .posthead h2 strong {
background-color: #6F8F52;
color: #FFFFFF;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.user-contact a {
background-color: #4E6A97;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
}
.trow_sep {
color: #FFFFFF;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 14px;
font-weight: bold !important;
text-shadow: 0 -1px 0 #334562;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
}
#forum_statistics {
background-color: #F3F3F3;
border-bottom-color: #4E6A97;
border-bottom-style: solid;
border-bottom-width: 4px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
#board-stats span {
background-color: #E2E2E2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #4A4A4A;
font-weight: bold;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
}
#board-stats {
border-left-color: #DEDEDE;
border-left-style: solid;
border-left-width: 0px;
float: right;
padding-left: 20px;
width: 38%;
}
#board-stats dl {
margin-top: 10px;
}
#board-stats dt, #board-stats dd {
border-top-color: #DEDEDE;
border-top-style: solid;
border-top-width: 1px;
float: left;
font-size: 0.85em;
padding-bottom: 6px;
padding-left: 2px;
padding-right: 2px;
padding-top: 6px;
width: 45%;
}
#board-stats dt {
clear: both;
font-weight: bold;
}
#board-stats h2 {
clear: both;
font-weight: bold;
}
#chatbox_header.main-head {
background-color: #4E6A97;
background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
background-position: left 50%;
background-repeat: repeat-x;
color: #DEDFDF;
padding-bottom: 0;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0;
}
#onlinechat {
border-top: 0px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed #B9C4CD;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed #B9C4CD;
}
#onlinelist {
border-top: 0px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
/*http://dix-forum.forumeiros.com/*/
Até mais.
Convidado- Convidado
Re: Queria mudar barra da categoria
Olá,
Aceda em sua "Folha de estilo CSS"
Cordialmente
Aceda em sua "Folha de estilo CSS"
No valor em negrito coloque sua imagem desejada.a span[style="color:#57B300"], a[style="color: #FFA200"]{
background:url(IMAGEM-AQUI) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px
text-shadow:0px 0px 5px #b300ff;}
Cordialmente
Re: Queria mudar barra da categoria
Olá,
Só para lembrar, antes de colocar um novo CSS no seu código, você precisa retirar um CSS anterior que possua as mesmas balizas, por exemplo, se você já tem algo com o seguinte início:
É preciso alterar este código se quiser acrescentar algo à "main", colocar OUTRO código com a mesma baliza apenas fará com que o efeito não funcione. Verifiquei sua página e vi dois códigos com a mesma baliza.
Cordialmente,
.The~Boss.
Só para lembrar, antes de colocar um novo CSS no seu código, você precisa retirar um CSS anterior que possua as mesmas balizas, por exemplo, se você já tem algo com o seguinte início:
- Código:
.main {
É preciso alterar este código se quiser acrescentar algo à "main", colocar OUTRO código com a mesma baliza apenas fará com que o efeito não funcione. Verifiquei sua página e vi dois códigos com a mesma baliza.
Cordialmente,
.The~Boss.
Re: Queria mudar barra da categoria
Olá,
Se a imagem não está no seu CSS o único lugar onde ela pode estar é na Gestão de Imagens. Tente editar utilizando o modo avançado. Se ainda sim não der resultado em último caso poderia ser modificação do template, o que parece improvável.
Cordialmente,
.The~Boss.
Se a imagem não está no seu CSS o único lugar onde ela pode estar é na Gestão de Imagens. Tente editar utilizando o modo avançado. Se ainda sim não der resultado em último caso poderia ser modificação do template, o que parece improvável.
Cordialmente,
.The~Boss.
Re: Queria mudar barra da categoria
Olá,
Qual o procedimento que foi utilizado para editar a imagem em questão? Pode postar uma printscreen da sua Gestão de Imagens?
Cordialmente,
.The~Boss.
Qual o procedimento que foi utilizado para editar a imagem em questão? Pode postar uma printscreen da sua Gestão de Imagens?
Cordialmente,
.The~Boss.
Re: Queria mudar barra da categoria
Olá,
Para mudar a imagem, utilize este modelo:
Até mais.
Para mudar a imagem, utilize este modelo:
E baseado em sua outra mensagem, formulei este código CSS:.main-head {background: url(URL DA IMAGEM)!important;}
Adicione-o em sua Folha de Estilos CSS..main-head {background: url(https://i.servimg.com/u/f69/16/27/14/15/azul_n10.jpg)!important;}
Até mais.
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