[TUTORIAL] Caixa em tópicos populares
Página 1 de 1 • Compartilhe
[TUTORIAL] Caixa em tópicos populares
Caixa em tópicos populares |
Quando temos tópicos com mais respostas, ou seja, tópicos populares, é porque o assunto interessa a uma maioridade de pessoas. Com este efeito, vamos aprender a colocar uma caixa para esses tópicos em particular, dizendo que é popular.
--> Tutoriais, dicas e astúcias <--
Caixa em tópicos populares
Caixa em tópicos populares
1º - Conhecendo o código:
Temos códigos diferenciados para cada versão.
PHPBB3 |
- Código:
$(document).ready(function () {
var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
$("ul.topiclist dfn").remove();
$('.forumbg .row dd.posts').each(function () {
var numerorespostas = $(this).text();
var popularhancki = '<span class="popularhancki">Popular</span>';
if (numerorespostas >= 3) {
$(this).append(popularhancki);
}
});
});
PHPBB2 |
- Código:
$(document).ready(function () {
var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
$('th:contains("Respostas")').each(function () {
$(this).parents('.forumline').find('tbody tr td.row2').each(function () {
var numerorespostas = $(this).text();
var popularhancki = '<span class="popularhancki">Popular</span>';
if (numerorespostas >= 3) {
$(this).append(popularhancki);
}
});
});
});
$(document).ready(function () {
$("table.forumline tbody tr").each(function () {
$(".popularhancki:last", this).hide();
});
});
PUNBB |
- Código:
$(document).ready(function () {
var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
$('thead:contains("Respostas")').each(function () {
$(this).parents('.main-content').find('td.tc2').each(function () {
var numerorespostas = $(this).text();
var popularhancki = '<span class="popularhancki">Popular</span>';
if (numerorespostas >= 3) {
$(this).append(popularhancki);
}
});
});
});
INVISION |
- Código:
$(document).ready(function () {
var sCSS = '<style>.popularhancki {background: #ED7710;display: block;height: 16px;margin: 0 auto;max-width: 50px;line-height: 16px;padding: 1px 5px;font-size:9px;font-weight: bold;text-transform: uppercase;color: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;vertical-align: middle;}</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
$('.ipbtable tbody tr').each(function () {
var numerorespostas = $(this).find("td:eq(3)").text();
var popularhancki = '<span class="popularhancki">Popular</span>';
if (numerorespostas >= 3) {
$(this).find("td:eq(3)").append(popularhancki);
}
});
});
2º - Modificando o código:
Agora, neste processo, é necessário a sua máxima atenção. Vamos modificar o número mínimo de tópicos para que este aviso apareça. Imaginemos que os seus tópicos se tornam populares apenas quando chegam a 20 mensagens. Então, escolherá o número 20 no seu código, como será explicado abaixo.
Então, para que isso aconteça, procure no código que escolheu no passo anterior, a seguinte linha:
- Código:
if (numerorespostas >= 3) {
3º - Adicionando código JS:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
- Resultado:
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Caixa em tópicos populares |
Tópicos semelhantes
» [TUTORIAL] Caixa de comentários do facebook nos tópicos
» [TUTORIAL] Alterar imagens da caixa fluante
» [TUTORIAL] Adicionando texto na caixa de resposta
» [TUTORIAL] Caixa de Menu "Buscar"
» [TUTORIAL] Caixa de aviso flutuante
» [TUTORIAL] Alterar imagens da caixa fluante
» [TUTORIAL] Adicionando texto na caixa de resposta
» [TUTORIAL] Caixa de Menu "Buscar"
» [TUTORIAL] Caixa de aviso flutuante
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos