Advertisement
aane69

caixinha exclusiva por bbtoxic

Feb 7th, 2016
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.44 KB | None | 0 0
  1. <--------------ESSE CÓDIGO ANTES DE </STYLE> ------------------>
  2.  
  3.  
  4.  
  5. /*------Caixinha por babetoxic. Não retire os créditos.-------*/
  6. .up {margin-top:250px;margin-left:1302px;width:150;height:200px;position:fixed;}
  7. .btxup{transition:1s;width:72px;height:105;text-align:left;position:fixed;margin-top:26px; margin-left:50px;opacity:1;background:#fafafa;}
  8. .btxup img{width:17px;margin-left:1px;border:1px solid #ccc;transition: 1s;}
  9. .btxup img:hover{transform: scale(1.1) rotate(0deg);-webkit-filter: grayscale(80%);transition:1s ease;border:1px solid #ccc;}
  10. .up:hover .btxup{margin-left:-24px;transition:1.5s;opacity:1;}
  11.  
  12. .titulso{position:fixed; margin-top:-3px; margin-left:-50px; width:41px; height:7px;line-height:4px;font-family:'cambria',sans-serif; font-size:9px; text-transform:uppercase; color:#858585;text-shadow:0px 1px 0px #fff; text-align:left; opacity:0; transition:1s;border-bottom:1px solid #858585; }
  13. .twt{position:fixed;margin-top:2px;margin-left:27px;} .twt img{width:15px;}
  14. .twt{transition:1s; opacity:1;}
  15. .snap{position:fixed;margin-top:2px;margin-left:49px;} .snap img{width:15px;}
  16. .snap{transition:1s; opacity:1;}
  17. .twt:hover .titulso{opacity:1; margin-top:8px; transition:1s;}
  18. .snap:hover .titulso{opacity:1; margin-top:8px; transition:1s;}
  19.  
  20. .btxtt {transition:1s;margin-top:49px; margin-left:8px; position:fixed;width:61px;z-index:9999;text-align:center;color:#000;font-size:10px;text-transform:uppercase;font-family:'consolas', sans-serif;font-weight:bold;height:15px;line-height:15px;background:#fafafa;-webkit-transform: rotate(-90deg);padding:2px;border-radius: 5px 5px 0px 0px}
  21. .up:hover .btxtt{transition:1.5s;opacity:1;margin-left:-64px;}
  22.  
  23. .btxtitu{font-size:9px; font-family:'cambria';text-align:center;width:45px;height:10px;color:#858585;text-shadow:0px 1px 0px #fff;margin-left:0;transition:1s;text-indent:3px;line-height:12px;opacity:1;border-bottom:1px solid #9d9d9d;}
  24. .up:hover .btxtitu{transition:2s;opacity:1;}
  25. /*------Caixinha por babetoxic. Não retire os créditos.-------*/
  26.  
  27.  
  28. <------------ESSE CÓDIGO ANTES DE <BODY> ------------>
  29.  
  30.  
  31.  
  32. <div class="up">
  33. <div class="btxtt">+ here</div>
  34. <div class="btxup">
  35. <div class="btxtitu" style="text-aligh:left;margin-top:0px;">LOVES</div>
  36. <div style="margin-left:3px;margin-top:2px;">
  37. <a href="http://babetoxic.tumblr.com" title="Nome" ><img src="http://api.tumblr.com/v2/blog/babetoxic.tumblr.com/avatar/96/"></a>
  38. <a href="http://babetoxic.tumblr.com" title="Nome" ><img src="http://api.tumblr.com/v2/blog/babetoxic.tumblr.com/avatar/96/"></a>
  39. <a href="http://babetoxic.tumblr.com" title="Nome" ><img src="http://api.tumblr.com/v2/blog/babetoxic.tumblr.com/avatar/96/"></a>
  40. <a href="http://babetoxic.tumblr.com" title="Nome" ><img src="http://api.tumblr.com/v2/blog/babetoxic.tumblr.com/avatar/96/"></a>
  41. <a href="http://babetoxic.tumblr.com" title="Nome" ><img src="http://api.tumblr.com/v2/blog/babetoxic.tumblr.com/avatar/96/"></a>
  42. <a href="http://babetoxic.tumblr.com" title="Nome" ><img src="http://api.tumblr.com/v2/blog/babetoxic.tumblr.com/avatar/96/"></a>
  43. </div>
  44. <div class="btxtitu" style="text-aligh:left;margin-top:0px;margin-left:23px;">R. SOCIAIS</div>
  45. <div class="twt"><img src="http://goo.gl/zEiO6v"><div class="#"></div>
  46. <div class="titulso" style="margin-left:-9px;margin-top:5px;">USER
  47. </div></div>
  48. <div class="snap"><img src="http://goo.gl/kG3UJl"><div class="#"></div>
  49. <div class="titulso" style="margin-left:-23px;margin-top:5px;">USER
  50. </div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement