[TUTORIAL] Número de novas mensagens privadas
Página 1 de 1 • Compartilhe
[TUTORIAL] Número de novas mensagens privadas
Número de novas mensagens privadas |
Neste tutorial, podemos aplicar um efeito de personalização no número de novas mensagens privadas ao menu. Ao qual estará descartando quantas novas mensagens privadas o usuário tem.
--> Tutoriais, dicas e astúcias <--
Número de novas mensagens privadas
Número de novas mensagens privadas
1º - Código JS a ser utilizado:
- Código:
$(function(g){var G=document.getElementById('i_icon_mini_new_message');if(!G)return;var h=$(G).attr("alt").match(/[0-9]+/);$('li a[href^="/privmsg"]').attr('data-counter',''+h+'');});
2º - Noção básica da função:
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. |
3º - Conhecendo e inserindo o código CSS:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS
- Código:
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
- Resultado:
© Fórum dos Fóruns & Sennior
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Número de novas mensagens privadas |
Tópicos semelhantes
» [TUTORIAL] Menu de mensagens privadas
» Problema de aba de novas mensagens privadas
» [TUTORIAL] Nova maneira de visualizar as mensagens privadas
» Numero de Novas Mensagens
» Como eu aumento o numero de mensagens privadas?
» Problema de aba de novas mensagens privadas
» [TUTORIAL] Nova maneira de visualizar as mensagens privadas
» Numero de Novas Mensagens
» Como eu aumento o numero de mensagens privadas?
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos