3 Menus de redes sociais com efeito CSS3
Autor: Bruno Luiz | Publicado: 2012-01-01T12:40:00-08:00

Olá! Seja bem vindo a mais um tutorial aqui no Daimon Designer.  Neste pequeno artigo irei disponibilizar 3 menus com botões de redes  sociais bem legais para seu blog. O menu possui alguns efeitos em CSS3,  bem como o efeito de rotação e opacidade. Apresentam botões das  principais redes sociais da internet &nbsp;mais conhecidas até então, como o  Facebook, Twitter e a mais nova rede social, o Google Plus. Veja:



Para instalar um desses no seu blog, apenas copie um dos códigos abaixo com seus respectivos códigos. Depois vá em “Layout” –&gt; “Adicionar um gadget” –&gt; “HTML/Javascript” e cole-os, em seguida faça as devidas alterações "URL PERFIL TWITTER" , "URL PERFIL FACEBOOK" , "URL PERFIL GOOGLE PLUS" , "URL CANAL YOUTUBE".


-  &lt;br /&gt; &lt;br /&gt;     &lt;style&gt;      .minhasredes1 {      padding: 15px;     }      .minhasredes1 a {     -webkit-transition:All  1s ease;     -moz-transition:All 1s ease;     opacity: 0.5;     }       .minhasredes1 a:hover {     opacity: 1;     }      .minhasredes1 img {      -webkit-transition:All 0.2s ease;     -moz-transition:All 0.2s ease;      }     .minhasredes1 img:hover {     -webkit-transform: rotate(10deg)  scale(1.2) skew(1deg) translate(0px);     }      &lt;/style&gt;&lt;br  /&gt; &lt;br /&gt;     &lt;div class="minhasredes1"&gt;    &lt;a  href="URL PERFIL TWITTER" title="Siga-me no Twitter"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%201/twitter-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL PERFIL FACEBOOK" title="Me adicione no  Facebook"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%201/facebook-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL PERFIL GOOGLE PLUS"  title="Me circule no  Google Plus"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%201/googleplus-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL CANAL YOUTUBE" title="Inscreva-se no nosso  canal"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%201/youtube-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;/div&gt;&lt;br /&gt; 




&lt;br  /&gt; &lt;br /&gt;     &lt;style&gt;      .minhasredes2 {     padding:  15px;     }      .minhasredes2 a {     -webkit-transition:All 1s ease;      -moz-transition:All 1s ease;     opacity: 0.5;     }       .minhasredes2 a:hover {     opacity: 1;     }      .minhasredes2 img {      -webkit-transition:All 0.2s ease;     -moz-transition:All 0.2s ease;      }       .minhasredes2 img:hover {     -webkit-transform:  rotate(10deg) scale(1.2) skew(1deg) translate(0px);     }       &lt;/style&gt;&lt;br /&gt; &lt;br /&gt;     &lt;div  class="minhasredes2"&gt;    &lt;a href="URL PERFIL TWITTER"  title="Siga-me no Twitter"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%202/Twitter-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL PERFIL FACEBOOK" title="Me adicione no  Facebook"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%202/Facebook-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL PERFIL GOOGLE PLUS" title="Me circule no  Google Plus"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%202/Google-Plus-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL FEED" title="Assine nosso Feed"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%202/RSS-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;/div&gt;&lt;br /&gt; 



&lt;br  /&gt; &lt;br /&gt;     &lt;style&gt;      .minhasredes3 {     padding:  15px;     }      .minhasredes3 a {     -webkit-transition:All 1s ease;      -moz-transition:All 1s ease;     opacity: 0.5;     }       .minhasredes3 a:hover {     opacity: 1;     }      .minhasredes3 img {      -webkit-transition:All 0.2s ease;     -moz-transition:All 0.2s ease;      }      &lt;/style&gt;&lt;br /&gt; &lt;br /&gt;     &lt;div  class="minhasredes3"&gt;    &lt;a href="URL PERFIL TWITTER"  title="Siga-me no Twitter"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%203/twitter-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL PERFIL FACEBOOK"title="Me adicione no  Facebook"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%203/facebook-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;a href="URL FEED"title="Assine nosso Feed"&gt;&lt;img  src="http://dl.dropbox.com/u/47734544/Icones/RS%203/rss-icon.png"/&gt;&lt;/a&gt;&lt;br  /&gt;     &lt;/div&gt;&lt;br /&gt; 

Simples e útil, esses são os menus desenvolvidos por min, espero que tenham gostado. E se poder, comente. :D.