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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Daemon
 
William_iHarDz
 
Child
 
Holkis
 
iScroll
 
R. Rinehardt
 
Sr.Oliveira
 

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

HouseG4E, William_iHarDz

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

Amanda Menezes
Nível 2

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

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.


• 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
#LUTOFORUMEIROS em homenagem ao JScript

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3211
Pontos Ativos : 4662

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á?

Amanda Menezes
Nível 2

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

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.


• 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
#LUTOFORUMEIROS em homenagem ao JScript

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3211
Pontos Ativos : 4662

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.

Amanda Menezes
Nível 2

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

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 : 2610
Pontos Ativos : 5175

http://suportedesign.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

Amanda Menezes
Nível 2

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

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

Cepheus
Usuário destaque

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

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.

Amanda Menezes
Nível 2

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

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

Cepheus
Usuário destaque

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

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.

Amanda Menezes
Nível 2

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

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

Cream
Principal contribuidor
Principal contribuidor

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

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