Borda da área conectados

5 participantes

Ir para baixo

Tópico resolvido Borda da área conectados

Mensagem por Amanda Menezes 29.08.16 22:28

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.
Amanda Menezes
Amanda Menezes
Novo Membro

Membro desde : 18/08/2016
Mensagens : 10
Pontos : 14

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Holkis 29.08.16 22:35

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.
Holkis
Holkis
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes 29.08.16 22:41

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

Membro desde : 18/08/2016
Mensagens : 10
Pontos : 14

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Holkis 29.08.16 22:58

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.
Holkis
Holkis
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes 29.08.16 23:29

Olá, entendi a parte do CSS.

Agora os códigos ficaram assim:

o do Holkis
Borda da área conectados Slrxnm

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

Membro desde : 18/08/2016
Mensagens : 10
Pontos : 14

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por IsmaelS. 30.08.16 0:27

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;
}
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes 30.08.16 1:20

#IsmaelS. 

Esse não alterou nada
Amanda Menezes
Amanda Menezes
Novo Membro

Membro desde : 18/08/2016
Mensagens : 10
Pontos : 14

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Cepheus 30.08.16 1:35

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
Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes 30.08.16 2:33

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;
}

Borda da área conectados A1tqwk

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.
Amanda Menezes
Amanda Menezes
Novo Membro

Membro desde : 18/08/2016
Mensagens : 10
Pontos : 14

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Cepheus 30.08.16 16:37

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;
}
Cepheus
Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes 01.09.16 15:47

Deu certo, obrigado a todos que me ajudaram.

Se eu precisar de ajuda, eu abro outro tópico novamente.
Amanda Menezes
Amanda Menezes
Novo Membro

Membro desde : 18/08/2016
Mensagens : 10
Pontos : 14

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda da área conectados

Mensagem por Cream 01.09.16 15:57

Borda da área conectados Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos