Zona de criação de tópicos

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

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.

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

Ficou igual.

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.

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

Coloquei apenas o JS e
http://gyazo.com/8b9afe6b1fa523dbd6f46082c38370da

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

Estou a usar o seu: http://gyazo.com/ae32ce5a653e36597775fab52d291241

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!

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

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

Imagem e o texto.

Use este CSS:

Código:

tbody.statused td.tcl.tdtopics span.status img {
   margin-top: -13px !important;
   margin-left: -13px !important;
}

Hancki

Resolvido.
Obrigado!