Ajeitar área das categorias

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Ajeitar área das categorias

Mensagem por Lucas2122 em 18/03/12, 01:46 pm

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.
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:
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

Ver perfil do usuário http://moldentec.forumeiros.com/forum

Resolvido Re: Ajeitar área das categorias

Mensagem por Gabe em 18/03/12, 04:54 pm

Olá!

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.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Ajeitar área das categorias

Mensagem por Lucas2122 em 18/03/12, 07:43 pm

Normal assim não quero engual á essa http://www.power-pixel.net/
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

Ver perfil do usuário http://moldentec.forumeiros.com/forum

Resolvido Re: Ajeitar área das categorias

Mensagem por MateusV. em 20/03/12, 10:11 pm

Olá, adicione este codigo em seu CSS
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. Pesquisando/Em dúvid
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum