Premios ♦

Hace mucho que no ponia una entrada de premios {aunque siempre agradezco, pero hace un buen rato no posteaba >o<}

Premio otorgado por Yenathie

Imperfecciones que no cambiarías nunca:
★ Ser sensible.
★ Mi obsecsón con los chicos con lentes.
★ Enamorarme de los chicos de un anime/manga.
★ Ser tan enamoradiza ♥

10 cosas de uno mismo
★ Tengo un instinto para alejarme de las personas que no me convienen.
★ Amo los mangas y el anime {sobre todo shojo}.
★ Me encanta hacer ejercicio.
★ Quiero vivir un tiempo en Japón.
★ Estoy aprendiendo a leer y a escribir {espero lograrlo algún día u.u}
★ Me encanta la cerveza xD.
★ Soy un poco gruñona a veces, pero también tierna :).

Preguntas de Yenathie:
1- ¿Cuál es tu mayor sueño?
Mi mayor sueño es lograr encontrarme y ser feliz.♥
2- ¿Tu animal preferido?
umm que dificíl D:, digamos que ... ._.
3- ¿Tu chico ideal?
Mi chico ideal.. alguien con quien pueda estar naturalmente y me haga reir mucho!!, con quien pueda hablar sobre todo y yo pueda escucharlo {debe tener ua voz preciosa *O*}, ser respetuoso no un patán ordinario ¬¬, tener el cabello un poco largo al menos *---* y si tiene gafas mejor :D, que le guste el anime y le guste dormir ♥.
4- ¿Crees en el amor a primera vista?
No.

Nominados a este premio:
Rosie-chan
Luany

Premio otorgado por: Miss Lucy y Sango

 Reglas:

• Nominar a 10 blogs que nunca descansan.

• Colocar la url del blog que te lo ha otorgado.

• Y contestar a las siguientes preguntas:

¿Cuál es tu animal favorito?La verdad es que no tengo .__.

¿Qué blog te inspira para continuar adelante?jeje pues hay varios blogs que me parecen super lindos y son super creativos, me ayudan con tutoriales y diseños :).

¿Cuándo has hecho algo absurdo y ha acabado siendo un éxito?En una entrada de este blog que se llamaba Ilusión Óptica, colgué una tonteria y la entrada acabó teniendo al mes siguiente 4000 visitas aprox XD.

¿Cuál es la peli más bonita qué has visto?Restles, es una película maravillos, es un poco rara aunque al mismo tiempo cotidiana temas como la vida, el amor, la muerte todo mezclado en los personaje, se las recomiendo chicos!♥.

Este premio se lo dedico a:
Kumy
Roberta

Premio otorgado por: Solange

Qué te parece el acto de leer?
El acto de leer es como un viaje, un encuentro, una vista hacia otros lugares y personas, leer es acercarse un poco mas a...

Indicar 1 o mas libros que leíste y hacer la reseña del mismo:
Ahora estoy leyendo el libro del desasosiego, el autor utiliza a un semi-heterónimo llamado Bernardo, el libro pareciese una especie de diario,lleno de angustia y pensamientos muy bien descritos. ^u^ me ha gustado mucho porque me identifico mucho con esas palabras.

Los nominados son:
Ryuzaki
Mew Himura

Arigatou♥

Orbs Kawaii ♥

Oh yeah maracuyeah ! no se porque no habia hecho este post T-T, he encontrado orbs demasiados hermosos asi que les dejo una imagen y el link a los enlacesrespectivos autores ! hago una recopilación de los que mas me han encantado ^u^.

Enjoy!

 

 

 

 

 

Aqui les dejo el programa para que lo pongan en su computador! xD!

--> Start Orb Changer

Menú acordeon con CSS3

Waaa tenia este tutorial pendiente! bueno disculpen mi pereza falta de tiempo ¡xD!

Primero vamos a editar la plantilla, a colocar el css:

Dashboard Plantilla Editar HTML

Vamos a pegar este código debajo de < head >

