14 de mayo de 2014
Tal vez quede así...
0 message(s) / comment ?★☆
Editando
R5-Wishing I Was 23
Esta imagen la uso siempre X3
Google+
Holiwis! Cómo andan? Yo todo el día editando!! Ok, primero y principal, no pude arreglar lo de entradas antiguas, así que si quieren buscar un post anterior, búsquenlo en la categoría tutoriales, ok? O si alguno lo sabe arreglar prueba el tutorial, porque hay gente que lo da sin probarlo, y me lo pasan por comentario. Ah y debo editar más cositas, pero bueno, decidí dar un tutorial súper fácil y muuuy lindo que es un menú que YO Y VILU personalizamos.
Empecemos!
Primero que nada, para que sepan más o menos como es el menú, les dejo una "preview":
¡Pasa el cursor por cada link!
En plantillas actualizadas...
Bueno, yo creo que es muy fácil, añaden un gadget de código y pegan este script:
<div class="mMMC"><a href="TU URL">TITLE</a><a href="TU URL">TITLE</a><a href="TU URL">TITLE</a></div><style>.mMMC a{width:130px; /* ANCHO DEL MENU */
font-family: arial; /* FUENTE DE LETRA */
font-size: 13px; /* TAMAÑO DE LETRA */
border-left:15px solid #FA0096; /* COLOR DEL BORDE IZQUIERDO */
border-right:15px solid #FA0096; /* COLOR DEL BORDE DERECHO */
background:#FF10A0; /* COLOR DE FONDO */
margin:3px;color:#fff; /* COLOR DE LETRA */
border-radius:0px 0px 0px 0px; /* EFECTO REDONDO */text-align:center;display:block;padding:3px;text-shadow: none;}/* HOVER {AL PASAR EL CURSOR} */.mMMC a:hover{ -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 76px; margin-left: -103px;color:#fff; /* COLOR DE LETRA */
border-left:15px solid #7fe1e1; /* COLOR DEL BORDE IZQUIERDO */
border-right:15px solid transparent;/* COLOR DEL BORDE DERECHO */
text-decoration:none;text-shadow: none;}
</style>
Solo editen lo marcado en negrita que se refiere a los colores, el efecto radius, etc.
En plantillas clásicas o blogskin
En el HTML de la plantilla añaden un gadget con código y añaden el mismo code para plantilla actualizada, solamente que deben añadir el gadget con el código para los gadgtes.
Etiquetas: #Tutoriales
About me
❝If I told you what I was would you turn your back an me? And if I seem dangerous would you be scared?❞ // Monster - Imagine Dragons
m i n i
b i o ☼
→ Satan - Jo ✨
→ Fem ♀
→ 23/10 - Scorpian ♏
→ Anime trash
Name : Josefina
Location : Argentina
Sexuality : idk, i'm doubting about it lmao
Fandom: anime, imagine dragons
✔ L o v e = dibujar, instagram, escribir, anime, fotografía, los buzos, mi waifu, mis husbandos, tumblr, abrazar, dormir, Japón, diseño, imagine dragons, el volley, piano, graffiti, Yuki Kajiura, música, Hiroyuki Sawano, HQ!!
✖ H a t e = matemática, la homofobia, la cumbia, mentiras, la arena, vanidad, estar indispuesta, femicidio.
Tengo crushes con personajes de anime lmao -
T u m b l r = Fujoshi Trash | yama-00 ;
W a t t p a d = @Colorful-Trash
I n s t a g r a m = @jooose_x
Site
✦ Name: (actual)「D r a g o n」
✦ URL: https://satankeepsyoualive.bs.com.ar/
✦ Genre: literary, personal, graphics ;
✦ Created: February 5th 2014 ;
✦ Status: active
✦ Goal: 100 followers
(impossible, i know it, just let me dream ¬¬)
Sitio dedicado a las anécdotas, historias y gráficos (o cualquier estupidez más) de su autora. No se permite la re-distribución de ningún gráfico ni historia.
14 de mayo de 2014
Tal vez quede así...
Editando
R5-Wishing I Was 23
Esta imagen la uso siempre X3
Google+
Holiwis! Cómo andan? Yo todo el día editando!! Ok, primero y principal, no pude arreglar lo de entradas antiguas, así que si quieren buscar un post anterior, búsquenlo en la categoría tutoriales, ok? O si alguno lo sabe arreglar prueba el tutorial, porque hay gente que lo da sin probarlo, y me lo pasan por comentario. Ah y debo editar más cositas, pero bueno, decidí dar un tutorial súper fácil y muuuy lindo que es un menú que YO Y VILU personalizamos.
Empecemos!
Primero que nada, para que sepan más o menos como es el menú, les dejo una "preview":
¡Pasa el cursor por cada link!
En plantillas actualizadas...
Bueno, yo creo que es muy fácil, añaden un gadget de código y pegan este script:
<div class="mMMC"><a href="TU URL">TITLE</a><a href="TU URL">TITLE</a><a href="TU URL">TITLE</a></div><style>.mMMC a{width:130px; /* ANCHO DEL MENU */
font-family: arial; /* FUENTE DE LETRA */
font-size: 13px; /* TAMAÑO DE LETRA */
border-left:15px solid #FA0096; /* COLOR DEL BORDE IZQUIERDO */
border-right:15px solid #FA0096; /* COLOR DEL BORDE DERECHO */
background:#FF10A0; /* COLOR DE FONDO */
margin:3px;color:#fff; /* COLOR DE LETRA */
border-radius:0px 0px 0px 0px; /* EFECTO REDONDO */text-align:center;display:block;padding:3px;text-shadow: none;}/* HOVER {AL PASAR EL CURSOR} */.mMMC a:hover{ -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 76px; margin-left: -103px;color:#fff; /* COLOR DE LETRA */
border-left:15px solid #7fe1e1; /* COLOR DEL BORDE IZQUIERDO */
border-right:15px solid transparent;/* COLOR DEL BORDE DERECHO */
text-decoration:none;text-shadow: none;}
</style>
Solo editen lo marcado en negrita que se refiere a los colores, el efecto radius, etc.
En plantillas clásicas o blogskin
En el HTML de la plantilla añaden un gadget con código y añaden el mismo code para plantilla actualizada, solamente que deben añadir el gadget con el código para los gadgtes.
Etiquetas: #Tutoriales
