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
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 , bueno queria avisarles algo importante
border-right: 11px solid #DA8AFF;
border-left: 11px solid #DA8AFF;
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 .
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