API tools faq
paste
Advertisement
Uma-deus4

Vitrine cute simples

Uma-deus4
Aug 31st, 2014
350
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.41 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <!---THEME FEITO POR BLINDAR-TE, NAO RETIRE OS CRÉDITOS E NÃO USE COMO BASE, SERÁ CONSIDERADO PLÁGIO ♥ --->
  4.  
  5. <title>{title}</title>
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel|Great+Vibes|Satisfy' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Muli|Sintony|Aldrich' rel='stylesheet' type='text/css'>
  9.  
  10.  
  11. <!-- start of script tooltip -->
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13.  
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17.  
  18. (function($){
  19.  
  20. $(document).ready(function(){
  21.  
  22. $("a[title]").style_my_tooltips({
  23.  
  24. tip_follows_cursor:true,
  25.  
  26. tip_delay_time:90,
  27.  
  28. tip_fade_speed:600,
  29.  
  30. attribute:"title"
  31.  
  32. });
  33.  
  34. });
  35.  
  36. })(jQuery);
  37.  
  38. </script>
  39.  
  40.  
  41. </head>
  42.  
  43. <style>
  44. /*corpo*/
  45. body {background-image: url('http://static.tumblr.com/ibqd7br/QAOmz06pc/tumblr_inline_ml0hle6saz1qz4rgp.jpg');font-family:'calibri';font-size:10px;color:#aaa;}
  46.  
  47. /*tooltip por beeh - luxurious html*/
  48. #s-m-t-tooltip {max-width:250px;font-family:'cambria'; font-size:9px; color:#d6d6d6; letter-spacing:1px; text-transform:lowercase; padding:3px 4px 3px 4px; margin:20px 0px 0px 20px; z-index:99999999999;-webkit-transition: all 0.5s ease-in-out;background:#f4f4f4;font-style:italic;}
  49.  
  50. /*formatação link*/
  51. a {color: #f7cadf; text-decoration: none; text-transform: none; -webkit-transition: all .3s ease-out;}
  52.  
  53. /*sidebar e caixa*/
  54. .sidebar {width:600px; text-align: justify; float: left; position: fixed; margin-top: 150px; left:500px;z-index:99999;}
  55.  
  56. .caixa {background:#fff;width:500px;height:300px;padding:5px;border:1px solid #e6e6e6;z-index:99999;}
  57.  
  58. .fotinha {width:81px;margin-top:2;margin-left:2px;border:2px solid #eee;}
  59.  
  60. #mimo {width:82px;margin-left:3px;font-family:'cambria';font-size:10px;}
  61.  
  62. #frase {width:300px;font-family: 'Great Vibes';font-size:29px;margin-left:150px;margin-top:5px;position:absolute;color:#c0c0c0;text-shadow:2px 2px #f9f9f9;}
  63.  
  64. /*menu boot por blindar-te */
  65. .boot {position:absolute;margin-top:45px;margin-left:200px;}
  66. .boot a {background:#f4f4f4;padding:1px;padding-left:5px;padding-right:5px;;border-radius:50px;margin:3px;color:#d6d6d6;font-family:'cambria';font-size:15px;}
  67. .boot a:hover {-webkit-transform: rotate(360deg);box-shadow: inset 50px 0px 0px 0px #f7cadf;color:#fff;}
  68.  
  69. /*caixa da ask*/
  70.  
  71. .box {-webkit-transition: all .4s ease-out;}
  72. .box:hover {margin-left:-354px;-webkit-transition: all .4s ease-out;}
  73.  
  74. .ops {width:259px;padding-top:1px;padding:2px;background:#fff;position:absolute;font-family: 'Great Vibes';font-size:24px;color:#c0c0c0;text-align:center;margin-top:294px;margin-left:355px;border-top-left-radius: 50px;border-top-right-radius: 50px;-webkit-transform: rotate(-90deg);}
  75.  
  76. .ask {width:350px;height:250px;padding:6px;background:#fff;margin-top:180px;position:absolute;margin-left:495px;}
  77.  
  78. /* exclusivo blindar-te */
  79. #alinhamento {margin-top:-15px;width:400px;}
  80. #alinhamento2 {margin-top:-203px;margin-left:125px;}
  81. #alinhamento3 {margin-top:-203px;margin-left:250px;}
  82. .hey {margin-left:115px;}
  83. .hey a {padding:5px;background:#f2f2f2;margin:3px;display:inline-block;color:#c0c0c0;font-style:italic;}
  84. .hey a:hover {box-shadow: inset 50px 0px 0px 0px #f7cadf;color:#fff;}
  85.  
  86. regra {position:absolute;font-style:italic;width:81px;margin-top:15;margin-left:2px;}
  87. </style>
  88.  
  89. <body>
  90. <div class="sidebar">
  91. <div class="caixa">
  92.  
  93. <div id="frase">My themes, my diamonds.</div>
  94.  
  95. <div class="boot">
  96. <a href="" title="nome do link">♡</a>
  97. <a href="" title="nome do link">♡</a>
  98. <a href="" title="nome do link">♡</a>
  99. <a href="" title="nome do link">♡</a>
  100. <a href="http://blindar-te.tumblr.com/" title="credits">♡</a>
  101. </div>
  102.  
  103. <img src="http://static.tumblr.com/ibqd7br/Cq0nb77fp/avatar_3016956a392c_128.png" class="fotinha"><div id="mimo"><i>Regras, leia xuxuu</i> ♡</div>
  104.  
  105. <!-----AS REGRAS AQUI----->
  106. <regra>
  107. • Não use nenhum theme como base.<br>
  108. • Não é permitido pegar detalhes.<br>
  109. • Pegou algum? Por favor me avise.<br>
  110. • Deu erro? Me fala em que e em qual.<br>
  111. • Viu plágio? Por favor me avisem.<br>
  112. • Fique a vontade e escolha o seu.
  113. </regra>
  114.  
  115. <!-----OS THEMES AQUI----->
  116. <div id="alinhamento">
  117. <div class="hey"><a href="/">theme 01</a><a href="/">Download</a></div>
  118.  
  119. <div class="hey"><a href="/">theme 02</a><a href="/">Download</a></div>
  120.  
  121. <div class="hey"><a href="/">theme 03</a><a href="/">Download</a></div>
  122.  
  123. <div class="hey"><a href="/">theme 04</a><a href="/">Download</a></div>
  124.  
  125. <div class="hey"><a href="/">theme 05</a><a href="/">Download</a></div>
  126.  
  127. <div class="hey"><a href="/">theme 06</a><a href="/">Download</a></div>
  128.  
  129. <div class="hey"><a href="/">theme 07</a><a href="/">Download</a></div></div>
  130. <!-----OS THEMES AQUI----->
  131. <div id="alinhamento2">
  132. <div class="hey"><a href="/">theme 01</a><a href="/">Download</a></div>
  133.  
  134. <div class="hey"><a href="/">theme 02</a><a href="/">Download</a></div>
  135.  
  136. <div class="hey"><a href="/">theme 03</a><a href="/">Download</a></div>
  137.  
  138. <div class="hey"><a href="/">theme 04</a><a href="/">Download</a></div>
  139.  
  140. <div class="hey"><a href="/">theme 05</a><a href="/">Download</a></div>
  141.  
  142. <div class="hey"><a href="/">theme 06</a><a href="/">Download</a></div>
  143.  
  144. <div class="hey"><a href="/">theme 07</a><a href="/">Download</a></div></div>
  145. <!-----SEUS THEMES AQUI----->
  146. <div id="alinhamento3">
  147. <div class="hey"><a href="/">theme 01</a><a href="/">Download</a></div>
  148.  
  149. <div class="hey"><a href="/">theme 02</a><a href="/">Download</a></div>
  150.  
  151. <div class="hey"><a href="/">theme 03</a><a href="/">Download</a></div>
  152.  
  153. <div class="hey"><a href="/">theme 04</a><a href="/">Download</a></div>
  154.  
  155. <div class="hey"><a href="/">theme 05</a><a href="/">Download</a></div>
  156.  
  157. <div class="hey"><a href="/">theme 06</a><a href="/">Download</a></div>
  158.  
  159. <div class="hey"><a href="/">theme 07</a><a href="/">Download</a></div></div>
  160. </div></div></div>
  161.  
  162. <div class="box">
  163. <div class="ops">recadinho aqui</div>
  164. <div class="ask"><iframe frameborder="0" scrolling="no" width="100%" height="100%" src="http://www.tumblr.com/ask_form/SUA URL AQUI.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div></div>
  165.  
  166. </body>
  167. </div>
  168. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!