¿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

#TuningBlog + NekoMenu

NekoMenu

Hola! como han estado?, espero que excelente, en cuanto aquí en mi bello chile a ocurrido un terremoto de 8.4 si no me equivoco en la 4ta region de Coquimbo, justamente al lugar donde nos iriamos con mi novio este martes, pero por una confución en cuanto a la hora de salída del bus...(pensabamos que salia a las 9.45 y salia a las 9.15 T.T) nos lo perdimos, nos pusimos muy triztes pero volveremos allá el día martes de la otra semana en cuanto acaben las fiestas patrias de mi pais por que todos los pasajes están agotados y muy caros... uff toda una aventura en realidad! Bueno a lo que venimos, tenía guardado en mi carpeta de templates para blog uno en particular que tenía un menú muy lindo y me tomé la molestia de tomarlo y modificarlo para compartirlo con todas ustedes espero les gusten se puse por nombre Nekomenu.. ahora vamos a instalarlo!

Prevializacion

  • 1) Añade un nuevo widget Html
  • 2) Inserta los siguientes códigos

Si se dan cuenta al lado de cada /* esta lo que es especificamente dicho código.

CODIGO: CSS


<style>
.menu1 {
cursor:Pointer;width:72px; 
display:inline-block; 
text-align:center; 
margin-left:-30px; 
padding:2px;text-transform: uppercase; 
font-family:tinytots; 
font-style:normal; 
font-size:8px; 
color: #333; 
text-decoration: none;
background:#F8E0E6; /* Color De Fondo 1 */
padding-left:20px; 
padding-right:40px; 
border-radius:5px; 
letter-spacing: 2px;}

.menu1:hover {
padding-left: 12px;
padding-right:11px;
color:#fff;  /* Color Del Texto Hover */
font-size:10px;  /* Tamaño Del Texto Hover */
text-align: center;
width:72px;
height:15px;
background:#F5A9BC;  /* Color De Fondo Hover */
-webkit-transition: 0.3s;
-moz-transition: 0.3s;}

.menu2 {
cursor:Pointer;width:72px; 
display:inline-block; 
text-align:center; 
margin-left:-30px; 
padding:2px;text-transform: uppercase; 
font-family:tinytots; 
font-style:normal; 
font-size:8px; 
color: #333; 
text-decoration: none;
background:#E0F8F7; /* Color De Fondo 2*/
padding-left:20px; 
padding-right:40px; 
border-radius:5px; 
letter-spacing: 2px;}

.menu2:hover {
padding-left: 12px;
padding-right:11px;
color:#fff;  /* Color Del Texto Hover */
font-size:10px;  /* Tamaño Del Texto Hover */
text-align: center;
width:72px;
height:15px;
background:#A9F5F2;  /* Color De Fondo Hover */
-webkit-transition: 0.3s;
-moz-transition: 0.3s;}

.menu3 {
cursor:Pointer;
width:72px; 
display:inline-block; 
text-align:center;
margin-left:-30px; 
padding:2px;
text-transform: uppercase; 
font-family:tinytots; 
font-style:normal; 
font-size:8px; 
color: #333;
text-decoration: none;
background:#F6E3CE; /* Color De Fondo 3 */
padding-left:20px; 
padding-right:30px; 
border-radius:5px; 
letter-spacing: 2px;}

.menu3:hover {
padding-left: 12px;
padding-right:11px;
color:#fff;  /* Color Del Texto Hover */
font-size:10px;  /* Tamaño Del Texto Hover */
text-align: center;
width:72px;
height:15px;
background:#F5D0A9;  /* Color De Fondo Hover */
-webkit-transition: 0.3s;
-moz-transition: 0.3s;}

.menu4 {
cursor:Pointer;
width:72px; 
display:inline-block; 
text-align:center; 
margin-left:-30px; 
padding:2px;
text-transform: uppercase; 
font-family:tinytots; 
font-style:normal; 
font-size:8px; 
color: #333; 
text-decoration: none;
background:#E3CEF6; /* Color De Fondo 4 */
padding-left:20px; 
padding-right:15px; 
border-radius:5px;
letter-spacing: 2px;}

.menu4:hover {
padding-left: 12px;
padding-right:11px;
color:#fff;  /* Color Del Texto Hover */
font-size:10px;  /* Tamaño Del Texto Hover */
text-align: center;
width:72px;
height:15px;
background:#BE81F7;  /* Color De Fondo Hover */
-webkit-transition: 0.3s;
-moz-transition: 0.3s;}


</style>

CODIGO : HTML


<div style="width:250px;">
<div style="clear: left; float: left; 
margin-bottom: 1em; 
margin-right: 1em;">
<img src="http://data.whicdn.com/images/198116105/large.jpg" 
style="border-bottom-left-radius: 99px; 
border-bottom-right-radius: 99px; 
border-top-left-radius: 99px; 
border-top-right-radius: 0px; 
border: 0px !important; 
height: 90px !important; 
opacity: 0.9; 
padding: 0px !important; 
width: 100px !important;" />
</div>

<a href="LINK" class="menu1">About</a>
<a href="LINK" class="menu1">Goddies</a>
<a href="LINK" class="menu1">Another Stuff</a>
<a href="LINK" class="menu1">Cutethings</a>



Eso es todo de momento! FUERZA A MI CHILE POR QUE SOMOS UN PAIS GUERRERO MIERDA!!! 9 de cada 10 Terremotos nos prefieren!!! y nos estaremos viendo después que tengo muchas más cosas que añadir a esta sección!! muchos besos!

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

#TuningBlog + NekoMenu fue escrito por Akari Ackerman el dia 17 septiembre 2015 y 2 personas han comentado

¿Que piensas de este articulo?

Haznos saber tu opinión ¡Comenta!

 

2 comentarios :

  1. ¡Hola! espero que puedas disfrutar muchísimo con tu novio c: gracias por darnos algo tan mono, me ha encantado, saludos :3

    ResponderEliminar
  2. Gracias por el menú!!! está muy tierno *Q*! saludos ♥

    ResponderEliminar

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