quarta-feira, 19 de janeiro de 2011

Tooltip - Alterar Modelo das Tags Title

Olá Pessoal, Eu sou Dono e Administrador do Blogando com Facilidade e estou aqui voltando aos Artigos e postando novamente no Códigos Blogger. Vou disponibilizar aqui unas artigos muito interessantes.


 Muitas pessoas provavelmente não devem ter entendido o título e então o que é uma Tag Title? 
Uma Tag Title São aquelas mensagens de indentificam determinado Elemento. Se você posicionar o mouse Neste Link você irá ver uma Mensagem, e é o Design desta mensagem que vamos alterar.

Vamos ao Tutorial:

1º - Acesse o painel do seu blog e clique na aba Design.
2º - Em seguida clique na Sub-aba Editar HTML.
3º - Em seguida segure as Teclas CTRL + F (Atalho de busca na página) e na caixa de texto que irá abrir procure por:

]]></b:skin>


4º -  ACIMA dele cole o seguinte código:

/* -- Tooltip -- */
div#qTip {
font:normal bold 12px Arial;
color:#FFFFFF;
padding:3px;
text-align:left;
letter-spacing:1px;
background: #444444;
border:1px solid #000000;
display:none;
position:absolute;
z-index:1000;
}


5º - Em seguida clique em Salvar Modelo.
6º - Agora Segure novamente as teclas CTRL + F e procure por:

</head>


7º - Acima dele cole o seguinte Script:

<script src='http://blogando-com-facilidade-codes.googlecode.com/files/tooltip%20%5BBcF%5D.js'>
</script>


8º - Após colar, clique em Salvar Modelo .

PRONTO! MODELO DAS TAGS TITLE ALTERADA!

TUTORIAL NO BLOGANDO NO FACILIDADE: 




Marcadores: , , ,

2 Comentários:

Às 11 de junho de 2011 20:29 , Blogger Phsnake disse...

Gostaria de usar este efeito no meu blog, para mostrar uma miniatura de imagem ao invés de uma descrição de texto quando passa o mouse por cima. Como faço isso ?

 
Às 29 de dezembro de 2011 16:24 , Blogger Miguel disse...

Ajudou muito, a muito tempo eu estava procurando... Valew

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial