Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
212 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 204 Visitantes :: 2 Motores de busca

.Saulo M., jhugor, juleic1123, Kyo Panda, MateusV., PESS_dodo, RafaelS., Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Borda da área conectados

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

Resolvido Borda da área conectados

Mensagem por Amanda Menezes em Seg 29 Ago 2016 - 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.
avatar

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 18/08/2016
Mensagens : 10
Pontos Ativos : 263

Resolvido Re: Borda da área conectados

Mensagem por Holkis em Seg 29 Ago 2016 - 22:35

Boa noite.

Adicione este código em sua CSS:
Código:
.h3{
background-image: url ('http://illiweb.com/fa/prosilver/bg_list.gif');
}
e Validar.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.


HolkisAdmineiro - Fórum dos Fóruns

• Tenha conhecimento do regulamento do FdF
• Conheça a staff e suas diretrizes.
• Acesse as  ferramentas do administrador.
• Confira a lista de tutoriais.
• MP apenas para assuntos importantes!

Holkis - Admineiro do Fórum dos Fóruns
avatar

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3316
Pontos Ativos : 4876

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

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em Seg 29 Ago 2016 - 22:41

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

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 18/08/2016
Mensagens : 10
Pontos Ativos : 263

Resolvido Re: Borda da área conectados

Mensagem por Holkis em Seg 29 Ago 2016 - 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.


HolkisAdmineiro - Fórum dos Fóruns

• Tenha conhecimento do regulamento do FdF
• Conheça a staff e suas diretrizes.
• Acesse as  ferramentas do administrador.
• Confira a lista de tutoriais.
• MP apenas para assuntos importantes!

Holkis - Admineiro do Fórum dos Fóruns
avatar

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3316
Pontos Ativos : 4876

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

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em Seg 29 Ago 2016 - 23:29

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

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 18/08/2016
Mensagens : 10
Pontos Ativos : 263

Resolvido Re: Borda da área conectados

Mensagem por IsmaelS. em Ter 30 Ago 2016 - 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;
}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5475

http://master-publicitario.forumeiros.com/

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em Ter 30 Ago 2016 - 1:20

#IsmaelS. 

Esse não alterou nada
avatar

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 18/08/2016
Mensagens : 10
Pontos Ativos : 263

Resolvido Re: Borda da área conectados

Mensagem por Cepheus em Ter 30 Ago 2016 - 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://illiweb.com/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;
}
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 2199

http://www.bestskins.net/

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em Ter 30 Ago 2016 - 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://illiweb.com/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.
avatar

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 18/08/2016
Mensagens : 10
Pontos Ativos : 263

Resolvido Re: Borda da área conectados

Mensagem por Cepheus em Ter 30 Ago 2016 - 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://illiweb.com/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://illiweb.com/fa/prosilver/bg_list.gif) 40 round;
 /* Safari 3.1-5 */
  -o-border-image: url(http://illiweb.com/fa/prosilver/bg_list.gif) 40 round;
 /* Opera 11-12.1 */
  border-image: url(http://illiweb.com/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;
}
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 2199

http://www.bestskins.net/

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em Qui 1 Set 2016 - 15:47

Deu certo, obrigado a todos que me ajudaram.

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

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 18/08/2016
Mensagens : 10
Pontos Ativos : 263

Resolvido Re: Borda da área conectados

Mensagem por Cream em Qui 1 Set 2016 - 15:57

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13958

http://ajuda.forumeiros.com

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