<br /> <style> .ac-container{ width: 400px; margin: 10px auto 30px auto; text-align: left; } .ac-container label{ font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; padding: 5px 20px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 19px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); } .ac-container label:hover{ background: #fff; } .ac-container input:checked + label, .ac-container input:checked + label:hover{ background: #c6e1ec; color: #3d7489; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); } .ac-container label:hover:after, .ac-container input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: transparent url(../images/arrow_down.png) no-repeat center center; } .ac-container input:checked + label:hover:after{ background-image: url(../images/arrow_up.png); } .ac-container input{ display: none; } .ac-container article{ background: rgba(255, 255, 255, 0.5); margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } .ac-container article p{ font-style: italic; color: #777; line-height: 23px; font-size: 14px; padding: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); } .ac-container input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); } .ac-container input:checked ~ article.ac-small{ height: 140px; } .ac-container input:checked ~ article.ac-medium{ height: 180px; } .ac-container input:checked ~ article.ac-large{ height: 230px; } </style><br />

En el css, se cambian las propiedades del menú, ya sea ancho, alto, color, bla, bla... :D, asi que alli es donde deben dirigirse para cambiarlo y decorarlo de la forma que mas les guste♥. {para los que no saben •u•}

Segundo vamos a colocar el gadget:

Dashboard Diseño Añadir un Gadget HTML/Javascript

<br /> <section class="ac-container"><br /> <div> <input id="ac-1" name="accordion-1" type="checkbox" /><br /> <label for="ac-1">About us</label><br /> <article class="ac-small"><br /> <p> Some content... </p> </article><br /> </div> <div> <input id="ac-2" name="accordion-1" type="checkbox" checked /><br /> <label for="ac-2">How we work</label><br /> <article class="ac-medium"><br /> <p> Some content... </p> </article><br /> </div> <div> <!--...--></div> </section><br /> <br />

Listo, esos son los códigos que necesitan para tener un menú tipo acordeon :), esto lo saque de codrops, es una super página para códigos CSS3♥

Rilakkuma dingbat font

Portaretrato Panda

Con nuevo diseño en el blog, les traigo este kawaiisioso portaretrato que edite ♥

Clock Cloud

Pequeñ@s hoy les traigo un widget editadito por mi!, lo utilizan con el programa XWidget {si no tienen idea click}, wiii si les gusta dejen su comentario *O*, ya hace tiempo que no subia para descargar! .

Espero que les guste!♥.

Empastar manga

Ya habia hecho una entrada para imprimir el manga ahora le toca el turno a como empastarlo •u•

Estas son unas prensas de 4", las consiguen en cualquier ferreteria ^u^ 

Este es un pegamento para empastar,también pueden conseguir silicona para pegar, y pues este es bueno cuando empastas cosas no tan voluminosas y es barato.

Las tablitas las consiguio gratis mi ma en una carpinteria xD a lo mucho en estas cositas no te gasta ni 20.000 pesos {colombianos}

A la hora de cuadrar las hojas, tengan cuidado para que no les quede ninguna por fuera, (y si me paso a mi u__u).

Es mas barato que lo hagan así, de a poco tendre mi biblioteca llena de manga nif  xD♥ jeje

besitus!!!

Créditos: [arigatou♥]

Crea un Gif en Photoshop *u*

Koni!!♥

Quieren crear un botoncito gif para su blog {or something like} ? pues este es el post para ti *---*

Espero que este bien explicado TuT, ~chu♥

Programa: Adobe Photoshop CS5 |

Buscador en la cabecera del blog

Holis!! poner el buscador es muy sencillo ♥ 

Dashboard Plantilla Editar HTML

Con Crtl + f  busca por el siguiente código:

<b:widget id='Header1' locked='true' title='*recursos kawaii* (cabecera)' type='Header'/> </b:section>

Donde dice title='*recursos kawaii* deben colocar el nombre del blog si no, no les aparecera :).
 

Ahora, debajo de </ b:section> pega esto: 

<div style='position:absolute; top:60px;left:50px;'> <form action='/search' id='searchthis' method='get' style='display:inline;'> <input id='search-box' name='q' type='text'/> <input id='search-btn' type='submit' value='Buscar'/></form> </div>

Cambiando los valores del style {el top y el left}, cambias la posición del buscador dentro de la cabecera asi lo acomodas a tu gusto y además para que concuerde con el diseño de tu imagen *O*. Eso es todo!.

Personalizarlo     ♥ 

Debajo de < head> {copia y pega}

<style> #search-btn { background-color:#A9D0F5; color:#FFFFFF; margin:0; font:bold 14px Tahoma; border:0; } #search-btn:hover { cursor:pointer; background-color:#2E9AFE; } #search-box { color:#2E9AFE; margin:0; font:bold 12px Arial; border: 1px solid #CEE3F6; width:140px; } </style>

Decepcionante Info u.u

