\\❤-Mi Mundo Magico-❤//

lunes, 16 de septiembre de 2013

Avatars Kawaii y Cute

Les comparto unos avatars que encontre en Photobucket super lindos, son poquitos, pero espero que les gusten!
Comenta que te parecio :3

Wallpapers Kawaii!

Hola! Espero que estos walls te gusten mucho!, espero que los uses para que tu pc quede super kawaii. Los creditos estan en los nombres de las imagenes, dejame un comentario! :3

Cajitas Flotantes ''Marquee''

Hola Dulzuras! Como estan?
Este tutorial lo saque de:

Y lo edite un poquito, estuve aprobándolo y me di cuenta que sirven para todas las plantillas de blogger y blogskin.
Quieres ver como son?:

La imagen es de Mell.
Bien para colocar estas cajitas en una plantilla de blogger normal debes ir a: Plantilla / Edición HTML

Allí buscas {Ctrl + F} </head> & DEBAJO pegas el código que mas te guste:

CAJITA FLOTANTE "MINI"

<style> .status { width: 69px; height: 30px; margin-top: 22px; margin-left: 3px; text-align: center; font: 11px calibri; color: #a9744c; /* COLOR DEL TEXTO */ } .status a{ color: #ffccdd; /* COLOR DEL LINK */ text-decoration: none; }</style><div style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5EGNAaQF16JTKjyvmoZKpwy-WVmWLMA6R57jMpJ0CrmRGKXX5eS0InYuyMK6pSlXbS9wdZr95P0dvKj76Lfe-BxYIu8lH6qT3cWk9SgO568ozEXdOM9HUQSYOGXo0hl8DZRAxxlmOOpw/s1600/1432.gif); width: 75px; height: 55px; position: fixed; top: 10px; left: 30px;'> <div class='status'> <marquee direction='up' height='25' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' style='margin-top: 3px;'> TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br> TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br> TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br> </marquee> </div></div>

CAJITA FLOTANTE "SIDEBAR"

<style> .status { width: 115px; height: 40px; margin-top: 20px; margin-left: 11px; text-align: left; font: 11px calibri; color: #a9744c; /* COLOR DEL TEXTO */ } .status a{ color: #fff; text-decoration: none; margin-right: 3px; padding: 1px; background: #ffb2cc; /* FONDO DEL LINK */ border-radius: 3px; }</style><div style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzmw9RoEQHI3mtAROMMMyGC_B4cbaqDlw1yUbTEXYd4oVv_2-i1c4KwwB-pcjNTdwbUOU6hgy6sv9I54pRw3qOe30ZSkRmm6hwAnWF5Xc4vkYj-Ye_rGc24akIKrgJ7lVtVShAEGlD5w/s1600/1585.gif); width: 161px; height: 79px; position: fixed; top: 10px; left: 30px;'> <div class='status'> <div align="RIGHT" style="margin-right: -20px;">AVISOS IMPORTANTES:</div> <marquee direction='right' height='13' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' style='margin-top: 5.5px; padding: 3px;'> TITULO ~ <div style="display: inline-block;"><a href="URL ENLACE" target="_blank"> CLICK ME!</a></div> </marquee> </div></div>

CAJITA FLOTANTE "ANOTADOR"

<style> .status { width: 120px; height: 60px; margin-top: 22px; margin-left: 17px; text-align: left; font: 11px calibri; color: #a9744c; /* COLOR DEL TEXTO */ } .ver { background: #a9744c; border-radius: 7px; text-align: center; margin-bottom: 7px; } .ver a{ color: #ffc; /* COLOR DEL LINK */ text-decoration: none; }</style><div style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVERXd9yTL8Ycijwo-t3VgymrI3M7Hk0aDafiw2rJrKJISzghGZ1Y6E_Ej3pgprWvMM_DqC0xHu6Ne8ICxaQZaLAXziMRBlQGoT5VUZEV9HfbqpzVsQld1tQvr39NhdQgXRsf-2tBEqk/s1600/903.gif); width: 150px; height: 100px; position: fixed; top: 10px; left: 30px;'> <div class='status'> <center><u> NOTAS: </u></center> <marquee direction='up' height='45' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' style='margin-top: 3px; border-radius: 0 0 40px 0;'> TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div> TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div> TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div> </marquee> </div></div>

CAJITA FLOTANTE "KAWAII BEAR"

<style> .status { width: 115px; height: 20px; margin-top: 10px; margin-left: 50px; text-align: left; font: 11px calibri; color: #a9744c; /* COLOR DEL TEXTO */ } .status a{ color: #d0a46d; /* COLOR DEL LINK */ text-decoration: none; margin-left: 3px; padding: 1px; background: #fff; border-radius: 3px; }</style><div style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9uLC4vhUcInz0kUYEHpJM_95JvlsRgDHhlyn9l85rVv0zq_I2yDwiAfWaaQxLvM4EVyqS8TIHZbjEc3mn-b_x4qsJbX30oCie_HI6svMPdG6sM_gE7zz-6uwilSQoXFAcZ4cXBO_mceI/s1600/b201.gif); width: 200px; height: 40px; position: fixed; top: 10px; left: 30px;'> <div class='status'> <marquee direction='right' height='15' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' style='margin-top: 1px; padding: 4px;background: #;'> <div style="display: inline-block;"><a href="URL ENLACE" target="_blank"> CLICK ME!</a></div> ~ TITULO </marquee> </div></div>

Edita lo que esta marcado y lo que creas necesario~
Cualquier duda puedes consultarme.
Besos~

domingo, 15 de septiembre de 2013

Imagenes En Movimiento [Marquee]

<marquee direction="up" scrollamount="2" width="ANCHO" height="ALTO" ><img src="URL DE TU IMAGEN" /></marquee>

direction= Dirección De La Imagen: UP [arriba] LEFT [izquierda] RIGHT [derecha] DOWN

[abajo].

scrollamount= Velocidad De La Imagen [mas alto el nro, mas rapido el movimiento]

DETENER LA IMAGEN AL PASAR EL CURSOR

Debes Agregar Lo Siguiente:

<marquee direction="up" scrollamount="2"onmouseover="this.stop() onmouseout="this.start()" ><img src="URL DE TU IMAGEN" /></marquee></div>

-Cursor Pencil para Tu Blog-

Hola, espero que te gusten estos cursores, ponlos en tu blog si te agrado alguno.

<style type="text/css">body {cursor:url("http://i1085.photobucket.com/albums/j433/Annyz-chan/AnnyzKawaiiBlog/lapicito.gif"),default}</style><a href="http://annyz-kawaii.blogspot.com/">cursor by <span><b>.*...Annyz-Blog...*</b></span></a>

<style type="text/css">body {cursor:url("http://i1085.photobucket.com/albums/j433/Annyz-chan/AnnyzKawaiiBlog/lapicito2.gif"),default}</style><a href="http://annyz-kawaii.blogspot.com/">cursor by <span><b>.*...Annyz-Blog...*</b></span></a>

<style type="text/css">body {cursor:url("http://i1085.photobucket.com/albums/j433/Annyz-chan/AnnyzKawaiiBlog/lapicito4.gif"),default}</style><a href="http://annyz-kawaii.blogspot.com/">cursor by <span><b>.*...Annyz-Blog...*</b></span></a>

<style type="text/css">body {cursor:url("http://i1085.photobucket.com/albums/j433/Annyz-chan/AnnyzKawaiiBlog/lapicito3.gif"),default}</style><a href="http://annyz-kawaii.blogspot.com/">cursor by <span><b>.*...Annyz-Blog...*</b></span></a>

<style type="text/css">body {cursor:url("http://i1085.photobucket.com/albums/j433/Annyz-chan/AnnyzKawaiiBlog/lapicito5.gif"),default}</style><a href="http://annyz-kawaii.blogspot.com/">cursor by <span><b>.*...Annyz-Blog...*</b></span></a>

<style type="text/css">body {cursor:url("http://i1085.photobucket.com/albums/j433/Annyz-chan/AnnyzKawaiiBlog/lapicito6.gif"),default}</style><a href="http://annyz-kawaii.blogspot.com/">cursor by <span><b>.*...Annyz-Blog...*</b></span></a>

<style type="text/css">body {cursor:url("http://i1085.photobucket.com/albums/j433/Annyz-chan/AnnyzKawaiiBlog/lapicito7.gif"),default}</style><a href="http://annyz-kawaii.blogspot.com/">cursor by <span><b>.*...Annyz-Blog...*</b></span></a>

Espero que te hayan gustado. Nos Vemos

-C-

[Tutorial] Menu Piano Hover

Hola!

Hoy les traigo un Tutorial! *0* espero que les sirva.
Es un tuto de un Menu muy Kawaii:

☆ Edicion HTML
☆ Busca ]]></b:skin> y antes de eso pega:

/* Menu Electric by Annyz Blog */
.electric {
background:#EDC1FF;
padding:4px;border-top:1px solid:#FFABD7;
border-bottom:1px solid #eee;
margin-bottom:0px;
text-shadow:1px 1px 1px #FFABD7;
font:11px verdana;color:#FF0D7A;
-webkit-transition:all .50s linear;
-moz-transition:all .2s linear;
transition:all .90s linear;
-moz-border-radius: 35px;
border-radius: 35px;
}
.electric:hover {
background:#FFF9AF;
padding:4px;border-top:1px;
padding-left:40px;
text-shadow:100px 1px 1px #FF0D7A;
font:11px verdana;color:#26B0FF;
filter: hue-rotate(190deg); -webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-o-filter: hue-rotate(360deg);
-ms-filter: hue-rotate(360deg);
-webkit-transition-duration: 0.20s;-webkit-border-radius: 3px;
-moz-border-radius: 35px;
border-radius: 35px;
}

Todo lo que lleve este simbolo # es el color que lo puedes editar.

☆ Diseño
☆ Añadir Gadget HTML Javascript y pegar en el este codigo:

<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>
<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>
<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>
<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>

Eso es todo.
Espero que te haya servido, dejame un comentario si necesitas alguna ayudita. Nos vemos

-C-

Notita + Minions Png o

Holis! como estan? yo muy bien! quiero dejarles algo asi como una pregunta para ustedes sobre el blog:

Me gustaría saber que cosas subir y que a ustedes les guste, no se que puedo subir, noce si recursos, imagenes, tutoriales. Solo diganme y yo lo subire para ustedes, cualquier cosa c:

Ok ahora sigamos con los Minions >w<