La tienda de Danny: febrero 2014

jueves, 13 de febrero de 2014

Cambiar barra de desplazamiento del blog

Holiwis hoy les voy a enseñar a cambiar la barra de desplazamiento de su blog

Plantilla > Edicion de HTML > Buscas body {
Atras de body { pegan esto:

::-webkit-scrollbar {

height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}
Personaliza:
Esto es todo espero que le haya gustado !! perodn por no publicar en estos dias!
Rojo: Tamaño de la barra de movimiento LOS DOS DEBEN SER IGUALES
Azul: Color del fondo de la barra fija
Verde: color de la barra de desplazamiento

lunes, 10 de febrero de 2014

BACKGROUNDS para tu blog

¿Cuantas veces hemos buscado y buscado un fondo bonito para nuestro blog? muchas veces lo se y casi nunca encontramos, bueno aqui les dejo algunos muy bonitos C: no son mios pero queria compartirlos con ustedes por que son muy bonitos

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7ym166xxPCZA0i3FiR-9oDu8edoPWqE7QpUcDZHZaI0TxJTe-pHdrpwfa3ebuwFYvvN72SyM3fbLVxwCC9EuNOraAsdUDxGmwpGFgt164sw-cp6SzgDGNxQbU9_LTgHE-7LZoL__6W0/s1600/14-1281388018-bg-cute-flowers.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6wj0tw40Mx74t-vURHhjIv0cpGaFazz4H6Y_nZMiN9Dhdc9WUkuLuhhcnI3I9vcbz6QQfxFQHJM_ykw2Tl1s3ofnzKYL5sMh_hrIHmtGRa9mbVYjuX49Zy6e6i6Jo1mO0KlVsZ35ZKUs/s1600/cute-vintage-tumblr-backgrounds-1occ9cg3.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNHaHyEYNLqgGV8zsDi2fKK3a3gmDuIeqvlYT0R4KIGtCMT3mrG2EXCQ0ciGwJ1GyDsCbyNVGVhSAhNFTxzzlK-I8osTnFfWV0D_Rbd1M5uO-HmpVJLI9dSPE7JjL9rfvLUAFH9kdqjg/s1600/large.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBJ9CcQ4gwcALmgkjQ0q5Yb9SAA4Nofq9r6eBo3s3FXkoXb8a-q6itFWBarYaeh5Cqhy_HaO0QznCW_UeNdiITEUOFW2B-XLiNAGM9LHWff_C5ddmHDwZcXq7Ro4WUkR_XTXa-_qVEPfY/s1600/large.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8whTYEhGT-7VSvNUZloZAF_wlThN49GE_lYVHtOVf0H8zviM4kPnWMit79XB1qADNJRGZ16KwFdkAHStnxImgwcjPfTUDN7CbMYKeZaJ8QkWP54xlMSBqFRQAhQt-PrrLd10sNRWThOI/s1600/pink9.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbyyKUq0TC6m96KcSeDotmxfmGLLzSBY6tZKDRJ-GPCgZOXcgJESGc6vlxf5MsHlSxbQ6mzl1Q1vU1pHyVh4um7CjYCt46bZZk0WvqW5KxjERVNBTd4pYKoas1tKp-liHxSinWql8M2Gw/s1600/skulls-background-pattern-0854.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXPq6uL9B59NFkFdfa75Yc0IwvHsQ9tPem2ucevhm8VjDMuiuIuofGGb8gLr7XKzckeTIHH9fhSUDznA1bM0pCqxbrD9CQga1JQmvRRBpmszfn0iAkAJi009g3UmyGodMTJGllz1IPm8M/s1600/tumblr_lmst08fEiE1qfel73.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJYO7pY96AUVNP7DD5Ogtpq9jphWPe3WrViunMsZ74-AeKKRMP2QZoBbXqGAbLi1EvtbmF0q-xDGZBIBUGEfyW2JYs0rE91B82IYoD8dgVk_pLxG48wE7q0g7o6u7G2VyVB2F5LwbH92A/s1600/tumblr_lqjuewoKnA1r0pgdno1_500.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgddfLvY8a2Y9fY9KhNLiGvl8As_qKP_3k5aQgKEO7N5YMmeVFULnH4qed08ySXl-4T2sicmd0-D1saCQbXjGB09zPxhEMtyxHDbcoK1a_UdE8CHunQEnRCLzF818NzA37ejmCS4GvX-xo/s1600/tumblr_lryf0f6SVg1qiz8uq.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjuE8dt8_4dryCWVbQ90e24g1hZtmEuPGj8Wdy6aT3nJRznxJsIEowOjO8nhtKdZTKUiCI2sasVvq09zg5yDoTqOm8SKVsyKTHDdgez3_jfEiXRXnuoZFNBMFAxiFc_1N7tfTQvziwPPs/s1600/tumblr_lryf3xMyM91qiz8uq.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjygpjAnmvGZfCX4Ze40W8TvdmWAQJ2Mpmm5o16UjwYv5FCELnifiQTj4pz9xRrlPZRpjiUhTo7D_wwaF9NRyGvfehLbn_J6fMxEwuFm3XKl8uEpNT5Dy7NpbS_cvVfrmNftsJrrbU3Cgk/s1600/tumblr_lryf15RynZ1qiz8uq.gif

BUENO esto es lo que tengo por ahora gracias por venir aqui agradezco tu visita!

domingo, 9 de febrero de 2014

TUTORIAL como enmarcar entradas y widgets con una imagen

AHORA LES ENSEÑO COMO PONER UNA IMAGEN DETRAS DEL FONDO PRINCIPAL Y LOS WIDGETS
espero que les guste el tuto es 100 % mio si lo usas da creditos gracias espero que les guste :)

ENTRADAS
vas a: Plantilla > Edicion de HTML > Ctrol + F (buscar) > buscan esto
.post {
si no les sale peguen atras de ]]></b:skin> ESTO :

