Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Zona dos últimos posts
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Zona dos últimos posts
Qual é minha questão:
Olá.
No fórum está assim: http://gyazo.com/3678e6493ee84535c0739c54e7a0242b
Eu queria, assim: http://gyazo.com/f6f29647e1243e59424b75cb7d514864
Tem como?
Endereço do meu fórum:
www.fusionpt.forumeiros.eu
Versão do fórum:
PHPBB3
Olá.
No fórum está assim: http://gyazo.com/3678e6493ee84535c0739c54e7a0242b
Eu queria, assim: http://gyazo.com/f6f29647e1243e59424b75cb7d514864
Tem como?
Endereço do meu fórum:
www.fusionpt.forumeiros.eu
Versão do fórum:
PHPBB3
Última edição por Diogo Ferreira em 13.03.14 19:04, editado 2 vez(es)
Re: Zona dos últimos posts
Olá amigo, antes poderia editar sua questão ?
Este fórum e o forum da Forumeiros.com e não o seu, edite por favor
Endereço do meu fórum
ajuda.forumeiros.com
Este fórum e o forum da Forumeiros.com e não o seu, edite por favor
Re: Zona dos últimos posts
Poderia nos informar o site em que viu este layout ? eu sei mudar de lugar agora, quero o código para deixar mensagens e topicos juntos
Re: Zona dos últimos posts
Olá amigo, este fórum e da forumeiros.com ? pois não vi o copyright da mesma acho que o codigo não irá funcionar no seu fórum.
Re: Zona dos últimos posts
Não é mas não tem nada haver, houve coisas que eu meti num fórum antigo igual a fóruns profissionais.
Re: Zona dos últimos posts
Esse fórum não é da forumeiros(se for engano meu), e se houver um código para isso, a FDF não dá suporte a template(pra mim nunca deram).
O máximo que podem fazer é achar um código parecido.
O máximo que podem fazer é achar um código parecido.
Re: Zona dos últimos posts
Bem amigo não consegui nenhum código para seu fórum PHBB3, agora PUNBB,PHBB2 tem como através de edição de templates o máximo que posso lhe dar é o CSS, ressaltando que forumeiros não da suporte a outros sites
Re: Zona dos últimos posts
Olá,
HilterHP caso você não saiba ajudar é melhor ficar quieto, mas enfim, ninguém da equipe irá fornecer o código, porque a equipe não trabalha com códigos externos aos tutoriais, porém posso lhe ajudar, adicione o código abaixo aos JavaScripts;
Lembrando que não consegui visualizar as imagens, ou seja, imagino que o código resulte no que quer.
Atenciosamente,
ShiroK
HilterHP caso você não saiba ajudar é melhor ficar quieto, mas enfim, ninguém da equipe irá fornecer o código, porque a equipe não trabalha com códigos externos aos tutoriais, porém posso lhe ajudar, adicione o código abaixo aos JavaScripts;
- Código:
$(function() {
var data;
data = $('.last_post.ipsType_small li:last-child');
data.each(function(key, element) {
var html, regex;
html = $(element).html().replace('<br>', ' por ').replace(' à(s)', ', ');
regex = /(\w{3})\s(\d+)\s(\w{3})\s(\d+)(.*)/g;
if (html.match(regex)) {
html = html.replace(regex, function(html, week, day, month, year, left) {
return day + ' ' + month + ' ' + year + left.replace(/\s-\s\d+:\d+/g, '');
});
}
$(element).html(html);
});
});
Lembrando que não consegui visualizar as imagens, ou seja, imagino que o código resulte no que quer.
Atenciosamente,
ShiroK
Re: Zona dos últimos posts
Desculpe mais respeito é bom e todos gosta, se você sabe o código basta posta-lo e não criticar as tentativas de ajudas dos outros membros.
Re: Zona dos últimos posts
Olá Diogo, tudo bem?
Tem como adicionar mais um fórum na categoria inicial, só para fazermos alguns testes?
Abraços.
EDIT: Você inseriu algum script no fórum? Seu cabeçalho virou um "inception" de fóruns, há vários fóruns dentro do fórum. ._.
Tem como adicionar mais um fórum na categoria inicial, só para fazermos alguns testes?
Abraços.
EDIT: Você inseriu algum script no fórum? Seu cabeçalho virou um "inception" de fóruns, há vários fóruns dentro do fórum. ._.
Re: Zona dos últimos posts
Adicione um novo módulo Javascript com esse código:
E procure por:
E mude o "text-align: left;" para "text-align: right;".
Abraços.
- Código:
$(function() {
$('.main-content table tr').each(function(key, element) {
var self, topics, messages, blend, answer, author;
self = $(element);
topics = self.find('.tc2');
messages = self.find('.tc3');
answer = self.find('.tcr');
author = answer.find('strong a[href^="/u"]').closest('strong');
blend = $('<td class="tcblend"></td>');
blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
blend.appendTo(self);
topics.remove();
messages.remove();
author.prependTo(answer);
author.after(' por ');
});
});
E procure por:
- Código:
.pun table .tcr {
overflow: hidden;
padding: 0 0 0 .5em !important;
text-align: left;
width: 30%;
}
E mude o "text-align: left;" para "text-align: right;".
Abraços.
Re: Zona dos últimos posts
Nyeh, para ficar "exatamente igual", terei que "comer" algumas configurações do seu painel, tudo bem?
Troque o Javascript por esse:
E adicione ao seu CSS:
Abraços.
Troque o Javascript por esse:
- Código:
$(function() {
$('.main-content table tr').each(function(key, element) {
var self, topics, messages, blend, answer, author, tcr;
self = $(element);
topics = self.find('.tc2');
messages = self.find('.tc3');
answer = self.find('.tcr');
author = answer.find('strong a[href^="/u"]').closest('strong');
blend = $('<td class="tcblend"></td>');
blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
blend.appendTo(self);
topics.remove();
messages.remove();
author.prependTo(answer);
author.after(' por ');
answer.find('.last-post-icon').closest('a').remove();
answer.find('br:last-of-type').remove();
tcr = answer.find('> span').html().split('<br>');
if (tcr.length >= 2) {
tcr[1] = '<div class="post-date">' + tcr[1] + '</div>';
}
answer.find('> span').html(tcr.join(''));
});
});
E adicione ao seu CSS:
- Código:
.pun table .tcr {
padding-right: 10px !important;
}
.pun table.table td {
background: #1e1e1e;
color: #666;
line-height: 1.5em;
}
.pun table.table td a {
color: #b4b4b4;
}
.pun table.table td.tcr {
background: #222222;
}
.pun table.table td.tcblend {
padding: 0 10px;
}
.pun table.table td .post-date {
font-size: 11px;
}
Abraços.
Re: Zona dos últimos posts
Está quase amigo.
Veja o que quero: http://gyazo.com/9ffb8b3ba93fb7b6d1388b549c09bb2c
Como está: http://gyazo.com/be2e673f575b83421faf70da60199ca7
Queria que aparecesse o título do tópico todo, que essa zona fosse do lado direito, como na imagem acima e que os nomes dos users, seja eles de que grupo forem, ficar a branco.
Modificar o "por" por "em"
Veja o que quero: http://gyazo.com/9ffb8b3ba93fb7b6d1388b549c09bb2c
Como está: http://gyazo.com/be2e673f575b83421faf70da60199ca7
Queria que aparecesse o título do tópico todo, que essa zona fosse do lado direito, como na imagem acima e que os nomes dos users, seja eles de que grupo forem, ficar a branco.
Modificar o "por" por "em"
Re: Zona dos últimos posts
Trocar Javascript:
Adicionar CSS:
Abraços.
- Código:
$(function() {
$('.main-content table tr').each(function(key, element) {
var self, topics, messages, blend, answer, author, title;
self = $(element);
topics = self.find('.tc2');
messages = self.find('.tc3');
answer = self.find('.tcr');
author = answer.find('strong a[href^="/u"]').closest('strong');
blend = $('<td class="tcblend"></td>');
blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
blend.appendTo(self);
topics.remove();
messages.remove();
author.prependTo(answer);
author.after(' em ');
title = answer.find('a[href^="/t"]');
title.text(title.attr('title'));
});
});
Adicionar CSS:
- Código:
.main-content .tcr {
text-align: right !important;
}
.main-content .tcr a * {
color: #b4b4b4;
}
Abraços.
Re: Zona dos últimos posts
Sim, eu errei o Javascript acima. (TT-TT)
Tente:
Abraços. ;D
Tente:
- Código:
$(function() {
$('.main-content table tr').each(function(key, element) {
var self, topics, messages, blend, answer, author, tcr, title;
self = $(element);
topics = self.find('.tc2');
messages = self.find('.tc3');
answer = self.find('.tcr');
author = answer.find('strong a[href^="/u"]').closest('strong');
blend = $('<td class="tcblend"></td>');
blend.append($('<div class="messages">' + messages.text() + ' Mensagens</div>'));
blend.append($('<div class="topics">' + topics.text() + ' Tópicos</div>'));
blend.appendTo(self);
topics.remove();
messages.remove();
author.prependTo(answer);
author.after(' em ');
answer.find('.last-post-icon').closest('a').remove();
answer.find('br:last-of-type').remove();
tcr = answer.find('> span').html().split('<br>');
if (tcr.length >= 2) {
tcr[1] = '<div class="post-date">' + tcr[1] + '</div>';
}
answer.find('> span').html(tcr.join(''));
title = answer.find('a[href^="/t"]');
title.text(title.attr('title'));
});
});
Abraços. ;D
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos