Ajeitar área das categorias
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 • Compartilhe
Ajeitar área das categorias
Qual é minha questão:
Gente queria que vocês tira-sem um codigo de css eu acho que tem no meu forum tipo podem ver que as bordas da categorias são diferentes eu queria deixa normal engual á da forumeiros tipo nas pontas é tipo cortada não é redondinha.
Medidas que eu tomei para corrigir o problema:
Nenhuma
Links e imagens do meu problema:
Endereço do meu fórum:
http://moldentec.forumeiros.com/forum
Versão do meu fórum:
PHPBB3
Gente queria que vocês tira-sem um codigo de css eu acho que tem no meu forum tipo podem ver que as bordas da categorias são diferentes eu queria deixa normal engual á da forumeiros tipo nas pontas é tipo cortada não é redondinha.
- Código:
.forabg, .forumbg, .headerbar{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
.introduction, .panel, .post, #text_editor_textarea {
background-color: transparent;
border: 1px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #CCCCCC;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}
/* ARREDONDAMENTO */
#main-content .module, .post, .forumbg, .forabg,.introduction{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
/**/
#wrap {
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i55.tinypic.com/kd5mwm.png');
background-repeat: repeat;
}
#wrap {
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i55.tinypic.com/kd5mwm.png');
background-repeat: repeat;
}
li.row {background-image: url('http://i55.tinypic.com/kd5mwm.png');}
div#page-header div.navbar ul.linklist li a{
padding-top: 11px;
padding-bottom: 10px;
padding-right: 3px;
padding-left: 4px;
color: #ffffff;}
div#page-header div.navbar ul.linklist li a:hover{
color: #CCCCCC;
}
ul.navlinks {
font-weight: normal;
text-align: center;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
padding-bottom: 0px;}
div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('http://i55.tinypic.com/20r476o.png') repeat-x #CCCCCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
#search{
display:none;
}
.icon-home{
background: url() no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}
ul.linklist li a img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
border: 1px #999 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.postprofile {
border: 1px #DDD solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post {
border: 1px #DDD solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.postprofile{border-color:#dcdcdc;border-right-style:solid;border-right-width:1px;color:#222;display:inline;float:left;margin:5px 0 0;min-height:80px;position:relative;width:22%}* html .postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#000;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#b42000;text-decoration:underline}
post{
border:1px #DDD solid;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:ghostWhite;
margin-bottom:4px;
padding:0px 10px
}
.postprofile{background-color:#eaeaea;
border:1px #DDD solid;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
Medidas que eu tomei para corrigir o problema:
Nenhuma
Links e imagens do meu problema:
Endereço do meu fórum:
http://moldentec.forumeiros.com/forum
Versão do meu fórum:
PHPBB3
- Código:
Re: Ajeitar área das categorias
Olá!
Substitua sua folha de estilos CSS pela abaixo e veja se resulta:
Abraço.
Substitua sua folha de estilos CSS pela abaixo e veja se resulta:
- Código:
.headerbar{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
.introduction, .panel, .post, #text_editor_textarea {
background-color: transparent;
border: 1px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #CCCCCC;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}
/* ARREDONDAMENTO */
#main-content .module, .post, .forumbg, .introduction{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
/**/
#wrap {
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i55.tinypic.com/kd5mwm.png');
background-repeat: repeat;
}
#wrap {
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i55.tinypic.com/kd5mwm.png');
background-repeat: repeat;
}
li.row {background-image: url('http://i55.tinypic.com/kd5mwm.png');}
div#page-header div.navbar ul.linklist li a{
padding-top: 11px;
padding-bottom: 10px;
padding-right: 3px;
padding-left: 4px;
color: #ffffff;}
div#page-header div.navbar ul.linklist li a:hover{
color: #CCCCCC;
}
ul.navlinks {
font-weight: normal;
text-align: center;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
padding-bottom: 0px;}
div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('http://i55.tinypic.com/20r476o.png') repeat-x #CCCCCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
#search{
display:none;
}
.icon-home{
background: url() no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}
ul.linklist li a img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
border: 1px #999 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.postprofile {
border: 1px #DDD solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post {
border: 1px #DDD solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.postprofile{border-color:#dcdcdc;border-right-style:solid;border-right-width:1px;color:#222;display:inline;float:left;margin:5px 0 0;min-height:80px;position:relative;width:22%}* html .postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#000;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#b42000;text-decoration:underline}
post{
border:1px #DDD solid;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:ghostWhite;
margin-bottom:4px;
padding:0px 10px
}
.postprofile{background-color:#eaeaea;
border:1px #DDD solid;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
Abraço.
Re: Ajeitar área das categorias
Normal assim não quero engual á essa http://www.power-pixel.net/
Re: Ajeitar área das categorias
Olá, adicione este codigo em seu CSS
Cordialmente,
MateusV.
- Código:
.forabg, .forumbg announcement {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #5FADD4;
border-radius: 10px;
}
.forabg {
background-color: #5FADD4;
background-image: url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
Cordialmente,
MateusV.
Tópicos semelhantes
» Ajeitar largura das categorias
» Aumentar área das categorias
» Modificar área das categorias
» Aumentar área das categorias
» Área das categorias desse tema
» Aumentar área das categorias
» Modificar área das categorias
» Aumentar área das categorias
» Área das categorias desse tema
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