Tutorial - Colocando “aba” ao passar o cursor

Tem muita gente pedindo para ensinar a fazer aquela “aba” que aparece quando passamos o cursor por algo, um exemplo é o nosso “find us”. Bom, é um pouco complicado, então pra quem não sabe muito de HTML vai ficar meio dificil.

1º passo: Cole esse código abaixo de <head>.

Obs.: Mude “LARGURA MÍNIMA DA CAIXINHA”, “LARGURA DA BORDA”, “COR DA BORDA” e “COR DO FUNDO”.

2º passo: Cole esse código logo abaixo de <body>.

Agora vamos colocá-las no seu menu.

Ex: Se você for usar num link (como home, meus textos, themes…) coloque o código assim:

Código aqui.

Ex²: Se você for usar com o menu falso iframe, deixe o código assim:

Código aqui.

Entendendo o código: 

1) A “ID DO SEU THEME” geralmente é main.

2)A “ID DO IFRAME” é o que você vai usar pra criar a página. Exemplo: profile, ask, tumblr…

3)250” é o tamanho da aba.

4) A “SUA CLASS DE MENU” é a class que tem o seu menu. Geralmente é nav.

Bom, espero que sirva. Se gostarem ou servir creditem o Having Themes!

/Thales

  1. havingthemes posted this