[Tutorial] Ícone no tópico usando jquery
Página 1 de 1 • Compartilhe
Informações:
Autor: Desconhecido
Funcionalidade: Todas as versões
Acesse:
E Crie um novo Javascript com investimento em todas as paginas com esse código:Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos codigos Javascript
- 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, :
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:
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos