7/12/14

[Tutorial]Menu Cube!


Holaaaque tal todo? mil disculpas porque ayer no pude publicar me surgió una cosa que me ocupo toda la tardepero por suerte mañana es fiesta y podre publicar un graphic style o alguna nueva sección que tengo pensadaimagepero ahora os traigo un menu que me han pedidoeste es el Menu Cube

  • Diseño
  • Añadir Gadget/Javascrip

<style>
.mcTC {padding: 4px; width: 270px;}
#boxMC {
border-top: 5px solid #fff; /* BORDE SUPERIOR DEL BOX */
border-bottom: 5px solid #fff; /* BORDE INFERIOR DEL BOX */
padding: 7px;
background:#fff; /* COLOR DE FONDO DEL BOX */
}
/* LINKS CUBOS */
.mMMC a{
padding-top: 50px!important;
padding-bottom: 50px!important;
width: 120px;
font-family: arial;
font-size: 10px;
text-transform: uppercase;
margin:3px;
color:#5f5b72; /* COLOR DE LOS LINKS */
text-align:center;
display: inline-block;
text-shadow: none;
text-decoration:none;
-webkit-transition: .9s;
-moz-transition: .9s;
}
/* LINKS CUBOS HOVER */
.mMMC a:hover{
color:#fff; /* COLOR DE LOS LINKS */
text-decoration:none;
text-shadow: none;
background: #e9e9e9!important; /* COLOR DEL FONDO DE LOS LINKS */
-webkit-transition: .9s;
-moz-transition: .9s;
}
</style>
<center>
<div class="mcTC">
<div id="boxMC">
<div class='mMMC'>
<a style="background: #b8ebea;" href='Link'>&#10112; Name</a>
<a style="background: #f5eb8c;" href='Link'>&#10103; Name</a>
<a style="background: #f5eb8c;" href='Link'>&#10114; Name</a>
<a style="background: #b8ebea;" href='Link'>&#10105; Name</a>
</div>
</div>
</div>
</center>
Os recomiendo colocar este menu en la cabecera como un complemento de esta porque si lo colocáis donde están los demás gadgets es decir al lado de la entrada no quedará tan bien
Espero que os guste este tutorial da un efecto muy bonito ya sabéis que yo todo lo que subo es para que vuestros blogs sean originales y bien estructurados si tenéis alguna duda o queréis pedirme algo abajo de mi firma o mismamente en los comentarios un beso enorme  nos vemos mañana

DUDAS & MAS

10 comentarios:

  1. Muy bueno el tutorial me encanta ese menu tal vez lo utilice en mi proxima plantilla gracias por compartirlo!

    ResponderEliminar
  2. Que bonito menu, gracias por el tutorial ;)

    Besos~

    ResponderEliminar
  3. Hola kumy *w* Gracias por el pedido <3 te lo agradezco mucho *-*
    eres la mejor!♥

    ResponderEliminar
  4. Que precioso!, gracias por compartirlo ^^

    ResponderEliminar
  5. Muchas gracias por el tutorial :D dios mío, está bien curioso ese menú, me quedé ''con el ojo cuadrado'' jajajaja.... mal chiste lo sé. XD
    Besos

    ResponderEliminar
  6. Hola,arigato por el tutorial,etto tenes un premio en mi blog:http://doschicasenuna.blogspot.com.ar/2014/12/u.html
    Besos ^3^

    ResponderEliminar
  7. Hola!Me gusta el menu gracias por compartirlo!!
    Ya no hay CBOX? :( bueno te invito por si te interesa a mi EVENTO/INTERCAMBIO :) http://todocreadoparati.blogspot.com.ar/2014/12/eventochristmas-in-blogger-al-estilo.html
    GRACIAS!
    LARITA//

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com