Tutorial:blockquotes 1 ♥+ Avisito are un nuevo diseño al blog ♥


Hola ¡¡  ya no puedo entrar todos los dias al blog ,estoy estudiando , el lunes empiesa mis clases wa ¡¡   Bueno le dire a mi hermana que me ayude a seguir poniendo tutoriales ,ella ya termino la pre ase tiempo les avise creo  que hiba a volver pero mi hermana no quiso entrar al blog  dice que tiene cosas que hacer  ¡ pero yo la veo libre , es mala mi hermana me deja solita   abuuu ¡¡ Bueno esta vez le pedire nuevamente aver si quiere 
Aora si les muestro un tutorial de personalizar tu blockquote ,este se parece al mio , solo que mas delgado los bordes del lado izquiero y derecho.
Aqui una muestra 

Para tenerlo solo tienen que ir a Plantilla -> Editar  Html
Presionan Ctrl + F y colocan ]]></b:skin>  
al encontrarlo colocan el siguiente codigo antes de ]]></b:skin>  


blockquote {
border-right: 7px solid #FFB0CA;
border-left: 7px solid #FFB0CA;
background-color: #F2EDEF;
padding: 10px;
font-size: 11px;
color: #7F7F7F;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #D2D0D5;
-webkit-transition-duration: .50s;
}
blockquote:hover {
border-right: 11px solid #DA8AFF;
border-left: 11px solid #DA8AFF;
background-color: #F2EDEF;
padding: 10px;
font-size: 11px;
color: #999999;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #D2D0D5;
-webkit-transition-duration: .50s;
}
Para personalizar a tu gusto  los colores cambia lo siguiente
#FFB0CA: Es el borde derecho 
#FFB0CA: Es el borde izquierdo 
#F2EDEF:Color de fondo
#7F7F7F: Color de la letra
#DA8AFF: El borde derecho al pasar el cursor
#DA8AFF: el borde izquierdo al pasar el cursor
#F2EDEF: Color del fondo al pasar el cursor
#999999 :Color de la letra
Otros :
7 : Puedes disminuir o aumentar el numero es el tamaño del borde derecho 
7: Puedes disminuir o aumentar el numero es el tamaño del borde izquierdo
0: Puedes aumentar el numero si quieres que se redondee las esquinas del blockquote
11: Puedes disminuir o aumentar el numero es el tamaño del borde derecho al pasar el cursor
11:Puedes disminuir o aumentar el numero es el tamaño de l borde izquierdo al pasar el cursor 

Bueno eso es todo  lo que tienen que cambiar y si quieren otro efecto , como este de aqui abajito
Es diferente al otro esta vez el lado derecho no esta el borde ,pero al pasar el cursor aparece  
Solo tienen que borrar del codigo anterior este 
border-right: 7px solid #FFB0CA;
o si quieres que no este el borde isquierdo borra este
border-left: 7px solid #FFB0CA;
y si quieres ambos solo borra los dos codigos , y si quieres eso al  pasar el cursor borra estos

border-right: 11px solid #DA8AFF;
border-left: 11px solid #DA8AFF;
Bueno eso es todo uff esplique creo todo ajaja  , bueno queria avisarles algo importante 
Are un nuevo diseño a mi blog  , no tienen colores kawaii   ajaja pero me gusta ,los colores es rojito ( no tan rojo  ) y rosadito masomenos rojito , con negro de fondo , el tema lo pense mucho , y es de Hyuna y Jang Hyun Seung , y pondre la cancion de trouble maker y otras canciones de Hyuna ¡¡ ya lo toy terminando ,por eso no tube tiempo para publicar tambien .



5 comentarios :

  1. Me muero con la imagen del conejito!!!!! QUE KAWAIII!!!!!! Y justo hace mucho te iba a pedir que hagas este tuto :DDDD xDD gracias por publicarloo :D ya estas entre mis amigas especiales ^^ beso~

    ResponderEliminar
  2. gracias por la tuto!!
    saludos y cuidate^^

    ResponderEliminar
  3. Gracias por el tuto ;) Esta muy beuno!!

    Saludos y Cuidate!

    ResponderEliminar
  4. eeh que chulo bloquoteee querida waa ancio con ganas el new diseño
    estoy segura que estara ultra wow kawaii
    saludos

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