Zona de criação de tópicos

4 participantes

Ir para baixo

Tópico resolvido Zona de criação de tópicos

Mensagem por Diogo Ferreira 17.03.14 22:45

Qual é minha questão:
Olá!
Queria mudar um pouco o estilo da visualização dos tópicos.
Basicamente, eu tenho assim: http://gyazo.com/8024179ccb2302ee36605fb068fa3af0
Queria colocar, assim: http://gyazo.com/e1ba8e3ef68103aaf1c8b8b7b226cb81

Obrigado.

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

Versão do fórum:
PHPBB2


Última edição por Diogo Ferreira em 19.03.14 12:57, editado 1 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: Zona de criação de tópicos

Mensagem por Kyo Panda 18.03.14 16:42

Olá,

Adicione ao seu CSS:

Código:
.tcl.tdtopics  {
   font-size: 10px;
}

.tcl.tdtopics .topic-title a {
  color: #3290a6;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}

.tcl.tdtopics a[href^="/u"],
.tcl.tdtopics a[href^="/u"] * {
   font-size: inherit;
   color: #fff !important;
   font-weight: normal !important;
}

E ao Javascript:

Código:
$('.tcl.tdtopics .topic-title').each(function(key, element) {
    var self;
    self = $(element);
    self[0].nextSibling.parentNode.removeChild(self[0].nextSibling);
    self.after('<br>   Iniciado por ');
});

Abraços. Feliz


Última edição por Kyo Panda em 18.03.14 19:03, editado 2 vez(es)
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira 18.03.14 18:30

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: Zona de criação de tópicos

Mensagem por Hancki 18.03.14 18:52

Olá!

Use apenas este código JS:
Código:
$(document).ready(function() {
    $('a.topictitle').each(function() {
        $(this).after('</br>');
    });
   
    var hanckireplace = $('td.tcl.tdtopics').html().replace(/\por/g,'Iniciado por');
    $('td.tcl.tdtopics').html(hanckireplace);

});
Resultado: http://prntscr.com/31zcrl

Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira 18.03.14 19:07

Ficou igual.
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: Zona de criação de tópicos

Mensagem por Kyo Panda 18.03.14 19:11

Então Diogo, eu testei ambos os códigos, o meu e o do Hancki e ambos funcionaram (o do Hancki até melhor, devido a uma parada com espaços nos posts daqui do fórum). Em adição eu não encontrei nenhum dos códigos no Javascript do seu fórum.

Está a inserir os códigos Javascript no fórum correto? Sei que é loucura, mas é o que posso pensar para os códigos não estarem no seu fórum.

Abraços. Feliz
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por ShiroK 18.03.14 19:14

Olá,

Vá na seção de imagens e retire imagem na qual aparece antes do título, e adicione este código ao seu JS;

Código:
$(document).ready(function() {
    $('a.topictitle').each(function() {
        $(this).back('</br>');
    });
   
    var  replace= $('td.tcl.tdtopics').html().replace(/\por/g,'Iniciado por');
    $('td.tcl.tdtopics').html(replace);

});

Atenciosamente,
ShiroK
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por Hancki 18.03.14 19:49

ShiroK escreveu:Olá,

Vá na seção de imagens e retire imagem na qual aparece antes do título, e adicione este código ao seu JS;

Código:
$(document).ready(function() {
    $('a.topictitle').each(function() {
        $(this).back('</br>');
    });
    
    var  replace= $('td.tcl.tdtopics').html().replace(/\por/g,'Iniciado por');
    $('td.tcl.tdtopics').html(replace);

});

Atenciosamente,
ShiroK
ShiroK, é impressão minha ou esse código é o mesmo que o meu? Perdão!!... Digo, muito igual ao meu?
Acho que não houve necessidade nesta postagem visto apenas ter removido uns ínfimos créditos em meu nome.

Já agora, Diogo Ferreira, funcionou ou não? Creio que não hajam outras soluções.
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira 18.03.14 20: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: Zona de criação de tópicos

Mensagem por Hancki 18.03.14 22:33

Vi que está a usar o JS do Kyo Panda: http://prntscr.com/321xx6
Use o meu, por favor.
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira 18.03.14 22:41

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: Zona de criação de tópicos

Mensagem por Hancki 18.03.14 22:43

O erro está na zona onde tem investido o código.
Veja: http://prntscr.com/3221nq
O que está marcado a vermelho.. use um ou outro! Mas se só o de sub-fóruns der, use esse!
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira 18.03.14 23:08

Sim, resultou.
No entanto queria centrar só, como aqui: http://gyazo.com/71b74be98ae35329e0724cc9d2208c2d

No meu está: http://gyazo.com/1908506c4799dc34f1bc02d10232c5c2

Imagem e o texto.
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: Zona de criação de tópicos

Mensagem por Hancki 19.03.14 9:30

Use este CSS:
Código:
tbody.statused td.tcl.tdtopics span.status img {
   margin-top: -13px !important;
   margin-left: -13px !important;
}
Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira 19.03.14 12:56

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