Hola chic@s!, bueno vengo a traerles un comunicado de una página que me plagio hasta EL MENSAJE DE PERFIL QUE TENIA!!!! pueden creerlo?? osea que le pasa a esa gente :facepalm:, quiero decirles que yo nada tengo que ver con esa página asi que si de consultas se trata please a mi correo que les he dejado o aqui mismo en el blog, no se dejen engañar por esa persona , porque si les contesta grosero o algo asi deben saber que no fui yo, vale? T-T, uf en verdad que tristeza.

 pantallazo u.u

Hasta me copia mi imagen de cabecera que sinverguenza D:

solo queria decirles porque ya que es tan fácil que te copien el nick queria comunicarlo y chicos quiero que sepan también que yo jamás voy a perder el tiempo entrando a un blog y a insultar eso es demasiado patético y triste, lo digo por si acaso ya que hay gente tan troll.

Espero que tenga un lindo día ♥ u.u

Menu tooltips with CSS3

Hola hola!! les traigo el pequeño tutorial para poner esta clase de menú en su blogcito :).

Por favor ingresen a la página: Codrops, dan click en el botón DOWNLOAD SOURCE y les descargara un rar con los códigos.

Abran la carpeta llamada css, oki en la página pudieron apreciar que hay un botoncito llamado view demo, según el estilo de menú que quieran eligan {en la carpeta de css} el código que necesiten :), pues yo elegi el primero (con el nombre style, el que tenia mi anterior diseño), al darle click se abrira con el bloc de notas.

Ahora vamos a editar nuestra plantilla ^-^:

Dashboard Plantilla Editar HTML

 Después de < head> peguen este código:

<style> .tt-wrapper{ padding: 0; width: 435px; height: 70px; margin: 80px auto 30px auto; } .tt-wrapper li{ float: left; } .tt-wrapper li a{ display: block; width: 68px; height: 70px; margin: 0 2px; outline: none; background: transparent url(../images/growcase_the_social_gunman_icons.png) no-repeat top left; text-indent: -9000px; position: relative; } .tt-wrapper li .tt-gplus{ background-position: 0px 0px; } .tt-wrapper li .tt-twitter{ background-position: -68px 0px; } .tt-wrapper li .tt-dribbble{ background-position: -136px 0px; } .tt-wrapper li .tt-facebook{ background-position: -204px 0px; } .tt-wrapper li .tt-linkedin{ background-position: -272px 0px; } .tt-wrapper li .tt-forrst{ background-position: -340px 0px; } .tt-wrapper li a span{ width: 100px; height: auto; line-height: 20px; padding: 10px; left: 50%; margin-left: -64px; font-family: 'Alegreya SC', Georgia, serif; font-weight: 400; font-style: italic; font-size: 14px; color: #719DAB; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; border: 4px solid #fff; background: rgba(255,255,255,0.3); text-indent: 0px; border-radius: 5px; position: absolute; pointer-events: none; bottom: 100px; opacity: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tt-wrapper li a span:before, .tt-wrapper li a span:after{ content: ''; position: absolute; bottom: -15px; left: 50%; margin-left: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.1); } .tt-wrapper li a span:after{ bottom: -14px; margin-left: -10px; border-top: 10px solid #fff; } .tt-wrapper li a:hover span{ opacity: 0.9; bottom: 70px; } </style>

Es siempre larguito XD, listo dan guardar y ahora vamos a agregar el gadget:

Dashboard Diseño Añadir un Gadget HTML/Javascript

<ul class="tt-wrapper"> <li><a class="tt-gplus" href="#"><span>Google Plus</span></a></li> <li><a class="tt-twitter" href="#"><span>Twitter</span></a></li> <li><a class="tt-dribbble" href="#"><span>Dribbble</span></a></li> <li><a class="tt-facebook" href="#"><span>Facebook</span></a></li> <li><a class="tt-linkedin" href="#"><span>LinkedIn</span></a></li> <li><a class="tt-forrst" href="#"><span>Forrst</span></a></li> </ul>

Eso es todo! , una cosita mas ...en el código css, en donde esta el background, las imágenes que uds ven en el demo, eso no son imagenes aparte es una sola, osea tienen que editar {una imagen} para el menú  y cambiar la url por su imagen personalizada.

¿Yo que hice?:  Fácil le tome un pantallazo a la imagen del view demo y me guie por esa, listo xD!

{ven solo hay para poner un background}

Otra cosa que les ayudara, si al poner encima el cursor ¡el recuadro con el nombre sale muy desigual!, en este apartado del código variando los numeros hacen que se posicione de la forma correcta:

Explicación en video ;) 

Créditos: Codrops