Follow Home
| SeeleTutorias✰ |
Y
✰ ¡Hᴏʟᴀ! :) Nᴏ sᴏʟᴏ ᴛᴇɴɢᴏ ᴜɴ ʙʟᴏɢ,ᴛᴇɴɢᴏ ᴍás ʀᴇᴅᴇs,ᴇsᴘᴇʀᴏ ᴍᴇ sɪɢᴀɴ/ᴅᴇɴ ʟɪᴋᴇ/ᴀɢʀᴇɢᴜᴇɴ/sᴜsᴄʀɪʙᴀɴ,ᴇᴛᴄ xᴅ ✰
❥Todas mis redes sociales. http://seeletutorials.blogspot.com.ar/2014/02/todas-mis-redes-sociales.html (>‿◠)✌
Personaliza tu Barra de desplazamiento o ''Sidebar''
domingo, 2 de diciembre de 2012 • 10:33 • 0 comments


Hello!  

Hoy a pedido de Alicia voy a enseñarles como 'Personalizar nuestra Barra de desplazamiento'


QUE ES LA BARRA DE DESPLAZAMIENTO? ESTO:

*da click en continuar leyendo si quieres ver el tuto!! :3




Ok no es Muy facil pero tampoco dificil!! Pero antes de hacerlo terminen de leer,no lo hagan mientras lo lees porque se van a confundir,Ok?  Lo que tenemos que hacer es :

PLANTILLA>>EDICION DE HTML

Buscan: ]]></b:skin>  
Y ahora arriba de eso pegas el codigo que hayas elegido (Si queres solo colores o si queres un fondo)

Y Miren con atencion:



*SI QUIEREN PONERLE SOLO COLORES*
↑Copia el codigo de abajo↓

::-webkit-scrollbar {
height: 12px;
width: 15px;
background: #febeba;
}

::-webkit-scrollbar-thumb {
background: #00BFFF;
-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;
}

Luego de copiar ese codigo se habran dado cuenta que  estan estos dos codigos:#febeba y  #00BFFF 
Esos son los codigos de los colores ; ¿Como sacar los codigos de nuestros colores? Se pueden ayudar en alguna pagina en las que les aparece unos codigos iguales a estos,para ser mas corta pueden visitar: http://pixlr.com/  .


*SI QUIEREN PONERLE EL FONDO QUE QUIERAN*
↑Copia el codigo de abajo↓


::-webkit-scrollbar {
height: 12px;
width: 15px;
background-image:url(URL DEL FONDO);
}

::-webkit-scrollbar-thumb {
background-image:url(URL DEL FONDO);
-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;
}


*SU FORMA*



A

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

B

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

C

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

D

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


Eso es todoo! Espero que te haya servido! Muchos besos y abrazos y porfa ponete como MIEMBRO en mi blog si te gusto el tuto...

Cualquier tipo de duda...¡COMENTA!

BESOOOS! 



PAST • FUTURE
The star owner

¡Hola!Bienvenidos a mi blog,espero les guste,en la parte de ''Tutorials''(abajo del titulo) apareceran todos los post del blog organizados por si quieren buscar alguno en especial! :)

Bla,bla,bla



¡DEJA TU MENSAJE! ♥



Creada por~

Yo solo la edite por completo(seeletutorials) Own made by : rawrmeansaranghaeyo.blogspot.com
ARINA's