(Tutorial) Gadget de Bienvenida

|| ||



¡Hola! Realmente no se como llamar al gadget :v pero el efecto es muy lindo ^^
Es una imagen que trae consigo un menú y un efecto de texto muy hermoso
(Link para ver el efecto)

Vale, para tenerlo, solo basta con ir a >> Gadgets >> Html/Javascript y colocar el siguiente código.

<style>
 @import url(http://fonts.googleapis.com/css?family=Lobster+Two);
 .imgmenu{ /**parte em que os textos aparecem quando o mouse passar**/
 background:rgba(255, 255, 255, 0.99);
 color: #FD6D8C;
 text-shadow: 1px 1px #fff;
 text-align: center;
 font-size: 28px;
 line-height: 1em;
 font-family:'Lobster Two', cursive;
 font-weight: normal;
 width:460px;
 height:300px;
 margin-top: -348px;
 padding-left:0.5px;
 padding-right:0.5px;
 padding-bottom:0.5px;
 padding-top:5px;
 opacity:.1;
 -webkit-transition:all .5s ease-in-out; }
 .imgmenu:hover{opacity:.7}
 .img-menu {/**personaliza a imagem**/
 -webkit-transition-duration:2.5s;
 border-top: 5px solid #BEF7CA;
 border-left: 2px solid #BEF7CA;
 border-bottom: 5px solid #BEF7CA;
 border-right: 2px solid #BEF7CA;
 }
 .img-menu:hover{/**imagem em hover**/
 opacity:0.8;
 -webkit-transition-duration:2.5s;
 }
 a.themenu{
 font-family:'Lobster Two', cursive;
 background: #DCFFF1;
 color: #A7E9CC;
 text-shadow: 0 1px 1px #fff;
 font-size:20px;
 padding:5px;
 text-align:center;
 text-decoration:none;
 width:100px;
 display:inline-block;
 -webkit-transition: 2.0s;
 -moz-transition: 2.0s;
 -moz-box-shadow:inset 200px 0px 0px #CDFFF1;
 -webkit-box-shadow:inset 200px 0px 0px #CDFFF1;
 box-shadow:inset 200px 0px 0px #CDFFF1;
 outline-offset: -5px;
 outline: 1px dashed #CDFFF1;
 border: 1px solid;
 }
 a.themenu:hover{
 color: #A7F6D5;
 -webkit-transition: 2.0s;
 -moz-transition: 2.0s;
 padding-left : 5px;
 -moz-box-shadow:inset -200px 0px -200px -0.5px rgba(255, 255, 255, 0.51);
 -webkit-box-shadow:inset -200px 0px -200px -0.5px rgba(255, 255, 255, 0.51);
 box-shadow:inset -200px 0px 0px -0.5px rgba(255, 255, 255, 0.51);
 outline-offset: -5px;
 outline: 1px dashed #A7F6D9;
 border: 1px solid;
 }
 </style>
 <center>
 <img class='img-menu' src='http://2.bp.blogspot.com/-T91za-L7pMk/T2UGtFh56sI/AAAAAAAAFto/_Z8ti5HRRy0/s460/ttb.png'/>
 
   <div class='imgmenu'>
 
 ¡Hola! Son bienvenidos a mi hermoso y sensualon blog ♥ Compartiremos muchos tutoriales y recursos para el tuyo
No olvides seguir al blog! ayudara mucho tu colaboración y ¿Quién sabe? Tal vez te guste...</div></center>
 <center>
 <a class='themenu' href="https://Mikawaiiblogcute.blogspot.com">Home</a>
 <a class='themenu' href="https://Mikawaiiblogcute.blogspot.com">About</a>
 <a class='themenu' href="https://Mikawaiiblogcute.blogspot.com">F.A.Q</a>
 <a class='themenu' href="http://reinokawaii.blogspot.com">Credits</a>
 </center>

¿Hermoso no lo creen? Pero este increíble Gadget no lo he creado yo... Le doy todo los créditos a: x ♥ Por fabulosos efectos ^^

Eso es todo, ya que no he podido publicar como lo he prometido haré todo lo posible y además publicare más que todo los fines de semana

Nos vemos... ADIÓS ♥

9 comentarios:

  1. Talk to family, buddies, along with lawyers about the divorce lawyers they may have utilised. The data that you're going to receive at their store will allow you to find the appropriate divorce attorney. Whenever a couple gets hitched these people in no way count on dealing finding a divorce. Sadly, divorce is becoming more and more typical in today's community, its keep is a reduced judgment that come with this. On the other hand, it is always a challenging as well as psychological trip.
    divorce lawyers
    This is the time to keep your health, and appear for the long term, sufficient reason for these pointers, you're on your path for you to carrying out this. Choosing a great Modifies name divorce attorney is usually an crucial making decisions method. Your expert whom you use will be accountable for getting as well as looking after your legal pursuits in your kids, the content control, plus your wage. Actually, retaining a great Modifies his name divorce attorney can also be a amazingly demanding undertaking.

    ResponderEliminar
  2. Me encanto esta re lindo!!! (。> ヮ <。)

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  4. Me encanto esta re lindo!!! (。> ヮ <。)

    ResponderEliminar
  5. Me encanto esta re lindo!!!(。> ヮ <。)

    ResponderEliminar

Tu comentario me haría muy feliz!! :D