API tools faq
paste
Advertisement
helpdesigns

Vitrine de Tags/Materiais #3 - Isah ♥

helpdesigns
Jul 5th, 2014
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.19 KB | None | 0 0
raw download clone embed print report
  1. <!--- BY HELPDESIGNS NÃO COPIE NEM USE DE BASE ---->
  2. <html>
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls|Akronim' rel='stylesheet' type='text/css'>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Akronim' rel='stylesheet' type='text/css'>
  7.  
  8. <head>
  9.  
  10.  
  11.  
  12.  
  13.                       <title>{Title}</title>
  14.         <link rel="shortcut icon" href="{favicon}">
  15.  
  16. <style>
  17.  
  18. a {color: #aaa; text-decoration: none; text-transform: none;}
  19. a:hover {color:#aaa; background-color: transparent; text-decoration: none;}
  20.  
  21.  
  22.  
  23.  
  24.  
  25. body {background-color:#fff; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url(''); background-attachment: fixed; }
  26.  
  27. /*--- Pratica base - helpdesigns ----*/
  28. .corpohd {float: left;margin-left:500px;margin-top:200px;width:500px;height:300px;text-align: justify; position: fixed; z-index:9999999999999999;padding:10px ;font-family:verdana; color:; background-color:#fff;line-height: 10px; overflow: auto;border: 1px solid #f8f8f8 ;overflow-x: hidden;}
  29.  
  30.  .linktag {width: 500px;;margin-left:0px; margin-top:5px; padding: 0px; text-align: center;}
  31.  
  32.  .linktag a {float: left; display: block; letter-spacing:2px;; font-family: PF Arma Five; font-size:8px; text-align: center; text-decoration: none; text-transform: lowercase;height:30px; line-height:25px;; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; text-transform: uppercase; height:25px;width:100px;background:#fcfcfc;color:#ccc;margin-bottom:20px;margin-left:15px;}
  33.  
  34.  .linktag  a:hover { -webkit-transition: all 0.9s ease-out;opacity:0.8; color:#fff;  font-weight:calibri;-webkit-transition: all 0.5s ease-out;background:#E1B4B4;}
  35.  
  36.  
  37.  
  38. /*--- Helpdesigns Frase ---*/
  39. #title {font-family:'Isa';font-size:30px;color:#E1B4B4;z-index:999999999999999999999;margin-top:165;margin-left:335;position:fixed;}
  40.  
  41. @font-face {src: url('http://static.tumblr.com/fyc2dbo/PaNn89igf/amber_shaie.ttf'); font-family: 'Isa';}
  42.  
  43.  
  44. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  45.  
  46. /*--- Não remover os Créditos ----*/
  47.  
  48. ::-webkit-scrollbar{width:5px;height:5px;}
  49. ::-webkit-scrollbar-button:start:decrement
  50. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  51. ::-webkit-scrollbar-track-piece{background-color: #fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  52. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f9f9f9;-webkit-border-radius:10px;}
  53. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#f9f9f9;-webkit-border-radius:10px;}
  54.  
  55.  
  56. #tumblr_controls{position: fixed!important}
  57. #tumblr_controls{position: fixed!important}
  58. #tumblr_controls{position: fixed!important}
  59. #tumblr_controls{position: fixed!important}
  60.  
  61.  
  62. #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 5px 5px 5px 5px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:#fff; font-family:PF Arma Five;  font-size:8px;  letter-spacing:1px;   text-transform:uppercase; color:#ccc; z-index:9999999;border:1px solid #f8f8f8;}/*********helpdesigns******/
  63.  
  64.  /*---♥---Sidebar por Revolucionou| Se pegar credita Revolucionou. ---♥---*/
  65.  .imagem {position: absolute; width:140px; height:140px; margin-left:335px; margin-top:200px;position:fixed; padding:5px; padding:10px;border:1px solid #f8f8f8}
  66.  
  67. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; height:150px; width:150px;margin-left:-5px; margin-top:0px; opacity:1;;-webkit-transform: rotate(0deg);margin-top:-5px;}
  68.  
  69.  .imagem img.top { opacity:0.9;-webkit-filter: grayscale(0%);}
  70.  
  71.  
  72. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:1;-webkit-filter: grayscale(100%);}
  73.  
  74.  
  75. /*---♥--- Menu Fill by Revolucionou; Helpdesigns - Se usar Credite ---♥---*/
  76.  
  77.  
  78.  #menufillhd {z-index:999999999999999;position: fixed; width:0px; margin-left:334px; margin-top:370px; padding: 0px; text-align: center;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  79.  
  80. #menufillhd a {float: left; display: block; letter-spacing:0px;font-size:8px; font-family:PF Arma Five; text-align: center; margin-bottom:2px; margin-left:1px; color:#ccc; text-decoration: none; line-height:25px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; height:27px;opacity:;width:159;;overflow:hidden;background:#fff;border:1px solid #f8f8f8}
  81. #menufillhd a:hover {-webkit-transition: all 0.5s ease-out;color:#fff;  font-weight:calibri;-webkit-transition: all 0.5s ease-out;text-transform:none;overflow:hidden;box-shadow:inset 200px 0px 0px 0px #E1B4B4;border:1px solid #fff;}
  82.  
  83. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  84.  
  85. /*--- Não remover os creditos ---*/
  86.  
  87.  
  88. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  89.  
  90. /*--- Não remover os Créditos ----*/
  91. </style>
  92.  
  93.  <script type="text/javascript"
  94. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  95. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  96. <script>
  97.     (function($){
  98.  
  99.         $(document).ready(function(){
  100.             $("[title]").style_my_tooltips();
  101.         });
  102.     })(jQuery);
  103. </script>
  104.  
  105. <body>
  106.  
  107. <div id="menufillhd">
  108.  
  109. <a href="/" >Links</a>
  110. <a href="/" >Links</a>
  111. <a href="/" >Links</a>
  112. <a href="/" >Links</a>
  113. <a href="/" >Links</a>
  114. </div>
  115.  
  116. <div class="imagem" class="hover">
  117. <img class="top shadow" src="http://static.tumblr.com/fyc2dbo/mePn89idj/6.png" /></div>
  118.  
  119. </div>
  120. </div>
  121. </div>
  122.  
  123. <div id="title">Meus tutoriais</div>
  124.  
  125. <div class="corpohd">
  126.  
  127.  <div class="linktag">
  128.  
  129. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  130. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  131. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  132. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  133. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  134. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  135. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  136. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  137. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  138. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  139. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  140. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  141. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  142. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  143. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  144. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  145. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  146. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  147. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  148. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  149. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  150. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  151. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  152. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  153. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  154. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  155. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  156. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  157. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  158. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  159. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  160. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  161. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  162. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  163. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  164. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  165. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  166. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  167. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  168. <div class="linktag"><a href="LINK" target="_blank">Nome Tag</a></div>
  169.  
  170.  
  171.  </div></div>
  172.  
  173. <div style="display:block;top:600px;left:50px;font-size:8px;font-family:PF Arma Five;position:fixed;color:#aaa; padding:3px;z-index:55554235555;"><a href="http://helpdesigns.tumblr.com/" title="Vitrine by Helpdesigns - Proibida copia ou plagio ©">Helpdesigns ©</a>
  174. </div>
  175.  
  176. </body>
  177.  
  178. </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!