Barra divisória nos tópicos

4 participantes

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

Tópico resolvido Barra divisória nos tópicos

Mensagem por Diogo Ferreira 13.01.14 21:19

Qual é minha questão:
Olá amigos, eu gostaria de ter uma "barra" dessas no meu fórum, vejam: http://gyazo.com/6b5a2083e5a37711f6fee9348cd6ff3f

A barra que tem o nome, o símbolo de Offline/Online antes do nome, data etc.

Obrigado.

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

Versão do fórum:
PUNBB
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 nos tópicos

Mensagem por Raayzeck 13.01.14 21:46

Poderia enviar o link do fórum em que viu tal efeito ?
Raayzeck

Raayzeck
****

Membro desde : 07/09/2012
Mensagens : 299
Pontos : 491

http://playperfect.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra divisória nos tópicos

Mensagem por Diogo Ferreira 13.01.14 21:48

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 nos tópicos

Mensagem por JScript 14.01.14 16:08

@Diogo Ferreira

Olá amigo, apesar de seu fórum ser versão punbb onde é possível a edição dos templates, o mesmo efeito dá pra ser feito somente com CSS, veja:
Código:

.pun .posthead {
  margin: -8px 0 0 -207px !important;
  width: 939px !important;
}
.pun .posthead h2 strong:before {
  content: "#";
}

Resultado em seu fórum:
Barra divisória nos tópicos F6UY61s

Nota: Se você não ficar satisfeito, podemos fazer de várias outras formas incluindo a edição dos templates!

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 nos tópicos

Mensagem por Diogo Ferreira 14.01.14 18:25

Amigo esse é o original do fórum, eu gostava do que meti acima.
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 nos tópicos

Mensagem por JScript 14.01.14 18:36

Diogo Ferreira escreveu:Amigo esse é o original do fórum, eu gostava do que meti acima.
O original de seu fórum é esse:
Barra divisória nos tópicos 2YdZUBq

O código que é mais semelhante ao que você deseja é:
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) {
  margin-left: 190px !important;
}
.pun .posthead h2 strong:before {
  content: "#";
}
.pun .posthead h2 strong {
  margin-right: 10px;
}

Resultado:
Barra divisória nos tópicos EVNEpcw

As cores ficam a seu critério,

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 nos tópicos

Mensagem por Diogo Ferreira 14.01.14 18:53

Amigo, onde diz "Mundial 2014 - informações em quinta..." não dá para tirar tudo e colocar apenas "Postado .." e a data e a hora em que é postado, exatamente igual à imagem - http://gyazo.com/b10d22dc6bb212b7eb461f5f44ced5fb

---------------------------

Outra coisa é o nick, será que dá para encostar ao lado esquerdo e que antes meta o simbolo do Online e do Offline, dependendo. 
imagem - http://gyazo.com/5f4bfe543e4ff7543cf0ab3a4bb9327d
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 nos tópicos

Mensagem por JScript 14.01.14 19:04

Com certeza, troque o código acima por este:
Spoiler:

Resultado:
Barra divisória nos tópicos JnuvH5e

Nota: Eu não vi que você habilitou o ícone de Online/Offline, verifique no painel de controle ok?

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 nos tópicos

Mensagem por Diogo Ferreira 14.01.14 19:19

Aii JScript, desculpe mas esqueci-me de uma coisa!

Os nomes queria iguais a estes - http://gyazo.com/5f4bfe543e4ff7543cf0ab3a4bb9327d , sem bold nem cores, iguais completamente.

-------------------

Icon de online já ativado, está de momento em baixo das rankbars, queria atrás do nick. Vou deixar os icons de off e on aqui.

Online: https://2img.net/h/i137.photobucket.com/albums/q224/RM_7/online.png

Offline: https://2img.net/h/i137.photobucket.com/albums/q224/RM_7/offline.png

Atrás do nick sff, mais uma vez desculpe!
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

  • 0

Tópico resolvido Re: Barra divisória nos tópicos

Mensagem por JScript 14.01.14 19:36

Fique tranquilo...

Troque por este código abaixo:
Spoiler:

Resultado:
Barra divisória nos tópicos ZFUxKr4

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 nos tópicos

Mensagem por Diogo Ferreira 14.01.14 19:43

Tá perfeito amigo, só uma coisa, quando está offline aparece o icon q lhe dei para offline, certo?
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 nos tópicos

Mensagem por JScript 14.01.14 19:45

Com certeza que sim!!!

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 nos tópicos

Mensagem por Diogo Ferreira 14.01.14 19:52

Amigo quando se está offfline reparei que o simbolo de offline não aparece e que o nome dos outros users não está igual ao meu (Diogoo.), queria todos iguais.
Imagem: http://gyazo.com/ed05548631b503c12715ba8a0182327f

Abraços.
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 nos tópicos

Mensagem por JScript 14.01.14 19:56

No último código que postei acima, procure por:
.pun .user-ident .username a strong
E troque por:
.pun .user-ident .username a strong, .pun .user-ident .username a

Sobre o ícone offline, verifique no painel de controle se ao adicionar você salvou a configuração pois ele não está presente, somente o Online!

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 nos tópicos

Mensagem por Diogo Ferreira 14.01.14 20:03

Ao ir ao Painel de Controlo não dava para colocar o ícon Offline, na zona da 'Gestão das Imagens'.
Eu pensei numa situação, não dava para por na barra o icon de offline a todos e só aparecia o de Online a quem realmente tivesse conetado, se desconetasse aparecia o offline again. Percebeu?
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 nos tópicos

Mensagem por Mesuko 14.01.14 20:12

O código para PhpBB3 é o mesmo?
avatar

Mesuko
**

Membro desde : 30/05/2012
Mensagens : 56
Pontos : 94

http://WorldZumbie.forumeiro.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Barra divisória nos tópicos

Mensagem por JScript 14.01.14 20:27

Mesuko escreveu:O código para PhpBB3 é o mesmo?
Infelizmente não, terás que abrir seu próprio tópico!

@Diogo Ferreira
Eu fui conferir e realmente é dessa forma... Mas a sua ideia é excelente e funcional, basta adicionar o código abaixo:
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;
}

Resultado:
Barra divisória nos tópicos JAzVHID

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 nos tópicos

Mensagem por Diogo Ferreira 14.01.14 20:33

JScript, muito obrigado pela ajuda e disponibilidade, leva +!

Pode fechar amigo.
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

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos