7mo día: Fin de la celebración

WAAAAAAHHHH...  I'm so sad! pero a la vez tan FELIZ!!!  Es una mezcla de emociones  porque toda esta semana he recibido todo su apoyo con la semana de la celebración , pero ya se nos terminó. Realmente les agradezco toda su muestra de cariño hacia mi y el blog.

Por otra parte hoy les dejaré el último pack sorpresa de icons y demás. Pero antes de ello, QUIERO ANUNCIAR que ando en búsqueda de autoras. Debido a mis estudios en la universidad es muy probable que me ausente del blog y, estaré publicando con menos frecuencia. Así que me gustaría contar con apoyo extra, no importa si no saben de diseño gráfico o si no saben editar blogs {en si de eso me encargo yo}. Los únicos REQUISITOS que necesitas es ser activa/o, tener un tema en específico del cual hablar en mi blog y obviamente tener un blog. Si quieres participar sólo deja tus datos {Nombre/e-mail/Blog/Tema}. Por ejemplo:

Nombre: Kuma
e-mail: labyrinth.in.my.heart@gmail.com
Blog: nemuri-kuma.blogspot.com
Tema: diseño web {blogger}

Nombre: Fulanita de tal
e-mail: la_fulanita@hotmail.com
Blog: fulanita.blogspot.com
Tema: belleza

Temas de ejemplo: diseño web {blogger o tumblr, blogskin}, diseño gráfico {recursos}, belleza, música, salud, moda, cocina, manualidades, fansub, etc. Hay tantos de donde escoger y existen más que ni puse. Espero su apoyo, solo deja tus datos en comentarios. Ahora sí los dejo con los icons y demás cosas para finalizar la celebración por el 1er año de Nemuri Kuma.

Icons 150 x 150  

Banda: Daft Punk

Género: House, french house, electro,Techno

Reseña: Daft Punk es un dúo de música electrónica formado por los músicos franceses Guy Manuel de Homem-Christo (nacido el 8 de febrero de 1974) y Thomas Bangalter (nacido el 3 de enero de 1975) Daft Punk alcanzó una gran popularidad en el estilo house a finales de la década de los '90, en Francia y continuó con su éxito los años siguientes, usando el estilo synthpop. Daft Punk es conocido por sus conciertos excéntricos, en los que elementos y efectos visuales se incorporan con la música. El dúo también es conocido por su énfasis en sus componentes visuales y de su historia, así como el uso de trajes adornados de robot mientras aparecen en público y mientras se presentan.

Más información: {X}

Opinión: Yo crecí con Daft Punk, este par es toda mi adolescencia y parte de mi pubertad, la música es muy pegajosa y ni hablar de la letra que es sumamente fácil de aprender y recordar {de 5 a 7 líneas xD}. Son tan geniales que como deseo que vinieran aquí a Perú.

         

Wallpapers  

Tamaño: 1920 x 1200

Tamaño: 1329 x 1080

Tamaño: 2560 x 1024

Tutorial + Blog  

VISTA PREVIA → {X}

Desde PLANTILLA pega el sgte. código antes de ]]></b:skin> y guarda.

/*Credits ----------------------------------------------- */ @font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')} .view { cursor: pointer; height: 124px; /* Alto de la imagen */ margin: 1px; overflow: hidden; position: relative; text-align: center; width: 230px; /* Ancho de la imagen */ display: inline-block; } .view img { display: inline-block; position: relative; -moz-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; opacity: 1; filter: alpha(opacity=100); } .view:hover img { -moz-transform: rotate(620deg) scale(0); -webkit-transform: rotate(620deg) scale(0); -o-transform: rotate(620deg) scale(0); -ms-transform: rotate(620deg) scale(0); transform: rotate(620deg) scale(0); opacity: 0; filter: alpha(opacity=0); } .view .mask { background-color: #9982ad; /* Color de fondo */ height: 124px; left: 0; position: absolute; overflow: hidden; top: 0; width: 200px; -moz-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; opacity: 0; filter: alpha(opacity=0); } .view:hover .mask { -moz-transform: translateY(0px) rotate(0deg); -webkit-transform: translateY(0px) rotate(0deg); -o-transform: translateY(0px) rotate(0deg); -ms-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; filter: alpha(opacity=100);} .view h4 { background-color: #ffffff; /* Color de fondo del título */ opacity: 0.8; color: #75648b; /* Color del texto del título */ text-align: center; position: relative; font-family: handy; text-transform: uppercase; font-size: 8px; margin: 9px 0 0 0; padding: 5px 0; -moz-transform: translateY(-200px); -webkit-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view:hover h4 { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .view p { color: #fff; /* Color del texto/descripción/etc xD */ font-family: tinytots; text-transform: uppercase; font-size: 8px; margin: 0; padding: 15px; position: relative; text-align: center; -moz-transform: translateY(-200px); -webkit-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view:hover p { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .view a.info { background-color: #ffffff; /* Color de fondo del menú */ font-family: tinytots; border-radius: 5px; box-shadow: 0 0 2px #e4e2e5, 0 0 5px #e4e2e5 inset; color: #000; /* Color de texto del menú */ display: inline-block; padding: 2px 10px; text-decoration: none; margin-top: 8px; font-family: handy; font-size: 8px; -moz-transform: translateY(-200px); -webkit-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view a.info:hover { box-shadow: 0 0 5px #968ca3; } .view:hover a.info { font-family: tinytots; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

Ahora desde DISEÑO en un gadget de HTML/JavaScript pega el sgte. código.

<div class='view img'><img src='URL de img (tamaño: 225 x 124)' style='border-top: #69efff solid 5px;border-bottom: #ffb1dc solid 5px;border-right: #ffb1dc solid 5px;border-left: #69efff solid 5px; -Moz-border-radius: 10px; border-radius: 10px;'/>
<div class='mask'>
<h4>CREDITS</h4>
  <p>Template: Nombre de tu plantilla<br/><br/>Designer: <a class='info' href='URL de web'>Nombre de diseñador</a><br/>Images: <a class='info' href='URL de web'>Nombre del autor o sitio web</a><br/>Others: <a class='info' href='URL de web'>X</a> <a class='info' href='URL de web'>X</a> <a class='info' href='URL de web'>X</a></p>
</div></div>

Es todo. No olvides que la imagen debe tener 225 de ancho y 124 de alto. Si gustas modificar el color de los bordes, sólo cambia los números y letras que inician con un  #  {ejemplo: #69efff} por otro código de color → {X}.

Blog recomendado: {X}

Vídeo  

BUENO CON ESTO SE FINALIZA LA SEMANA DE CELEBRACIÓN POR EL 1ER AÑO DE NEMURI KUMA. MUCHAS GRACIAS A TODOS. NO ESTAMOS LEYENDO EN LA PRÓXIMA PUBLICACIÓN.