「D r a g o n」

History

13 de marzo de 2014

C-box con efecto circular^^

0 message(s) / comment ?★☆

no olvides comentar! si vas a tomar un tutorial da créditos ^3^ para copiar los códigos por favor utiliza ctrl+c!

Holiis! Como la andan pasando blogueritas? :) hoy traigo un tutorial para que tu c-box

tenga un efecto circular al hacer click en un simple botón! O: okii da click en

lee más! ^^

3 de marzo de 2014

Colocar el botón lee más!

5 message(s) / comment ?★☆

no olvides comentar! si vas a tomar um tutorial da créditos ^3^

Holas ^3^! hoy publico 2 veces porque en unos días no podré. ah y traigo otro tuto muy pedido (espero). es sobre como poner el boton lee más.

Siempre es un link muy poco llamativo. en el tuto de hoy te enseño a ponerlo en tu blog y es muy facilito! :)

(Click en lee mas)

14 de febrero de 2014

imagen estática en la esquina del blog

0 message(s) / comment ?★☆

Mis linduras, lamento ausentarme :'( pero es que estaba muy ocupada haciendo algunos

cambios en el diseño de mi blog y también porque ayudaba a Vilu con su hermoso

blog. Visítenlo, ¿quieren? :) Bueno, continúo con el tutorial. No sé si habrán

notado en mi blog la imagen estática de la niña cany que si la clickean,

sube hasta la cabecera. Si no la notaste, mírala Aquí. Oki, en el

tutorial de hoy, voy a enseñarles a colocarla de una forma

muy fácil.

Este tutorial es muy fácil, pues no tienes que hacer nada en la edición de HTML^^!

Solo debes copiar el código y pegarlo en añadir un gadget html/javascript y listo U.u!

Explicación:

bottom:5px, es la altura de donde quieres que esté la imagen.

right:5px, es la dirección en donde quieres que esté la imagen. Right es derecha, left es izquierda.

URL DE LA IMAGEN, es para que pongas una imagen. Busca unas con fondo transparente

o hazlas tu y por photoshop hazlas transparentes.

Eso es todo, ¿no fue fácil?

gif by: Violeta Dreamer de De rubias y pelirrojas

Etiquetas: #Tutoriales, ♥HTML, ♥Recursos, ♥todo para tu blog, ♥Utilidades

12 de febrero de 2014

Personalizando la Scrollbar

0 message(s) / comment ?★☆

hola nenis. hoy traigo un tutorial que es muy sencillín. hoy les enseñaré a

personalizar el scrollbar de 2 maneras que les parece ^^? ¿pero qué es la scrollbar?

es la barra de desplazamiento. aquí una imagen:

(click para ver en tamaño completo)

Todos la tenemos de ese modo↑pero si sigues las instrucciones de este tutorial,

conseguirás una scrollbar muy cute.

Scroll Bar con 2 colores:

Para personalizarla, debes ir a Diseño

Plantilla

Editar HTML

Presiona CNTRL+F y buscamos:

]]></b:skin>

Justo arriba de eso, pegamos:

Ahora, donde dice background: #FA58DO, (que es el color en HTML) escribe el color que

quieras. y donde dice background: #00BFFF, escribe otro color que te guste. Yo lo dejé del modo en que está porque me gustaba, pero lo voy a cambiar. En donde dice -Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px, puedes cambiar la forma del scrollbar. Si la quieres más curva... bueno, después del segundo scrollbar, pondré algunas formitas ;)

Scroll Bar con 2 fonditos o backgrounds:

Lo mismo, nos vamos a:

Diseño

Plantilla

Editar HTML

Presiona CNTRL+F y busca:

]]></b:skin>

Y pegamos el siguiente código:

En donde dice -Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; va la forma que quieras para tu scrollbar.

Aquí algunas formas:

Forma 1:

-Moz-border-radius: 5px; border-radius: 5px;

Forma 2:

-Moz-border-radius-bottomRight: 50px 25px; border-bottom-right-radius: 50px 25px; -Moz-border-radius-topLeft: 50px 25px; border-top-left-radius: 50px 25px;

Forma 3:

-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;

Forma 4:

-Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; -Moz-border-left-bottomleft: 50px; border-bottom-left-radius: 50px;

Ahora si le quieres agregar un Borde a la forma del scroll bar como este ejemplo:

(así está en mi blog :)

