API tools faq
paste
Advertisement
nicoliveeira

Vitrine Exclusiva Pontodlua

nicoliveeira
Sep 30th, 2015
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.46 KB | None | 0 0
raw download clone embed print report
  1. <!-- Esse código substitui o <html e o <head> para os themes ficar certinho em todos os navegadores, recomendo NÃO tirar -->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5.  
  6. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  7. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  8. <link href='https://fonts.googleapis.com/css?family=Aclonica' rel='stylesheet' type='text/css'>
  9. <link href='https://fonts.googleapis.com/css?family=Gorditas' rel='stylesheet' type='text/css'>
  10.  
  11. <!-- Favicon -->
  12. <link rel="shortcut icon" href="{favicon}">
  13.  
  14. <!-- Script do efeito "digitando" na aba do navegador -->
  15. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Radley:400italic' rel='stylesheet' type='text/css'>
  18.  
  19. <!--------------------------------------------------------------------------
  20. VITRINE TOTALMENTE CODIFICADA POR WARVADA - BASE PARA MODIFICAÇÃO
  21. MODIFICADA E ADAPTADA POR codeiner
  22. -----------------------------------------
  23.  
  24.  
  25.  
  26.  
  27.  
  28. <!-- Appearance -->
  29. <meta name="color:fundo do theme" content="#fff"/>
  30.  
  31.  
  32.  
  33. </head>
  34. <style type="text/css" media="screen">
  35.  
  36.  
  37.  
  38. /* Definições gerais, fundo do theme, fonte principal, cor dos textos */
  39. body{background:#f9f9f9; color:{color:textos}; font-family:Tahoma; font-size:10px; text-align:left;}
  40.  
  41.  
  42. /* Links */
  43. a{color:{color:bordas}; text-decoration:none;}
  44.  
  45.  
  46. /* Links hover */
  47. a:hover{color:black;}
  48.  
  49.  
  50. /* Barra de rolagem personalizada */
  51. ::-webkit-scrollbar{height:0; width:4px; background:transparent;}
  52. ::-webkit-scrollbar-thumb:vertical{background:{color:vitrine};}
  53. ::-webkit-scrollbar-thumb:horizontal{background:{color:vitrine};}
  54.  
  55.  
  56.  
  57. /* Centraliza a vitrine, ou seja, independente do tamanho da tela do computador das pessoas que irão visualizar ou usar a vitrine, ela sempre ficará no meio da tela */
  58. .warvada{margin:100px auto; width:625px; height:320px; border:1px solid #fff;background:#fff;margin-top:150px;border:1px solid lightblue;}
  59.  
  60.  
  61.  
  62.  
  63.  
  64. /* Caixa do I-frame */
  65. #wvd-box{position:fixed; margin-top:0px; margin-left:150px; width:450px; height:310px; padding:5px; color:white; font-family:berlin sans fb; font-size:16px; text-align:left; overflow:auto;}
  66.  
  67.  
  68.  
  69. /* Menu da vitrine, onde fica os links das caixas (themes, skins, etc) */
  70. .wvd-menu{position:fixed; margin-top:0px; margin-left:0px; width:150px; text-align:center; z-index:9999;}
  71. /* Links do menu principal */
  72. .wvd-menu a{display:block; padding:2px; width:150px; height:74px; line-height:74px; color:#000; text-align:center; font-size:30px; transition:1s; cursor:pointer;font-family: 'Cookie', cursive;transition:1s;border:1px solid lightblue;text-shadow: 1px 1px 1px #dcdcdc;font-style:italic;border-right:2px solid lightblue;}
  73. /* Links hover do menu principal */
  74. .wvd-menu a:hover{box-shadow:inset 155px 0px 0px #dcdcdc; opacity:1;transition:1s;text-shadow:0px 0px 7px gray;}
  75.  
  76.  
  77. /* Titulo que fica no topo da vitrine */
  78. .titulo{position:fixed; margin-top:-80px; margin-left:0px; width:600px;text-align:center;font-family: 'Arizonia', cursive; font-size:70px; color:lightblue; z-index:9999;text-shadow:2px 2px 5px #f2f2f2;}
  79.  
  80.  
  81.  
  82.  
  83.  
  84. /* Skins*/
  85. .wvd-skins{width:449px; height:210px; text-align:center; overflow:auto;outline-offset:1px;margin-top:0px;margin-left:4px;}
  86. .wvd-skins img{width:60px; height:60px;border-radius:100px;border:1px solid white;border:3px solid lightblue;}
  87. .wvd-skins a{display:inline-block; width:70px;opacity:0.8; margin:2px; overflow:hidden; transition:1s;}
  88. .wvd-skins a:hover{opacity:1;-webkit-animation: duds 2000ms alternate infinite linear;-moz-animation: duds 1200ms alternate infinite linear;-ms-animation: duds 1300ms alternate infinite linear;}
  89.  
  90. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  91. @-webkit-keyframes duds {
  92. 0% { -webkit-transform: translate(4px, 2px) rotate(5deg); }
  93. 10% { -webkit-transform: translate(-4px, -2px) rotate(-2deg); }
  94. 20% { -webkit-transform: translate(2px, 4px) rotate(3deg);-webkit-border-radius: 10px 10px 10px 10px; }
  95. 30% {-webkit-transform: translate(0px, 2px) rotate(0deg); }
  96. 40% { -webkit-transform: translate(4px, -5px) rotate(1deg);}
  97. 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  98. 60% { -webkit-transform: translate(-3px, 1px) rotate(5deg); }
  99. 70% { background:#fff;-webkit-transform: translate(2px, 1px) rotate(-1deg); }
  100. 80% { -webkit-transform: translate(-3px, -1px) rotate(1deg); }
  101. 90% { -webkit-transform: translate(2px, 2px) rotate(-1deg); }
  102. 100% { -webkit-transform: translate(3px, -2px) rotate(2deg); }}
  103.  
  104.  
  105.  
  106. b, strong {color:#000;text-shadow:1px 1px 1px gray;}
  107.  
  108.  
  109. h1 {color:#f9f9f9;text-shadow:1px 1px 1px gray;font-family: 'Aclonica', sans-serif;font-size:20px;}
  110.  
  111.  
  112.  
  113.  
  114.  
  115. /***************** credito ****************/
  116.  
  117.  
  118. .cred {width:auto;height:auto; text-align:center;;margin-top:0px;
  119. position:fixed;left:20px;line-height:15%;font-size:10px;margin-top:470px;border:1px dotted lightblue ;padding:5px;}
  120. .cred a {color:gray;text-shadow:2px 2px 1px lightblue;font-family: 'Gorditas', cursive;}
  121.  
  122.  
  123.  
  124.  
  125. /***************** credito ****************/
  126.  
  127.  
  128.  
  129. </style>
  130.  
  131.  
  132. <body onkeydown="return false">
  133.  
  134.  
  135.  
  136.  
  137.  
  138. <div class="warvada"> <!-- INICIO DA CENTRALIZAÇÃO DO THEME----->
  139.  
  140.  
  141. <div class="cred">
  142. <h3><a href="http://codeiner.tumblr.com">theme by codeiner</a></h3>
  143. </div>
  144.  
  145.  
  146.  
  147.  
  148. <div class="titulo">{title}</div><!-- TITULO DO THEME ----->
  149.  
  150.  
  151. <div class="wvd-menu"> <!-- INICIO DO MENU PRINCIPAL ----->
  152.  
  153. <a href="/">Themes</a>
  154.  
  155. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('wvd-box').innerHTML=document.getElementById('themes').innerHTML">Skins</a>
  156.  
  157. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('wvd-box').innerHTML=document.getElementById('skins').innerHTML">Banners</a>
  158.  
  159. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('wvd-box').innerHTML=document.getElementById('extrass').innerHTML">Icons</a>
  160.  
  161.  
  162.  
  163. </div> <!-- FINAL DO MENU PRINCIPAL ----->
  164.  
  165.  
  166.  
  167. <div id="wvd-box"> <!-- INICIO DA CAIXA DO I-FRAME -->
  168. <!--Tudo o que você colocar aqui vai sumir quando clicar no menu principal-->
  169. <center><h1>Quem faz themes</h1></center>
  170. <div class="wvd-skins">
  171. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  172. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  173. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  174. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  175. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  176. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  177. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  178. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  179. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  180. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  181. </div>
  182. </center>
  183. </div> <!-- FINAL DA CAIXA DO I-FRAME -->
  184.  
  185.  
  186.  
  187.  
  188. </div> <!-- FINAL DA CENTRALIZAÇÃO DO THEME----->
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. <!-- AQUI É O COMEÇO DO I-FRAME --------------------------------------------->
  196.  
  197. <!-- I-FRAME: Caixa dos themes -->
  198.  
  199.  
  200. <div id="themes" style="display:none">
  201. <center><h1>Quem faz Skins</h1></center>
  202. <div class="wvd-skins">
  203. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  204. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  205. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  206. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  207. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  208. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  209. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  210. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  211. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  212. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  213.  
  214. </div>
  215.  
  216. </div>
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225. <!-- I-FRAME: Caixa das skins -->
  226. <div id="skins" style="display:none">
  227. <center><h1>Quem disponibiliza Banners</h1></center>
  228. <div class="wvd-skins">
  229. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  230. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  231. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  232. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  233. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  234. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  235. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  236. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  237. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  238. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  239.  
  240. </div>
  241. </div>
  242.  
  243.  
  244.  
  245. <div id="extrass" style="display:none">
  246. <center><h1>Quem Disponibiliza Icons</h1></center>
  247. <div class="wvd-skins">
  248. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  249. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  250. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  251. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  252. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  253. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  254. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  255. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  256. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  257. <a href="http://codeiner.tumblr.com" title="nomezinho" ><img src="http://api.tumblr.com/v2/blog/codeiner.tumblr.com/avatar/96/"></a>
  258.  
  259. </div>
  260.  
  261.  
  262. <!-- I-FRAME: Caixa dos extras -->
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269. <!-- Procure por "warvada" e coloque sua url no lugar! -->
  270. </div>
  271.  
  272.  
  273. <!-- AQUI É O FINAL DO I-FRAME ---------------------------------------------->
  274.  
  275.  
  276. </body>
  277. </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!