Barra divisória para fóruns

3 participantes

Ir para baixo

Tópico resolvido Barra divisória para fóruns

Mensagem por Diogo Ferreira 20.01.14 21:02

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 9:26, editado 2 vez(es)
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra divisória para fóruns

Mensagem por Alex Habilidade 20.01.14 22:00

Olá,

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

Cordiais Saudações;
Alex!Piscada
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra divisória para fóruns

Mensagem por JScript 20.01.14 22:21

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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra divisória para fóruns

Mensagem por Diogo Ferreira 20.01.14 23:02

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://i137.photobucket.com/albums/q224/RM_7/offline.png") !important;
  background-position: 15px center !important;
  background-repeat: no-repeat !important;
  z-index: 0;
}

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

Bem, queria solução.
Obrigado!
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra divisória para fóruns

Mensagem por JScript 20.01.14 23:16

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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra divisória para fóruns

Mensagem por Diogo Ferreira 21.01.14 9:26

Está resolvido amigo.
Obrigado!
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

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