Si quieres que te quede así, solo tienes que pegar este código abajo de ::-webkit-scrollbar-thumb {

border: 2px dashed #190707;

Donde dice dashed, puedes cambiarlo por dotted, solid, grove y otros en esta imagen:

Espero que hayan disfrutado del tuto eso fue todo!!! XD

Etiquetas: #Tutoriales, ♥HTML, ♥Recursos, ♥todo para tu blog

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.

R U L E S

→ La afiliación es mutua, es decir que yo tengo que estar en tus afiliados.
→ Si cambias de url, por favor avisar por la cbox.
→ Tu blog debe estar activo.

Shiro Okinishiro Vanni Lovely
Larita Yoko Angel Caro
Lucy Haner Tawii Cloud Roxi Yukii Hiyoki

Credits

► Layout.
► Res our ces.
► Gra phics.
► Co des.

13 de marzo de 2014

C-box con efecto circular^^

no olvides comentar! si vas a tomar un tutorial da créditos ^3^ para copiar los códigos por favor utiliza ctrl+c!

Holiis! Como la andan pasando blogueritas? :) hoy traigo un tutorial para que tu c-box

tenga un efecto circular al hacer click en un simple botón! O: okii da click en

lee más! ^^

3 de marzo de 2014

Colocar el botón lee más!

no olvides comentar! si vas a tomar um tutorial da créditos ^3^

Holas ^3^! hoy publico 2 veces porque en unos días no podré. ah y traigo otro tuto muy pedido (espero). es sobre como poner el boton lee más.

Siempre es un link muy poco llamativo. en el tuto de hoy te enseño a ponerlo en tu blog y es muy facilito! :)

(Click en lee mas)

14 de febrero de 2014

imagen estática en la esquina del blog

Mis linduras, lamento ausentarme :'( pero es que estaba muy ocupada haciendo algunos

cambios en el diseño de mi blog y también porque ayudaba a Vilu con su hermoso

blog. Visítenlo, ¿quieren? :) Bueno, continúo con el tutorial. No sé si habrán

notado en mi blog la imagen estática de la niña cany que si la clickean,

sube hasta la cabecera. Si no la notaste, mírala Aquí. Oki, en el

tutorial de hoy, voy a enseñarles a colocarla de una forma

muy fácil.

Este tutorial es muy fácil, pues no tienes que hacer nada en la edición de HTML^^!

Solo debes copiar el código y pegarlo en añadir un gadget html/javascript y listo U.u!

Explicación:

bottom:5px, es la altura de donde quieres que esté la imagen.

right:5px, es la dirección en donde quieres que esté la imagen. Right es derecha, left es izquierda.

URL DE LA IMAGEN, es para que pongas una imagen. Busca unas con fondo transparente

o hazlas tu y por photoshop hazlas transparentes.

Eso es todo, ¿no fue fácil?

gif by: Violeta Dreamer de De rubias y pelirrojas

Etiquetas: #Tutoriales, ♥HTML, ♥Recursos, ♥todo para tu blog, ♥Utilidades

12 de febrero de 2014

Personalizando la Scrollbar

hola nenis. hoy traigo un tutorial que es muy sencillín. hoy les enseñaré a

personalizar el scrollbar de 2 maneras que les parece ^^? ¿pero qué es la scrollbar?

es la barra de desplazamiento. aquí una imagen:

(click para ver en tamaño completo)

Todos la tenemos de ese modo↑pero si sigues las instrucciones de este tutorial,

conseguirás una scrollbar muy cute.

Scroll Bar con 2 colores:

Para personalizarla, debes ir a Diseño

Plantilla

Editar HTML

Presiona CNTRL+F y buscamos:

]]></b:skin>

Justo arriba de eso, pegamos:

Ahora, donde dice background: #FA58DO, (que es el color en HTML) escribe el color que

Scroll Bar con 2 fonditos o backgrounds:

Lo mismo, nos vamos a:

Diseño

Plantilla

Editar HTML

Presiona CNTRL+F y busca:

]]></b:skin>

Y pegamos el siguiente código:

En donde dice -Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; va la forma que quieras para tu scrollbar.

Aquí algunas formas:

Forma 1:

-Moz-border-radius: 5px; border-radius: 5px;

Forma 2:

-Moz-border-radius-bottomRight: 50px 25px; border-bottom-right-radius: 50px 25px; -Moz-border-radius-topLeft: 50px 25px; border-top-left-radius: 50px 25px;

Forma 3:

-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;

Forma 4:

-Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; -Moz-border-left-bottomleft: 50px; border-bottom-left-radius: 50px;

Ahora si le quieres agregar un Borde a la forma del scroll bar como este ejemplo:

(así está en mi blog :)

Si quieres que te quede así, solo tienes que pegar este código abajo de ::-webkit-scrollbar-thumb {

border: 2px dashed #190707;

Donde dice dashed, puedes cambiarlo por dotted, solid, grove y otros en esta imagen:

Espero que hayan disfrutado del tuto eso fue todo!!! XD

Etiquetas: #Tutoriales, ♥HTML, ♥Recursos, ♥todo para tu blog