Colocar borda nas colunas da categoria

Detalhes da questão

Endereço do fórum: ballasnwd.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Olá,
Gostaria de mudar o separador da categoria,"Que separador?" a Barra preta que tem separando Eventos de Recrutamento e etc http://prntscr.com/c90gvk gostaria de um Cinza bem claro, e gostaria também de diminuir o tamanho da parte de cima da categoria aonde tem o Roxo com preto e a listra preta. http://prnt.sc/c90dmd

Minha CSS

Código:

 
/* ------------------------- Arredondar o Forum ------------------------------- */
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
} 
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
 
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
/*--Categoria bborda--*/
 
.table-title, .table-title h2 {/* font-size: 15px;*/ }
#wrap {
    background: #fff;
    border: 2px solid #a6a8a9;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
    margin-bottom: 10px;
}
 
span.Administrador { max-height: 200px; }
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #840592!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #840592 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}
a.mainmenu:hover {
    border-bottom: 2px solid Purple;
    padding-bottom: 10px;
}
 div.post.online.staffermember, div.post.staffermember {
        background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
#chatbox_bottom {border:1px solid #000!important;}
    .chatbox .forabg {background-color: #000!important;margin-left:0px!important;}
    #chatbox_members {bottom:0px!important;}
 
/* ------------------------- Arredondar o Forum ------------------------------- */
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
} 
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
/*--Categoria bborda--*/ 
.table-title, .table-title h2 { font-size: 15px; }
 
#wrap {
    background: #fff;
    border: 2px solid #a6a8a9;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
    margin-bottom: 10px;
}
li.row dd.posts:after {
    content: 'Respostas';
}
li.row dd.topics:after {
    content: 'Tópicos';
}
span.Administrador { max-height: 200px; }
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #840592!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #840592 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}
a.mainmenu:hover {
    border-bottom: 2px solid Purple;
    padding-bottom: 10px;
}
        div.post.online.staffermember, div.post.staffermember {
        background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
#chatbox_bottom {border:1px solid #000!important;}
    .chatbox .forabg {background-color: #000!important;margin-left:0px!important;}
    #chatbox_members {bottom:0px!important;}
.post{background:URL(http://i.imgur.com/4xIbKt3.png) no-repeat!important;padding:0px 0px!important;}
.forabg {
    background-color: #fff;
    background-image:none;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #fff;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}
 .forabg {
    background-color: purple;
    border: medium none!important;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    margin: 5px 5px 10px;
    padding: 5px;
}
li.header dl.icon {
    background-color: #000;
    border-bottom: 2px solid purple;
    border-radius: 1px 1px 0 0;
    box-shadow: #39e5d0 0 0 inset;
    margin: -5px -6px 7px;
    padding: 1em;
    position: relative;
    text-shadow: none;
}
span.corners-bottom span, span.corners-bottom {
background-image:none!important;
}
 

Olá, Podolski.

Quanto sua primeira dúvida, aqui está:

Código:

 
/* ------------------------- Arredondar o Forum ------------------------------- */
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
 
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
/*--Categoria bborda--*/
 
.table-title, .table-title h2 {/* font-size: 15px;*/ }
#wrap {
    background: #fff;
    border: 2px solid #a6a8a9;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
    margin-bottom: 10px;
}
 
span.Administrador { max-height: 200px; }
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #840592!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #840592 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}
a.mainmenu:hover {
    border-bottom: 2px solid Purple;
    padding-bottom: 10px;
}
 div.post.online.staffermember, div.post.staffermember {
        background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
#chatbox_bottom {border:1px solid #000!important;}
    .chatbox .forabg {background-color: #000!important;margin-left:0px!important;}
    #chatbox_members {bottom:0px!important;}
 
/* ------------------------- Arredondar o Forum ------------------------------- */
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
/*--Categoria bborda--*/
.table-title, .table-title h2 { font-size: 15px; }
 
#wrap {
    background: #fff;
    border: 2px solid #a6a8a9;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
    margin-bottom: 10px;
}
li.row dd.posts:after {
    content: 'Respostas';
}
li.row dd.topics:after {
    content: 'Tópicos';
}
span.Administrador { max-height: 200px; }
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #840592!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #840592 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}
a.mainmenu:hover {
    border-bottom: 2px solid Purple;
    padding-bottom: 10px;
}
        div.post.online.staffermember, div.post.staffermember {
        background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
#chatbox_bottom {border:1px solid #000!important;}
    .chatbox .forabg {background-color: #000!important;margin-left:0px!important;}
    #chatbox_members {bottom:0px!important;}
.post{background:URL(http://i.imgur.com/4xIbKt3.png) no-repeat!important;padding:0px 0px!important;}
.forabg {
    background-color: #fff;
    background-image:none;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #fff;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}
 .forabg {
    background-color: #696969;
    border: medium none!important;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    margin: 5px 5px 10px;
    padding: 3px;
}
li.header dl.icon {
    background-color: #000;
    border-bottom: 1px solid purple;
    border-radius: 1px 1px 0 0;
    box-shadow: #39e5d0 0 0 inset;
    margin: -5px -6px 7px;
    padding: 1em;
    position: relative;
    text-shadow: none;
}
span.corners-bottom span, span.corners-bottom {
background-image:none!important;
}
 

Quanto a segunda, deverá abrir um outro tópico!

Até mais!

Olá,

Adicione este CSS À sua folha de estilos:

Código:


li.row {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}

Veja em relação às barras das categorias.
Até mais!

Olá,
@PaladinoS Tudo certo,porém aonde tava roxo fico cinza,gostaria de voltar ao roxo, tentei aqui porém não consegui.

@CreamGostaria de deixar um pouco mais claro, e também Clarear a que está do lado das colunas "Tópicos" "Mensagens". http://prntscr.com/c90gvk

Olá,

Troque o meu código anterior por:

Código:

li.row {
    border-bottom: 1px solid #E6E8FA;
    border-top: 1px solid #E6E8FA;
    }
ul.forums dd {
    border-color: #E6E8FA;
}
li.row:hover dd {
    border-left-color: #E6E8FA;
}

Até mais!

Olá,
Perfeito,Agora só aguardar o Paladino trocar as cores para roxo, mas se você souber como alterar pode me falar.

Olá,

Tente trocar sua CSS por essa (lembrando que você terá que adicionar novamente o código dos "riscos" das categorias, pois peguei o código editado pelo Paladino):

Código:

 
/* ------------------------- Arredondar o Forum ------------------------------- */
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
 
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
/*--Categoria bborda--*/
 
.table-title, .table-title h2 {/* font-size: 15px;*/ }
#wrap {
    background: #fff;
    border: 2px solid #a6a8a9;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
    margin-bottom: 10px;
}
 
span.Administrador { max-height: 200px; }
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #840592!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #840592 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}
a.mainmenu:hover {
    border-bottom: 2px solid Purple;
    padding-bottom: 10px;
}
 div.post.online.staffermember, div.post.staffermember {
        background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
#chatbox_bottom {border:1px solid #000!important;}
    .chatbox .forabg {background-color: #000!important;margin-left:0px!important;}
    #chatbox_members {bottom:0px!important;}
 
/* ------------------------- Arredondar o Forum ------------------------------- */
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0px solid #000000;
}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
/*--Categoria bborda--*/
.table-title, .table-title h2 { font-size: 15px; }
 
#wrap {
    background: #fff;
    border: 2px solid #a6a8a9;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 5px;
    margin-bottom: 10px;
}
li.row dd.posts:after {
    content: 'Respostas';
}
li.row dd.topics:after {
    content: 'Tópicos';
}
span.Administrador { max-height: 200px; }
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #840592!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #840592 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}
a.mainmenu:hover {
    border-bottom: 2px solid Purple;
    padding-bottom: 10px;
}
        div.post.online.staffermember, div.post.staffermember {
        background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
#chatbox_bottom {border:1px solid #000!important;}
    .chatbox .forabg {background-color: #000!important;margin-left:0px!important;}
    #chatbox_members {bottom:0px!important;}
.post{background:URL(http://i.imgur.com/4xIbKt3.png) no-repeat!important;padding:0px 0px!important;}
.forabg {
    background-color: #fff;
    background-image:none;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #fff;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}
 .forabg {
    background-color: #840592;
    border: medium none!important;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    margin: 5px 5px 10px;
    padding: 3px;
}
li.header dl.icon {
    background-color: #000;
    border-bottom: 1px solid purple;
    border-radius: 1px 1px 0 0;
    box-shadow: #39e5d0 0 0 inset;
    margin: -5px -6px 7px;
    padding: 1em;
    position: relative;
    text-shadow: none;
}
span.corners-bottom span, span.corners-bottom {
background-image:none!important;
}
 

Até mais!

Olá,
Perfeito,resolvido.