Kawaii-Design♥

miércoles, 6 de enero de 2016

[RECURSOS] Fondos Para tu blog Cute ♥(1)

¡Hola Designer's! ¿Como andan? ...

como pueden ver reaparecí en el blog, en diciembre

casi no publique si se dieron cuenta & pues

ya saben por las fiestas decembrinas y así jaja >w<

Hoy traigo cute fondos para su blog , espero y les guste mucho ... los dejaré

Fondos para tu blog Cute (1)♥

Bueno hasta ahora son solo estos , espero y les hayan gustado nos vemos en la próxima
Byee♥

lunes, 4 de enero de 2016

[TUTORIAL] Colocar una fuente predeterminada en todo el blog♥ + CAMBIO DE URL

¡Hola Designer's!

¿Que tal están ?hoy les traigo un tutorial a cercad e como colocar una fuente predeterminada en todo

el blog :3

Es decir,se verá una fuente en todo el cuerpo del blog :3
¡EMPECEMOS!
Vamos a Google Fonts *Clik aquí^*
buscas en el casillero de a lado el nombre tu font
una vez encontrada le das en Add Collection ,
e iras a Plantillña -> HTML & Buscarás </head/>
y pegas el primer código que nos da la página antes de head
pero antes , al primer código le colocas un "/" antes del último ">"
ejemplo ;
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
ahora queda así
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'/>
y luego
pegamos el segundo código que nos da antes de ;
body {

Una vez terminado damos en guardar & ¡LISTO! Hemos finalizad0:3

domingo, 13 de diciembre de 2015

[TUTORIAL]Blockquote #1 Line Double♥

¡Hola Designer's! ¿Como están? Espero que super bien

Hoy traigo un lindo Blockquote que he editado

codigos yo ^^ ...

Ahí esta la preview ...

Ahora te parece vamos a empezar con el tutorial♥

Vamos a -> Plantilla Editar HTML -> CTRL + F y pegas este código ; ]]></b:skin>

Antes de él pegas el sig. Código ;

blockquote {

margin-top: 9px;

background-color: #ffe1eb;/*Color de fondo*/

padding: 8px;

font-size: 11px;/*Tamaño de la Letra*/

color: #FC7C7C;/*Color de la letra*/

text-shadow: 1px 1px 0px #B5F7D7;/*Color de la sombra de la Letra*/

text-align: center;

outline-style: double ;

outline-width: 1px;

outline-color: #fff;/*Color de la linea de adentro*/

outline-offset: -3px;

-webkit-transition-duration: .50s;

}

blockquote:hover {

background-color: #dccfb9;/*Color de fondo al pasar el cursor*/

}

& Listo solo editas y hemos terminado recuerda dejar créditos:)

Bye bye ♥

jueves, 26 de noviembre de 2015

[TUTORIAL] Menú Vertical ELEGANT Sweet (1) DESPEGABLE

¡Que onda designer's! Hoy traigo un bonito menú para sus bloggies <w<
Está muy bonito se pega al lado del blog & es vertical ... sinceramente yo lo recomiendo mucho
para redes sociales :D

Vamos a Diseño-> Añadir gadget->HTML JavaScript & colocamos el sig. código

<style>.raejun{width:60px;padding:15px;margin-top:15px;box-shadow:2px 2px 4px #DFDFDF;background:#eee;font:8px tt; text-align:center;Text-decoration:none;color:#888;text-transform:uppercase;display:block;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-left:0px solid #000;-webkit-border-top-right-radius: 333px;-webkit-border-bottom-right-radius: 333px;-moz-border-radius-topright: 333px;-moz-border-radius-bottomright: 333px;border-top-right-radius: 333px;border-bottom-right-radius: 333px;}.raejun:hover{width:66px;border-left:10px solid #aaa;}@font-face {font-family:tt !important;src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;}</style><div style="position:fixed; top:100px;left:0px;width:100px; color:#aaa;">

<a class="raejun" href="LINK ">titulo</a>

<a class="raejun" href="LINK ">titulo</a> <a class="raejun" href="LINK ">titulo</a><a class="raejun" href="LINK ">titulo</a></div>

Listo guardamos y editamos ;

ROSA ; LINK DE NUESTROS SUBS
Azúl ; Titulo a mostrar
NARANJA ; COLORES
Si deseean más secciones hagan esto ; </a>AQUI PEGAN CÓDIGO</div>
PEGAN ESTE CÓDIGO <a class="raejun" href="LINK ">titulo</a>

Listo espero que les guste Bye bye♥