.post {
border:3px Dotted #f8189e;padding-left: 20px; background-image: url(URL DE LA IMAGEN DE FONDO); padding-bottom: 30px ; padding-right: 20px; background-repeat:yes-repeat;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;

PARA CAMBIAR:
rojo: son bordes redondeados si lo borras quedan normales
azul: la url del fondo de las entradas
Morado: color del borde puedes cambiarlo
verde: tipo de borde puedes cambiarlo por "Dashed" "Double" o "solid"

WIDGETS
vas a: Plantilla > Edicion de HTML > Ctrol + F (buscar) > buscan esto
.sidebar .widget {
si no les sale peguen detras de ]]></b:skin> ESTO:

.sidebar .widget {
border:3px Dotted #f8189e;padding-left: 20px; background-image: url(URL DE LA IMAGEN DE FONDO); padding-bottom: 30px ; padding-right: 20px; background-repeat:yes-repeat;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;

PARA CAMBIAR:
rojo: son bordes redondeados si lo borras quedan normales
azul: la url del fondo de las entradas
Morado: color del borde puedes cambiarlo
verde: tipo de borde puedes cambiarlo por "Dashed" "Double" o "solid"

Esto es todo espero que les halla gustado y si no comenta! si no entiendes algo comenta! y si loroban comenta!
si quieres un color en vez de una imagen entra a este tuto Tutorial Enmarca Etradas y Widgets

Como poner una imagen de fondo para las imagenes

HOLA ¿como estan? espero que bien :) este tutorial es 100 % mio si lo usas dame creditos :)
espero que less guste si no entiendes algo comenta y yo te digo

Buscas esto : padding: $(image.border.small.size); > debajo Dice "background: $(image.background.color);" cambias eso por esto background-image: url ( URL DE LA IMAGEN )

Bueno esto es todo es muy simple como veras c: pues si te gusta comenta c: y si lo usas da creditos c:

sábado, 8 de febrero de 2014

Como enmarcar Entradas y Widgets

Hola! hoy les traigo un tuto de como enmarcar las entradas y los widgets simples

ENTRADAS
vas a: Plantilla > Edicion de HTML > Ctrol + F (buscar) > buscan esto
.post {
si no les sale peguen detras de ]]></b:skin> peguen esto:

