ENTRADAS ABOUT AMIGOS MATERIAL TUTORIALES Extras FCBOOK TWITTER Inicio

Bienvenid@s

Annyeonghaseyo

Hola! soy sunadokei, admin de Aitokawaii. Espero que te guste el blog... aqui encontraras material para tu blog como imagenes, iconos, gifs, divisores etc. Ademas de notas extras de Kpop y Jpop, asi como cosillas asiaticas. Disfruta tu estancia en AITOKAWAII!!

Archivos

Busqueda

Traductor

Regalame un clamp

Si te gusta da click

Chat

Platica!

Afiliame!

Post recientes

Ya llegue de mis vacaciones y un lindo premio de k...

[Animaciones] Cuenta dias

[Mini gif] emoticonoc cerditos

[Imagenes] Mas de El kfashion

[Micro gif] Lindos varios

[Imagenes] Kawaii anime

[Micro gif] Numeros lindos

[Micro gif] Diversos kawaiii

[Imagenes] Anime wa eien desu

[Micro gif] Varios cute cute

Tus artistas favoritos

Da click en el nombre de tu artista preferido y veras sus noticias.

Jpop

3Rise
Ammoflight
Arashi
Aya Edou
Aya Hirano
Buck-tick
Daisuke Ono
Garnet Crow
NEWS
NIKIIE
PornoGraffitt
Rainbow
Scandal
Spyair
Tegoshi Yuya
Unison Square Garden
UVERworld
Versailles
Yamapi
You Kikkawa
Yuki
Yui Horie

Kpop

A Pink
Andamiro
Boyfriend
BTOB
Dia
G-DRAGON
Girl’s Generation SNSD
Jay Park
Jewelry
Junsu
JYJ
Kim Hyun Joong
Navi
ORANGE CARAMEL
Sandara Park
SECRET
Sistar
T-ARA
Taeyeon
TVXQ
U-kiss
Wonder Girls

Anime o manga favoritos

Da click en el nombre de tu manga o anime favoritos para ver sus capitulos y descargarlos. Ten encuenta que este blog no es un fansub asi que en cada uno de los post dedicados al anime bien sus respectivos creditos.

Anime

Bokura ga Ita
Chihayafuru
Chobits
Fate Zero
Fate Zero 2
Host Club
Kamisama Karin
Kimi to boku
Kimi to boku 2
Tamayura Hitotose
Toradora

Manga

Baby Its You
Boku no Hatsukoi wo kimi ni sasagu
Bokura ga Ita

Deja tu huella

Pedidos

Quejas

Sugerencias y Dudas

Anuncios

Deseeas anunciar algo de tu blog da click AQUI

Quieres ver moda, maquillaje y manualidades visita sallywinther

Tutoriales, recursos, tips, moda, kawaii... de todo un poco aqui en mundo-sofi

Calendario

Abril 2025
S	M	T	W	T	F	S
x	x	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	x	x	x

Creditos

Blog creado por Sunadokei.
Codigo base Blogskins.
Me veo mejor en Google Chrome

[Tutoriales] Como modificar la barra lateral scrollbar

jueves, 26 de julio de 2012 | 18:48

Bien han notado como se ve la barra scrollbar que esta de lado derecho del blog. Bien ahora esta de color rosa... el nuevo look sera azul.. Pero como hacerlo, aqui les explicare!!

Pedido por To

1) Busca la palabra scrollbar en Diseño >> Edicion de HTML y tal vez te salga este codigo

::-webkit-scrollbar {
o
::-webkit-scrollbar-thumb {

2) Estos son los que se modificaran de tal modo que quede asi

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

3) Bien en caso de que no venga el codigo scrollbar entonces busca el codigo body { y justo arriba pon el codigo del punto 2).

4) Te quedara asi

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

body {
background:url(Tu url de fondo);
font-family: tu tipo de letra;
background-attachment:fixed;
cursor: url(tu cursor), auto;
}

5) Bien les explico los terminos para que lo hagan como ustedes quieran

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

8px >> Ambos deben ser iguales!! Es el tamaño de la barra que no sobrepase del 10px para que no se vea muy grueso.

#F8E0F1 >> Fondo de la barra. Es el color claro.

#FF94F3 >> El color de la barrita que esta adentro que se mueve. Es el color fuerte.

10px >> Los pixeles de el radio.. te recomiendo dejarlo asi!

Solo te recomiendo que juegues con los colores de la barra que uno sea mas claro y otro mas oscuro para que se distingan. Da click AQUI para averiguar el codigo de los colores

6) Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye

Etiquetas: ♥ Tutoriales

1 boyfriend[s] | volver arriba