7.11.14

Post de Adolescente Nerd - Menu de creditos



Oiih, flores, tudo bem com vocês, Espero que sim, Bom vou postar para vocês um menu de creditos muito fofinho, que eu achei em um blog famoso, Adolescente Nerd, espero que gostem, vamos lá "




                        

Para usar o menu, vá em Modelo > Editar HTML, procure por: ]]></b:skin> e acima dele cole o seguinte código:
#fuckoff {
text-align: center;
font-size: 11px;
position:fixed;
left:10px;
top:-61px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#fuckoff:hover {top:0;}
#ohyeah {
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-width:1px;
border-color:#000;
font-family: consolas; color:#000;
font-size: 11px;
padding: 5px 0 5px 0;
background: #fff;
width:140px;
height:50px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
z-index: 9999;}


#badass {
border-top-style:none;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-width:1px;
border-color:#000;
font-family: consolas; color:#fff; font-size: 11px;
text-align: center;
height:10px;
padding: 6px;
background:#000;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 50px;
}

e dentro de um gadget HTML/JavaScript cole:

 <div id="fuckoff">
<div id="ohyeah"> <center>
<b> Redes Sociais</b><br>
<a href="http://twitter.com/link" title="Meu Twitter" target="_blank"><img height="30" src="http://cdn3.iconfinder.com/data/icons/picons-social/57/43-twitter-128.png" width="30"/></a>
<a href="http://facebook.com/link" title="Meu Facebook " target="_blank"><img height="30" src="http://cdn3.iconfinder.com/data/icons/picons-social/57/46-facebook-128.png" width="30"/></a>
<a href="http://www.tumblrbrasil.com/" title="Meu Instagram" target="_blank"><img height="30" src="http://cdn3.iconfinder.com/data/icons/free-social-icons/67/instagram_circle_black-128.png" width="30"/></a>
<a href="Skype:AndersonPossmoser?add" title="Meu Skype" target="_blank"><img height="30" src="http://cdn3.iconfinder.com/data/icons/picons-social/57/47-skype-128.png" width="30"/></a>
<iframe src="https://www.facebook.com/beautifulAny?ref=hl" scrolling="no" frameborder="0"
allowTransparency="true" style="border:none;
overflow:hidden; width:98px; height:20px;"></iframe>
</center></div>
<div id="badass">+Info </div>


  • Obs: Em sublinhado é o título que antecede as redes sociais, aquele título que vem antes dos ícones;
  • Em itálico são os links e em negrito são os nomes que aparecem no tooltip.

Nenhum comentário:

Postar um comentário

。 Ei carinha fofa >< seja gentil e não seja mal - - Educado :D
。 Cupcakes de morando deixe o link do seu blog eu visitarei
。 De sua opnião ,, mais se for muito mal eu não me aguentarei de raiva ...
。 Respondo todos os comentários rsrs... ... ... ...
。◕‿◕。 Hey... e obrigada pelo comentário use nossas carinhas

❣◕ ‿ ◕❣ ✿◕ ‿ ◕✿ ❀◕ ‿ ◕❀
❁◕ ‿ ◕❁ ✾◕ ‿ ◕✾ ◡‿◡✿
✿◠‿◠ ≧◔◡◔≦ ಥ_ಥ
≧�◡�≦ ≧^◡^≦ ≧✯◡✯≦
✿⍲◡⍲ ◕‿‿◕ ( ● ω ● )>(o゜ェ゜o)