Holu!Aquí Larita Itzumiki!Les traigo un menu es este:
Como ponerlo?
Bueno para ponerlo vas a Diseño►Añadir un Gadget Html►Pegas lo sieguiente:
<style>
a.baekminu{
background:#A2C898;
width:50px;
display:inline-block;
text-align:center;
color:#fff;
margin-bottom:1px;
font:11px arial;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding:1px;
border:1px solid #A2C898;
}
a.baekminu:hover{
background:#FFffff;
border:1px solid #A2C898;
color:#A2C898;
}
</style>
<a class="baekminu" href="LINK" >Title</a>
<a class="baekminu" href="LINK" >Title</a>
<a class="baekminu" href="LINK" >Title</a>
Editamos:
Link: El link de la entrada o pág
Title: El titulo de la pág o entrada
Lo que está en color:Los colores del menu(están con el color de cada cosa del menu osea todos estan con el color que es el menu)
Los que están en verde:Tienen que estar todos iguales(no tienen que estar si o si pero es una recomendación)
Lo que dice:#fffff es el color blanco cuando pasas el cursor
Bueno los créditos por el código a:x
Espero que les haya gustado!Besitos!
<style>
a.baekminu{
background:#A2C898;
width:50px;
display:inline-block;
text-align:center;
color:#fff;
margin-bottom:1px;
font:11px arial;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding:1px;
border:1px solid #A2C898;
}
a.baekminu:hover{
background:#FFffff;
border:1px solid #A2C898;
color:#A2C898;
}
</style>
<a class="baekminu" href="LINK" >Title</a>
<a class="baekminu" href="LINK" >Title</a>
<a class="baekminu" href="LINK" >Title</a>
Editamos:
Link: El link de la entrada o pág
Title: El titulo de la pág o entrada
Lo que está en color:Los colores del menu(están con el color de cada cosa del menu osea todos estan con el color que es el menu)
Los que están en verde:Tienen que estar todos iguales(no tienen que estar si o si pero es una recomendación)
Lo que dice:#fffff es el color blanco cuando pasas el cursor
Bueno los créditos por el código a:x
Espero que les haya gustado!Besitos!
Hola! Aquí Charly, diciéndote... ¡Muy buen post! Siempre he querido poner en mi blog shenzual un menú así, igualito. Todos eran con el .... b:skin ese que me tiene hasta er' tope!! xD. Bueno, gracias por publicar el tuto, que tengas muy buen día, FELIZ NAVIDAD ♥
ResponderEliminarel-rinconcito-de-charly.blogspot.com/
Baii!