Personalizar el scroolbar ^^

sábado, 28 de julio de 2012


Hola chicas como estan?? pzzz bueno espero que bien! Yo les traigo un nuevo tuto sobre como personalizar el scroolbar, muchas personas tienen el tuto de como hacerlo pero sin embargo hay muchas personas que igual no saben aun como hacerlo entonces a mi forma de explicar les dire como hacerlo osea como cambiar el scroolbar.


okasss empezemos ^^



Diseño ==> Edit html ==>  Expandir plantillas de artilugios

buscamos:


]]></b:skin>

                        

justo antes pegamos:


::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}



  • color de fondo del scroolbar
  • color de la barrita q sube y baja xD

Para quienes quieren reemplazar este color por una imagen, facil:

reemplzas este: background-color: #F2F5A9;  
por este : background-image:url(URL fondito ^^);

Si desean ponerle bordesito entonces aumentan este pequeño codigo antes de } 

que esta al final del primer codigo ^^

border: 1px dashed #000000;


Bordes: dashed, solid
              Color del bordesito


Eso es todo jijiji un poquitin larguiitOoo pero bueno espero les sirva de algo ^^  

Please para este tuto si pido creditos por que me costo mucho poder traducir el tutorial de su idioma original


Tutorial + Premios

viernes, 27 de julio de 2012

Subrayar el titulo de la entrada y el gadget sidebar

Hola chicas como estan?? espero que bien , pss yo estOy en examenes y les cuento que hasta ahora va todo bien con los las materias ya que todavia no eh rendido NI fisica Ni matematicas D:  hoy al llegar el fin de semana eh decidido abrir mi blog para traerles un tuto el cual espero les guste.... bueno hOy les traigo un tuto de como subrayar el titulo del post asi mismo de como subrayar el titulo del gadget





okiss dokii empezemos.

Diseño ==> Edit html ==>  Expandir plantillas de artilugios

Para platillas simples


Titulo de la entrada buscan: h3.post-title, .comments h4 {        O       h3.post-title {

Nombre del gadget buscan: h2 {


Plantilla clasica


titulo de la entrada:  . post-title {

Nombre del gadget:  .sidebar h2 {

PegamOos justo debajOO de  los codigos anteriores ^^

border-bottom : dashed 1px #000000 ;

  • Tipo de borde
  • grueso
  • color ^^

tipos de bordes: dashed / solid / dotted 

Por otra parte quiero hablarles de estos premio que me ha otorgadO Melo y el segundo me lo ah otorgado Vaalee Graciias liindas ^^

"Friendship"



REGLAS
Mencionar Quien Te Lo Otorgo & Su Link!♣
Responder: ¿Que Significa La Amistad?
Otorgar A 3★// Blogs.


One Lovely Blog Award!
 

pss se lo otorgo a los primero 4 comentarios
besos


Favicones para tu blog

viernes, 20 de julio de 2012

Bueno bloggeritas aki les dejo unos favicones, espero les gusten y les sirvan ^^

 
<link href='http://media.tumblr.com/tumblr_lnddszFBGJ1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://media.tumblr.com/tumblr_lnddssIy6d1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>

 
<link href='http://media.tumblr.com/tumblr_lnddsdDNFv1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>


<link href='http://media.tumblr.com/tumblr_lndds7RVIq1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>

<link href='http://media.tumblr.com/tumblr_lnddrsbRkB1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>

<link href='http://media.tumblr.com/tumblr_lnddrmQT4X1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>

<link href='http://media.tumblr.com/tumblr_lnddrhvsy21qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://media.tumblr.com/tumblr_lnddrcke6U1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>

<link href='http://media.tumblr.com/tumblr_lnddr4a5do1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>

<link href='http://media.tumblr.com/tumblr_lnddqsSqxG1qdlkyg.gif' rel='shortcut icon' type='image/x-icon'/>

y para quienes no saben que es un favicon aqui les dejo un pequeño tuto de lo que es un favicOon

Tutorial para instalar favicon para tu web  


favicon es aquella pequeña imagen adjunta en la pestaña donde aparece el nombre de nuestro blog ....... entonces que tenemos que hacer para ubicarlo??

Facil....... Sigue los pasos:
diseño 

edicion HTML 

busca esto en la plantilla 


]]></b:skin>



luego justo despues pega el codigo de tu favicon !! 


Ahora solo guarda 

 Y listOo tenndras tu favicOn