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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Top Usuário
Hoje à(s) 12:21 pm por iScroll

» Nova MP ModerNBB
Hoje à(s) 12:15 pm por iScroll

» Problemas ao editar
Hoje à(s) 11:16 am por Ketholy123

» Reset dos Pontos
Hoje à(s) 10:56 am por Luiz

» Notificação de novas mensagens
Hoje à(s) 10:51 am por Luiz

» Menu Mensagem Privada
Hoje à(s) 10:06 am por Ketholy123

» Colocar um tópico ligado a dois sub forums
Hoje à(s) 10:02 am por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
T1ag0
 

Quem está conectado
240 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 233 Visitantes :: 2 Motores de busca

Accorsi, DustyRhodes, iScroll, Kadso, Ketholy123, Luiz, Railison Ramon

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 29/08/16, 06:28 pm

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 : 17/08/2016
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário

Resolvido Re: Borda da área conectados

Mensagem por Holkis em 29/08/16, 06:35 pm

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

Holkis
Hiperativo

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3493
Pontos Ativos : 4192

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em 29/08/16, 06:41 pm

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

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 17/08/2016
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário

Resolvido Re: Borda da área conectados

Mensagem por Holkis em 29/08/16, 06:58 pm

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

Holkis
Hiperativo

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3493
Pontos Ativos : 4192

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em 29/08/16, 07:29 pm

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 : 17/08/2016
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário

Resolvido Re: Borda da área conectados

Mensagem por IsmaelS. em 29/08/16, 08:27 pm

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 : 2953
Pontos Ativos : 4093

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em 29/08/16, 09:20 pm

#IsmaelS. 

Esse não alterou nada
avatar

Amanda Menezes
Nível 2

Feminino
Inscrito dia : 17/08/2016
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário

Resolvido Re: Borda da área conectados

Mensagem por Cepheus em 29/08/16, 09:35 pm

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 : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em 29/08/16, 10:33 pm

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 : 17/08/2016
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário

Resolvido Re: Borda da área conectados

Mensagem por Cepheus em 30/08/16, 12:37 pm

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 : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Borda da área conectados

Mensagem por Amanda Menezes em 01/09/16, 11:47 am

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 : 17/08/2016
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário

Resolvido Re: Borda da área conectados

Mensagem por Cream em 01/09/16, 11:57 am

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 : 11633

Ver perfil do usuário 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