Barra divisória para fóruns

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

Olá,

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

Cordiais Saudações;
Alex!

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

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!

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

Está resolvido amigo.
Obrigado!