.post {
abajo pegan esto
border:1px solid #00000;padding-left: 10px; background: #ffffff;
}

WIDGET

Detras de ]]></b:skin> pegan esto :
.sidebar .widget {
border:1px solid #00000;padding-left: 10px; background: #ffffff;
}

PARA PERZONALIZAR
rojo: tamaño de la linea
amarillo: clase de linea (puedes cambiarlo por Dashed , Double, o Dotted
verde: color de la linea
azul: distancia entre el borde y el texto de la entrada
morado:color de el fondo

viernes, 7 de febrero de 2014

Cursores Lindos para tu Blog

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1028.ani), url(http://cur.cursors-4u.net/nature/nat-11/nat1028.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/29/sky-blue-bobblehead-bunny.html" target="_blank" title="Sky Blue Bobblehead Bunny"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sky Blue Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1029.ani), url(http://cur.cursors-4u.net/nature/nat-11/nat1029.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/29/purple-bobblehead-bunny.html" target="_blank" title="Purple Bobblehead Bunny"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Purple Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1032.ani), url(http://cur.cursors-4u.net/nature/nat-11/nat1032.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/29/brown-bobblehead-bunny.html" target="_blank" title="Brown Bobblehead Bunny"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Brown Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1034.ani), url(http://cur.cursors-4u.net/nature/nat-11/nat1034.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/29/bobblehead-bunny.html" target="_blank" title="Bobblehead Bunny"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1040.ani), url(http://ani.cursors-4u.net/nature/nat-11/nat1035.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/16/blinking-cute-box-cat.html" target="_blank" title="Blinking Cute Box Cat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blinking Cute Box Cat" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1041.ani), url(http://ani.cursors-4u.net/nature/nat-11/nat1036.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/16/happy-cute-box-dog.html" target="_blank" title="Happy Cute Box Dog"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Happy Cute Box Dog" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1042.ani), url(http://ani.cursors-4u.net/nature/nat-11/nat1037.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/16/happy-cute-box-frog.html" target="_blank" title="Happy Cute Box Frog"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Happy Cute Box Frog" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1043.ani), url(http://ani.cursors-4u.net/nature/nat-11/nat1038.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/16/happy-cute-box-bear.html" target="_blank" title="Happy Cute Box Bear"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Happy Cute Box Bear" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1044.ani), url(http://ani.cursors-4u.net/nature/nat-11/nat1039.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/16/blinking-cute-box-panda.html" target="_blank" title="Blinking Cute Box Panda"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blinking Cute Box Panda" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-9/ani878.ani), url(http://cur.cursors-4u.net/anime/ani-9/ani878.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/13/happy-cat-kaoani.html" target="_blank" title="Happy Cat Kaoani"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Happy Cat Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-3/foo262.ani), url(http://cur.cursors-4u.net/food/foo-3/foo262.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/15/strawberry-on-top-of-cupcake.html" target="_blank" title="Strawberry On Top Of Cupcake"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Strawberry On Top Of Cupcake" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-6/foo507.ani), url(http://cur.cursors-4u.net/food/foo-6/foo507.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/28/lucky-charms-rainbow.html" target="_blank" title="Lucky Charms Rainbow"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Lucky Charms Rainbow" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(http://cur.cursors-4u.net/nature/nat-10/nat927.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/28/animated-nyan-cat-rainbow.html" target="_blank" title="Animated Rainbow Nyan Cat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Rainbow Nyan Cat" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-8/oth719.ani), url(http://cur.cursors-4u.net/others/oth-8/oth719.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/03/cute-polka-dotted-rainbow-bow-tie-ribbon.html" target="_blank" title="Cute Polka Dotted Rainbow Bow Tie Ribbon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Polka Dotted Rainbow Bow Tie Ribbon" style="position:absolute; top: 0px; right: 0px;" /></a>

PARA PONERLOS: diseño > añadir un gadget > HTML/Java Script > pegan el codigo del cursor que quieran y listo ya esta hecho espero que les gusten los Cursores