¿Sabías qué?

En su juventud Walt Disney fue despedido del diario Kansas City Star, según indican “por su falta de creatividad“. Años más tarde la compañía Disney compró la ABC, dueña de este diario.

Walt Disney siempre decía:

“Prefiero entretener a la gente con la esperanza de que aprendan algo que enseñarles con la esperanza de que se entretengan“.

Walt Diney

❤Imágen sepsi del dia

Ultimo Anime Disponible

La última y más renovada entrega de sailor moon ya está disponible en el blog para ver directo y/o descargar la serie completa, no te pierdas sailor moon con una nueva calidad de animación muy superior, nuevos soundtrack que te harán apegarte más a la historia de Naoko Takeuchi

Consejo del dia

Menu Triple Rainbow tutoriales

Menu Triple Rainbow




Hacer tutoriales sobre recursos para blogspot, es una de las cosas que más flojera me da hacer, pero quiero compartir esta hermosa creación con ustedes que e logrado gracias a Wanaseoby, y recursos tomados de SweetPixel así que sus respectivos créditos.


El menú lo podrás ver en el siguiente Link
Me a dado problemas en algunos templates, trás confundirse con más Gadgets, así que si es posible ponlo abajo del blog o en un lugar donde no te pueda hacer problemas si es que los hace. En el tema que tengo puesto, no me hace problemas, pero si los tienes, haz eso.

(PD: si alguien sabe areglarlo se los agradecería)

El Código

<style>
#cajaexterior1 {
text-align: center;
animation: kimochi 5s linear 2s infinite alternate;
-webkit-animation: kimochi 5s linear 2s infinite alternate;
background:#fff url(http://i.imgur.com/ToJmKTM.png);
font:15px tt;
font-family: 'arial', sans-serif;
text-transform:uppercase;
COLOR: #FFF;
animation-name: kimochi;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
/* Safari and Chrome: */
-webkit-animation-name: kimochi;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
width: 210px;
height:30px;
}


@-webkit-keyframes kimochi /* RAINBOW COLORS */
{
0%   {background: #363636;}/* color que cambia 1: */
25%  {background: #F998AB;}/* color que cambia 2: */
50%  {background: #82C9B0;}/* color que cambia 3: */
100% {background: #F6F6F6;}/* color que cambia 4: */
}

#cajainterior2 {
font-size: 10px;
color: #000;
font-family: 'Quantico', sans-serif;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
text-align: center;
background:#fff url(http://www.u.arizona.edu/~patricia/cute-collection/small-toys/cute-strawberry-back.gif);
border-left: 1px solid #EEECEC;
border-right: 1px solid #EEECEC;
border-bottom: 1px solid #EEECEC;
padding: 3px;
width: 200px;
height: 300px;
}
</style>
<style>.raejun{
width:106px;
padding:4px;
margin:2px;
background:#82C9B0;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#FFF;
text-transform:uppercase;
display:inline-block;
-webkit-transition:All 0.5s ease !important;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-right:20px solid #FFF;
}
.raejun:hover{
width:126px;
background:#aaa;
color:#fff;
border-right:0px solid #F998AB;
}
</style>
<style>
a.baekminu{
background: #82C9B0;
width:50px;
display:inline-block;
font:8px tt;
text-align:center;
color:#fff;
margin-bottom:1px;
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 #82C9B0;
color:#A2C898;
}
</style>


<!-- NAVEGACION DEL SIDEBAR -->
<div id='cajaexterior1'>Menu</div>
<div id='cajainterior2'><br/>
<a class='baekminu' onclick='document.getElementById(&apos;side&apos;).innerHTML=document.getElementById(&apos;one&apos;).innerHTML'>ABOUT</a>
<a class='baekminu' onclick='document.getElementById(&apos;side&apos;).innerHTML=document.getElementById(&apos;two&apos;).innerHTML'>LINKS</a>
<a class='baekminu' onclick='document.getElementById(&apos;side&apos;).innerHTML=document.getElementById(&apos;three&apos;).innerHTML'>CREDIT</a>
<img src="http://media.tumblr.com/7197c85b1989196ee7110a5136755c6a/tumblr_inline_mq6dc4KYSP1qz4rgp.gif" />

<!-- INTRODUCCION -->

<div id='side'>
INTRODUCCION DE LA CAJA SIDEBAR
AQUI ESCRIBES TODO EL CONTENIDO QUE QUIERAS
PERO EN NO MÁS DE 50 CARACTERES, ALGO CORTITO Y LINDO
<img border="0" src="http://data2.whicdn.com/images/97721608/large.gif" width=178 height=100 /></div></div>



<!-- ABOUT -->
<div id='one' style='display: none;'>
UN POQUITO SOBRE TI O EL BLOG
<img border="0" src="http://data2.whicdn.com/images/97721608/large.gif" width=178 height=100 />
</div>


<!-- LINKS -->
<div id='two' style='display: none;'>

<a class='raejun' href='TU URL'> LINK</a>
<a class='raejun' href='TU URL'> LINK</a>
<a class='raejun' href='TU URL'> LINK</a>
<a class='raejun' href='TU URL'> LINK</a>
<a class='raejun' href='TU URL'> LINK</a>
<a class='raejun' href='TU URL'> LINK</a>
<a class='raejun' href='TU URL'> LINK</a>
<a class='raejun' href='TU URL'> LINK</a>
</div>

<!-- CREDITOS -->
<div id='three' style='display: none;'>

CREDITOS
<img border="0" src="http://data2.whicdn.com/images/97721608/large.gif" width=178 height=100 />
</div></div>


Espero les sea de útilidad, muchos saludos y besitos pues, nos estamos viendo en otra entradita :D


A U T H O R - B O X ~ 書かれました

Menu Triple Rainbow tutoriales fue escrito por Akari Ackerman el dia 24 enero 2014 y 2 personas han comentado

¿Que piensas de este articulo?

Haznos saber tu opinión ¡Comenta!

 

2 comentarios :

  1. Hermoso menu!!gracias por el!seguro lo use besos!

    ResponderEliminar
    Respuestas
    1. Espero te sea de utilidad algún día :) besos larita-chan!! :D

      Eliminar

Sé feliz inspirate y escribe una bonita respuesta ♥..( ◕ ᴥ ◕ )