Zona de criação de tópicos

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

Resolvido Zona de criação de tópicos

Mensagem por Diogo Ferreira em 17/03/14, 07:45 pm

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, 09:57 am, editado 1 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: Zona de criação de tópicos

Mensagem por Kyo Panda em 18/03/14, 01:42 pm

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, 04:03 pm, editado 2 vez(es)
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira em 18/03/14, 03:30 pm

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

Mensagem por Hancki em 18/03/14, 03:52 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira em 18/03/14, 04:07 pm

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

Mensagem por Kyo Panda em 18/03/14, 04:11 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Zona de criação de tópicos

Mensagem por ShiroK em 18/03/14, 04:14 pm

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
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com
  • 0

Resolvido Re: Zona de criação de tópicos

Mensagem por Hancki em 18/03/14, 04:49 pm

@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.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira em 18/03/14, 05:48 pm

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

Mensagem por Hancki em 18/03/14, 07:33 pm

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira em 18/03/14, 07:41 pm

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

Mensagem por Hancki em 18/03/14, 07:43 pm

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!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira em 18/03/14, 08:08 pm

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

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

Imagem e o texto.
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/
  • 0

Resolvido Re: Zona de criação de tópicos

Mensagem por Hancki em 19/03/14, 06:30 am

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Zona de criação de tópicos

Mensagem por Diogo Ferreira em 19/03/14, 09:56 am

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