[Tutorial] Ícone no tópico usando jquery

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin Sex Set 30, 2016 12:37 pm

Informações:
Autor:
Desconhecido
Funcionalidade: Todas as versões




Acesse:
Painel de Controle Modulos Html e Javascript Gestão dos codigos Javascript
E Crie um novo Javascript com investimento em todas as paginas com esse código:
Código:
jQuery(document).ready(function(){jQuery(".module a, .topiclist, .page-title, .statused").each(function(){jQuery(this).html(jQuery(this).html().replace(/Solved:/g,'<span id=\'resol_d\'>SOLVED TEXT</span>'))})});

Edições no código:
.replace(/Solved:/g, será utilizado como símbolo que você deve colocar no Título do tópico onde você quer destacar com o icone neste caso.
' é a classe utilizada, pra poderes personaliza-la usando CSS
SOLVED TEXT é a parte que será mostrado no tópico do título.

Exemplo utilizado com .replace(/Solved:/g, :
[Tutorial] Ícone no tópico usando jquery MJQT9iz

Acesse:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Código:
#resol_d {
    background: none repeat scroll 0px 0px rgb(123, 166, 13);
   border-radius: 4px 4px 4px 4px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    padding: 0px 5px;
    text-transform: uppercase;
    vertical-align: middle;
}

Resultado:
[Tutorial] Ícone no tópico usando jquery 8GsV90k

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

 
Permissões neste sub-fórum
Não podes responder a tópicos