Borda da área conectados

Detalhes da questão

Endereço do fórum: http://supertopico.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá, queria saber, como faço pra colocar a mesma borda das categorias, na parte de quem está conectado e estatísticas.

Boa noite.

Adicione este código em sua CSS:

Código:

.h3{
background-image: url ('http://2img.net/i/fa/prosilver/bg_list.gif');
}

e Validar.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.

Olá, não obtive resultado e a parte do CSS está em branco, porque será?

Olá.

Altere por este:

Código:

.h3 {
    background: #0076b1;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #0076b1;
}

e Validar.

e a parte do CSS está em branco, porque será?

Pois o tema que está utilizando no seu fórum é padrão do PHPBB3, nela com database já personalizado e simples, que as quais a senhorita deve ir aplicando o CSS para fazer as modificações, por isto não contém nenhum código neste setor.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.

Olá, entendi a parte do CSS.

Agora os códigos ficaram assim:

o do Holkis


Como podem ver a borda da lixeira, então, é essa mesma borda que gostaria que ficasse nas estatísticas e quem está conectado.

Olá!

Tente este:

Código:

.main#pun-info .main-content {
    padding: 0;
}
.main .main-content {
    background: #FFF;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    margin: 0;
    padding: 6px;
}.pun .main-content {
    background-color: #fbfbfb;
    border: 1px solid #ddd;
}

#IsmaelS. 

Esse não alterou nada

Adicione no seu css:

Código:

.linklist + .h3 a, .linklist + .h3 + img + p + .clear + .h3 a {
  color: #fff!important;
}
.linklist + .h3, .linklist + .h3 + img + p + .clear + .h3 {
  background-color: #0076b1;
  border-radius: 5px;
  background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  margin-bottom: -5px;
  padding: 8px;
}
.linklist + .h3 + img + p {
  border: 5px solid #0076b1;
  padding: 8px;
}
.linklist + .h3 + img + p + .clear + .h3 + p {
  border: 5px solid #0076b1;
  border-bottom: 0!important;
  padding: 8px;
}
.linklist + .h3 + img + p + .clear + .h3 + p + p {
  border: 5px solid #0076b1;
  border-top: 0!important;
  border-bottom: 0!important;
  padding: 8px;
}
.linklist + .h3 + img + p + .clear + .h3 + p + p + p {
  border: 5px solid #0076b1;
  border-top: 0!important;
  padding: 8px;
}

Cepheus escreveu:Adicione no seu css:

Código:

.linklist + .h3 a, .linklist + .h3 + img + p + .clear + .h3 a {
  color: #fff!important;
}
.linklist + .h3, .linklist + .h3 + img + p + .clear + .h3 {
  background-color: #0076b1;
  border-radius: 5px;
  background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  margin-bottom: -5px;
  padding: 8px;
}
.linklist + .h3 + img + p {
  border: 5px solid #0076b1;
  padding: 8px;
}
.linklist + .h3 + img + p + .clear + .h3 + p {
  border: 5px solid #0076b1;
  border-bottom: 0!important;
  padding: 8px;
}
.linklist + .h3 + img + p + .clear + .h3 + p + p {
  border: 5px solid #0076b1;
  border-top: 0!important;
  border-bottom: 0!important;
  padding: 8px;
}
.linklist + .h3 + img + p + .clear + .h3 + p + p + p {
  border: 5px solid #0076b1;
  border-top: 0!important;
  padding: 8px;
}

Ficou perfeito, mas tem como no caso, a área estatísticas e membros online, ficassem numa mesma caixa? Porque ficaram em caixas separadas.

E gostaria que as laterais da parte de baixo, ficassem arrendondas.

Tem sim, troque o css que passei acima por esse:

Código:

.linklist + .h3 a {
  color: #fff!important;
}
.linklist + .h3 {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #0076b1;
  background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
  padding: 8px;
  margin-bottom: -5px;
  position: relative;
}
.linklist + .h3 + img + p {
  border: 5px solid #0076b1;
  border-bottom: 0px!important;
  padding: 8px;
  margin: 0px!important;
  -webkit-border-image: url(http://2img.net/i/fa/prosilver/bg_list.gif) 40 round;
 /* Safari 3.1-5 */
  -o-border-image: url(http://2img.net/i/fa/prosilver/bg_list.gif) 40 round;
 /* Opera 11-12.1 */
  border-image: url(http://2img.net/i/fa/prosilver/bg_list.gif) 40 round;
}
.linklist + .h3 + img + p + .clear + .h3, .linklist + .h3 + img + p + .clear + .h3 + p, .linklist + .h3 + img + p + .clear + .h3 + p + p {
  border: 5px solid #0076b1;
  border-top: 0px!important;
  border-bottom: 0px!important;
  margin: 0px!important;
  padding: 8px;
}
.linklist + .h3 + img + p + .clear + .h3 + p + p + p {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 5px solid #0076b1;
  border-top: 0px!important;
  margin: 0px!important;
  padding: 8px;
}

Deu certo, obrigado a todos que me ajudaram.

Se eu precisar de ajuda, eu abro outro tópico novamente.