Barra divisória para fóruns

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

Resolvido Barra divisória para fóruns

Mensagem por Diogo Ferreira em 20/01/14, 07:02 pm

Qual é minha questão:
Olá!
É o seguinte, já tinha aberto um tópico mas aconteceu que mudei de tema e a 'barra' não funciona a 100%, acho que precisa de re-ajuste.
Se for necessário o code antigo, aqui está:

Código:
.pun .post .user {
  background-color: rgba(0, 0, 0, 0) !important;
  padding-top: 55px !important;
  top: -45px !important;
}
.pun .posthead {
  margin: -8px 0 0 -207px !important;
  width: 939px !important;
}
.posthead h2:not(strong) {
  color: #777777 !important;
  margin-left: 190px !important;
  text-shadow: 0 1px 0 #FFFFFF !important;
}
.pun .posthead h2 strong:before {
  content: "#";
}
.pun .posthead h2 strong {
  margin-right: 10px;
}
.posthead h2 a {
  display: none;
}
.posthead h2:before {
  content: "Postado" !important;
}
.pun .user-ident .username {
  margin-left: -1px !important;
}
.pun .user-ident .username a strong {
  color: #555555 !important;
  font-weight: normal !important;
  text-shadow: 0 1px 0 #FFFFFF !important;
}
.i_icon_online {
  left: 0;
  position: absolute;
  top: 6px;
}

Obrigado!


Endereço do meu fórum:
http://foradjogo.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 21/01/14, 07:26 am, editado 2 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Barra divisória para fóruns

Mensagem por Alex Habilidade em 20/01/14, 08:00 pm

Olá,

Qual barra o senhor se refere?
Poderia postar um print por favor?

Cordiais Saudações;
Alex!Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Barra divisória para fóruns

Mensagem por JScript em 20/01/14, 08:21 pm

Olá!

Apesar de que você não especificou bem que barra seria, eu ainda lembro do que se trata, então troque o código acima por este:
Código:

        .pun .post .user {
          background-color: rgba(0, 0, 0, 0) !important;
          padding-top: 55px !important;
          top: -45px !important;
        }
.pun .posthead {
  margin: -1px 0 0 -177px !important;
  width: auto !important;
}
        .posthead h2:not(strong) {
          color: #777777 !important;
          margin-left: 190px !important;
          text-shadow: 0 1px 0 #FFFFFF !important;
        }
        .pun .posthead h2 strong:before {
          content: "#";
        }
        .pun .posthead h2 strong {
          margin-right: 10px;
        }
        .posthead h2 a {
          display: none;
        }
        .posthead h2:before {
          content: "Postado" !important;
        }
        .pun .user-ident .username {
         position: absolute;
         top: 18px !important;
         left: 30px !important;
        }
        .pun .user-ident .username a strong {
          color: #555555 !important;
          font-weight: normal !important;
          text-shadow: 0 1px 0 #FFFFFF !important;
        }
        .i_icon_online {
          left: 12px !important;
          position: absolute;
          top: 17px !important;
        }

Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Barra divisória para fóruns

Mensagem por Diogo Ferreira em 20/01/14, 09:02 pm

Olá JScript, a barra está funcional sim, mas há o problema dos icons online e Offline.

Veja a print: http://gyazo.com/d83a5de85dc650b0fec6d736c447fde4

O senhor tinha-me dado um código devido há minha ideia de implementar o botão de Offline, lembra-se?
Acho que está com problemas, o código é o seguinte (o que me tinha passado):

Código:
.pun .posthead {
  background-image: url("http://illiweb.com/fa/pbucket.gif") !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  z-index: 0;
}

E o resultado era: http://i.imgur.com/jAzVHID.png

Bem, queria solução.
Obrigado!
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Barra divisória para fóruns

Mensagem por JScript em 20/01/14, 09:16 pm

Ok, substitua o conteúdo dos seletores .pun .user-ident .username {} e .i_icon_online {} pelo conteúdo abaixo respectivamente:
Código:

.pun .user-ident .username {
  left: 40px !important;
  position: absolute;
  top: 20px !important;
}
.i_icon_online {
  left: 25px !important;
  position: absolute;
  top: 23px !important;
}

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Barra divisória para fóruns

Mensagem por Diogo Ferreira em 21/01/14, 07:26 am

Está resolvido amigo.
Obrigado!
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.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