Como colocar esses botões em meu fórum
2 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
Como colocar esses botões em meu fórum
Detalhes da questão
Endereço do fórum: http://megacityrpg.forumeiros.com/
Versão do fórum: phpBB2
Descrição
Olá, gostaria de por esses ícones em css no meu fórum "DESTAQUE" "RESOLVIDO" "EM CURSO"
Print: http://prntscr.com/ey3jjj
aonde vi:
http://www.brasilplaystart.com.br/forum/
Re: Como colocar esses botões em meu fórum
Olá,
Sugiro que o senhor leia:
-> https://ajuda.forumeiros.com/t107790-como-fazer-isso-funcionar-classe-no-titulo-dos-topicos
o/
---
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.
Sugiro que o senhor leia:
-> https://ajuda.forumeiros.com/t107790-como-fazer-isso-funcionar-classe-no-titulo-dos-topicos
o/
---
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.
Re: Como colocar esses botões em meu fórum
Okay, desculpe. " '-' ".
---
Crie um novo Javascript com investimento em todas as páginas (ou somente no local desejado, se preferir), contendo o código JS:
No código acima, temos:
No "from", você seta o que você quer que mude, para o que será precedido do "to".
O resultado, você pode conferir aqui:
-> http://1forum1.forumeiros.com/f3-diversos
o/
---
Provavelmente (acredito eu), algum de vocês irá querer isso:
@iScroll
@YouTube3
Não precisa responder neste tópico, só vejam mesmo.
---
Crie um novo Javascript com investimento em todas as páginas (ou somente no local desejado, se preferir), contendo o código JS:
- Código:
(function ($) {
'use strict';
var topicTags = [
{
'from': '[Em Curso]',
'to': 'Em Curso',
'background': '#39c'
}, // Lembre-se de colocar uma vírgula após cada array (conjunto).
{
'from': '[Teste]',
'to': 'Teste',
'background': 'green'
} // [!] A última não precisa de vírgula, e nem pode ter.
];
$(function () {
$.each(topicTags, function (index, topicTags) {
$('.topictitle').each(function () {
var $this = $(this);
$this.html($this.html().replace(topicTags.from, function(text, match) {
return '<span class="topic-icon" style="background-color: ' + topicTags.background + '">' + topicTags.to + '</span>'
}));
$this.find('.topic-icon').insertBefore($this);
});
});
$([
'<style type="text/css">',
' span.topic-icon {',
' padding: 1px 4px;',
' color: #fff;',
' border-radius: 3px;',
' }',
'</style>',
].join('\n')).appendTo('head');
});
}(jQuery));
No código acima, temos:
- Código:
var topicTags = [
{
'from': '[Em Curso]',
'to': 'Em Curso',
'background': '#39c'
}, // Lembre-se de colocar uma vírgula após cada array (conjunto).
{
'from': '[Teste]',
'to': 'Teste',
'background': 'green'
} // [!] A última não precisa de vírgula, e nem pode ter.
];
No "from", você seta o que você quer que mude, para o que será precedido do "to".
O resultado, você pode conferir aqui:
-> http://1forum1.forumeiros.com/f3-diversos
o/
---
Provavelmente (acredito eu), algum de vocês irá querer isso:
@iScroll
@YouTube3
Não precisa responder neste tópico, só vejam mesmo.
Re: Como colocar esses botões em meu fórum
![]() | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
![-](https://2img.net/i/empty.gif)
» Como colocar esses Widgets no fórum
» Como colocar esses botões ?
» Como faço para adicionar esses menus/sub forum no forum
» Como colocar esses Efeitos
» Como colocar esses "icones"
» Como colocar esses botões ?
» Como faço para adicionar esses menus/sub forum no forum
» Como colocar esses Efeitos
» Como colocar esses "icones"
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