Hola ¡¡






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

Presionan Ctrl + F y colocan ]]></b:skin>
al encontrarlo colocan el siguiente codigo antes de ]]></b:skin>
Para personalizar a tu gusto los colores cambia lo siguiente
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;
}
#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
Bueno eso es todo uff esplique creo todo ajaja
border-right: 11px solid #DA8AFF;
border-left: 11px solid #DA8AFF;


Are un nuevo diseño a mi blog






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~
ResponderEliminargracias por la tuto!!
ResponderEliminarsaludos y cuidate^^
Gracias por el tuto ;) Esta muy beuno!!
ResponderEliminarSaludos y Cuidate!
eeh que chulo bloquoteee querida waa ancio con ganas el new diseño
ResponderEliminarestoy segura que estara ultra wow kawaii
saludos
estan hermosos :D
ResponderEliminar