Tutorial:Menu Blueberry ♥


Ola nuevamente ,ya regrese y traigo un tutorial de menu llamado Blueberry y dare los creditos al final de este hermoso menu,aqui les dejo una muestra como se ve ,para verlo mejor haz clic en :
para continuar clic en "seguir leyendo "

Al pasar el cursor cambia de forma y color n.n
Si te gusta sige los pasitos:
Ir a Plantilla/Editar HTML
Presionamos Ctrl+F buscamos </style> y ensima pegamos el siguiente codigo

blueberry{

color: #fff;
text-align:center;
font-size: 11px;
background: #FFA9A9 ;
padding: 2px;
float: left;
margin: 2px;
cursor: help;
width: 45%;
-webkit-transition-duration: .80s;
border:1px dotted #FF6699;

-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}
blueberry:hover{
background:#FFCDE1;
border:1px dotted #FF6699;
color: #fff;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}

Cambies el color a tu gusto:
#FFA9A9:color del fondo 
#FF6699:color de borde
#FFCDE1:color de fondo al pasar el cursor
#FF6699:color de borde al pasar el cursor
Y luego vas a Diseñó y vas añadir un nuevo gadget HTML/Javascript
<a href="URL"><blueberry>TEXTO</blueberry></a><a href="URL"><blueberry>TEXTO</blueberry></a><a href="URL"><blueberry>TEXTO</blueberry></a><a href="URL"><blueberry>TEXTO</blueberry></a>
Y eso es todo n.n¡ mañana proximo tutorial cbox forma de circulo mas el efecto (es el que tengo yo )
Bueno como dije anteriormente este tutorial no me pertenece lo encontre.Aqui los creditos 
Firmita de creditos:Kuma



4 comentarios :

  1. Awww la firma se ve muy linda en tu blog (;0;) por cierto buen tuto :D

    ResponderEliminar
  2. *-* gracias por la firmita kuma,usare tus firmitas que haces me encantan por eso puse tambien creditos en los creditos de la plantilla :3 ¡

    ResponderEliminar
  3. Te quedo hermoso el tutorial y bellísimo el nuevo diseño!!! Te sigo y afiliamos :3 saludos1!

    ResponderEliminar
  4. Kawaii!. Me encantó este tutorial<3. Gracias x hacerte seguidora de mi blog, Luna ^^.

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