Tutorial - Menus diferentes

Yoo ~ 

como vão vocês pessoinhas ? Espero que todos entejam mto bem ><

Bom, primeiramente quero agradecer a todos que estão seguindo o Blog e que comentam tbm, isso me deixa mto feliz por saber que alguns reconhece meu esforço :], esse tutorial é creditado ao blog  Just Tonight. Espero que gostem 

Vamos ao tuto ?  , Clique em Leia mais (:

Menu #1 

Vá em Design > Editar HTML > Ctrl + f e procure por ]]></b:skin> logo a cima cole 

/*---Início do Menu---*/

ct {

font-family: century gothic; /* Fonte do Menu */

width: 20%; /* Tamanho do Menu */

float: left;

background: #FFFFFF; /* Cor do fundo do Menu */

padding: 5px;

text-align: center;

margin: 2px;

-webkit-border-radius: 11px;

-webkit-border-top-left-radius: 1px;/* Efeito das bordas */

border-radius: 11px;

border-top-left-radius: 1px;

-webkit-transition-duration: .80s; /* efeito trasition */

font-size: 10pt; /* Tamanho da fonte */

color: #A2B5CD; /* Cor da fonte */

}

ct:hover {

font-family: century gothic; /* Fonte do Menu quando passa o mouse */

width: 20%; /* Tamanho do Menu quando passa o mouse */

float: left;

background: #000000; /* Cor do fundo do Menu quando passa o mouse */

padding: 5px;

text-align: center;

margin: 2px;

-webkit-border-radius: 22px;

border-radius: 22px;

-webkit-transition-duration: .80s; /* efeito trasition */

font-size: 10pt; /* Tamanho da fonte do Menu quando passa o mouse */

font-style:bold; /* Fica em negrito quando passa o mouse */

color: #FFFFFF; /* Cor da fonte do Menu quando passa o mouse */

}

/*---Fim do Menu---*/

Menu #2 

Vá em Design > Editar HTML > Ctrl + f e procure por ]]></b:skin> logo a cima cole  

/*-- Começo do Menu -- */

idug {

font-family: Tahoma; /* --Fonte do Menu-- */

width: 17%; /* --Tamanho do Menu-- */

float: left;

Background: #87CEFA; /* --fundo do menu sem passar o mouse */

padding: 5px;

text-align: center; 

margin: 2px;

-moz-border-radius: 03px;

Border-bottom: 1px dashed #D02090; 

-webkit-border-radius: 0px 0px 0px 0px;

-webkit-transition-duration: .80s;

font-size: 08pt; /* --Tamanho da fonte-- */

color: #000000; /* --Cor da fonte-- */

}

idug:hover {

font-family: Tahoma; /* --Fonte do Menu quando passa o mouse-- */

width: 17%; /* --Tamanho do Menu quando passa o mouse-- */

Background: #4682B4; /* --fundo do menu quando passa o mouse */

padding: 5px;

text-align: center;

margin: 2px;

-moz-border-radius: 03px;

Border-bottom: 1px dashed #D02090;

-webkit-border-radius: 5px 5px 5px 5px;

-webkit-transition-duration: .80s;

font-size: 08pt; /* --Tamanho da fonte do Menu quando passa o mouse-- */

color: #000000; /* --Cor da fonte do Menu quando passa o mouse-- */

}

/*-- Fim do Menu -- */

Menu #3 

 Vá em Design > Editar HTML > Ctrl + f e procure por ]]></b:skin> logo a cima cole

/*-- Começo do Menu -- */
idug {
font-family: Tahoma; /* --Fonte do menu-- */
width: 17%; /* --Tamanho do menu-- */
float: left;
background:#FF69B4; /* --Cor de fundo do menu-- */
padding: 5px;
text-align: left;
margin: 2px;
-moz-border-radius: 03px;
font-size: 08pt; /* --Tamanho da fonte-- */
color: #000000; /* --Cor da fonte-- */
}
idug:hover {
font-family: Tahoma; /* --Fonte do menu quando passa o mouse-- */
width: 20%; /* --Tamanho do menu quando passa o mouse-- */
background:#FF1493; /* --Cor do fundo do Menu quando passa o mouse-- */
padding: 5px;
text-align: right;
margin: 2px;
-moz-border-radius: 03px;
font-size: 08pt; /* --Tamanho da fonte do Menu quando passa o mouse-- */
color: #000000; /* --Cor da fonte do Menu quando passa o mouse-- */
}
/*-- Fim do Menu -- */


Pra que funcione, cole em um Gadget de HTML/Javascript o seguinte :

<a href="Link aqui"><idug>Nome Aqui</idug></a>

Gostaram ? *uuuu*