Imagem "Quente"
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Imagem "Quente"
Ola,gostaria de que aparecesse essa imagem quando o tópico alcansasse 30 mensagens.
Imagem: https://i.imgur.com/w64nNTt
Imagem: https://i.imgur.com/w64nNTt
Re: Imagem "Quente"
Olá!
Crie um novo JavaScript com investimento "Em todas as páginas":
Depois, aceda à sua folha de estilos:
Cumprimentos.
Fraise
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
Crie um novo JavaScript com investimento "Em todas as páginas":
Painel de Controle Módulos Gestão dos códigos JavaScript
- Código:
$(document).ready(function(){
$('thead:contains("Respostas")').each(function() {
$(this).parents('.main-content').find('td.tc2').each(function() {
var number = $(this).text();
var hot = '<span class="hot_topic">Quente</span>';
if(number >= 29) {
$(this).append(hot);
}
});
});
});
Depois, aceda à sua folha de estilos:
Painel de Controle Visualização Cores Folha de estilos CSS
- Código:
.hot_topic {
background: #ED7710;
display: block;
height: 16px;
margin: 0 auto;
max-width: 45px;
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;
}
Cumprimentos.
Fraise
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
Re: Imagem "Quente"
Olá,
Tente adicionar o seguinte código JavasCript com investimento em todas as páginas:
Resulta?
Até.
Tente adicionar o seguinte código JavasCript com investimento em todas as páginas:
Painel de Controle -> Módulos -> Gestão dos códigos JavaScript
- 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">Quente</span>';
if (numerorespostas >= 29) {
$(this).append(popularhancki);
}
});
});
Resulta?
Até.
Re: Imagem "Quente"
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Bug Sistema quente
» Colocar texto por cima da imagem no portal e separar uma imagem da outra
» Mudar imagem ao passar o Mouse porém tem que mudar a imagem do Frame
» Code para imagem de fundo da imagem
» Imagem no..
» Colocar texto por cima da imagem no portal e separar uma imagem da outra
» Mudar imagem ao passar o Mouse porém tem que mudar a imagem do Frame
» Code para imagem de fundo da imagem
» Imagem no..
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos