API tools faq
paste
thaisz

Vitrine de theme 01

thaisz
Nov 3rd, 2014
237
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.52 KB | None | 0 0
raw download clone embed print report
  1. <!------------------❀ ✿ THEME POR SURFLOWERR ❀ ✿--------------->
  2.  
  3.  
  4. <head>
  5.  
  6.  
  7.  
  8.  
  9. <meta name="color:background" content="#ffffff" />
  10. <meta name="image:background" content="" />
  11. <meta name="color:text" content="#000" />
  12. <meta name="color:link" content="#000" />
  13. <meta name="color:hover" content="#000" />
  14. <meta name="color:frase" content="#000" />
  15. <meta name="image:foto" content="" />
  16. <meta name="text:frase" content="frase aqui" />
  17.  
  18. <meta name="text:Link1" content="/" />
  19. <meta name="text:Link1 Title" content="link" />
  20. <meta name="text:Link2" content="/" />
  21. <meta name="text:Link2 Title" content="link" />
  22. <meta name="text:Link3" content="/" />
  23. <meta name="text:Link3 Title" content="link" />
  24. <meta name="text:Link4" content="/" />
  25. <meta name="text:Link4 Title" content="link" />
  26.  
  27.  
  28.  
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6pomyVYe1qfoi4t.gif">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36.  
  37.  
  38. <script type="text/javascript">
  39. function changeNavigation(id) {document.getElementById('caixatheme').innerHTML=document.getElementById(id).innerHTML}
  40. </script>
  41.  
  42. </head>
  43.  
  44.  
  45. <style type="text/css">
  46. body {background-color:{color:background}; font-family:Tahoma; font-size:12px; color:#ff90c6; background:url('{image:background}'); background-repeat:no-repeat; background-image:fixed;}
  47. a {color:#ff90c6;text-decoration:none;}
  48. a:hover{color:{color:hover};text-decoration:none}
  49. p {margin: 6px 0 0 0}
  50.  
  51.  
  52. iframe#tumblr_controls {
  53. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  54.  
  55.  
  56. ::-webkit-scrollbar{width:3px;height:10px;}
  57. ::-webkit-scrollbar-button:start:decrement
  58. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  59. ::-webkit-scrollbar-track-piece{background-color:{color:background} ; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  60. ::-webkit-scrollbar-thumb:vertical{height:40px;background-color:#FF90C6;-webkit-border-radius:2px;}
  61.  
  62. #sidebar{position:fixed;width:auto;height:auto;margin-left:370px;margin-top:130px;}
  63.  
  64. /********************VITRINE DE THEME************************/
  65.  
  66. #caixatheme{position:fixed;width:208px;height:240px;border:2px solid #FF90C6;margin-left:0px;margin-top:10px;z-index:99999999999999;}
  67.  
  68.  
  69.  
  70. #feminino{z-index:7;position:fixed; width: 205px; height: 164px;; font-size: 10px;font-family:calibri; background-color:#fff ;margin-top:3px; margin-left:3px; overflow: auto;z-index:999;}
  71. .fem a {float: left; display: block; letter-spacing: 0px; font-family: calibri; font-size: 10px; text-align: center; margin-right: 2px; margin-bottom:2px; width:95px; text-decoration: none; text-transform: lowercase; line-height: 28px;; background-color:#fff ; border:1px dashed #FF90C6;color:#FF90C6;text-transform:uppercase;}
  72. .fem a:hover{background:#ff90c6;color:#fff;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s}
  73.  
  74. /**************MASCULINO***/
  75.  
  76. #masculino{z-index:7;position:fixed; width: 205px; height: 164px; font-size: 10px;font-family:calibri;margin-top:3px; margin-left:3px; overflow: auto;background:#fff;}
  77. .masc a {float: left; display: block; letter-spacing: 0px; font-family: calibri; font-size: 10px; text-align: center; margin-right: 1px; margin-bottom:1px; width:95px; text-decoration: none; text-transform: lowercase; line-height: 28px;; background-color:#fff ; border:1px dashed #FF90C6;color:#FF90C6;text-transform:uppercase;}
  78. .masc a:hover{background:#ff90c6;color:#fff;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s}
  79.  
  80.  
  81.  
  82. /************COLUNA**/
  83.  
  84. #coluna{z-index:7;position:fixed; width: 205px; height: 164px;; font-size: 10px;font-family:calibri;margin-top:3px; margin-left:3px; overflow: auto;background:#fff;;}
  85. .colu a {float: left; display: block; letter-spacing: 0px; font-family: calibri; font-size: 10px; text-align: center; margin-right: 1px; margin-bottom:1px; width:95px; text-decoration: none; text-transform: lowercase; line-height: 28px;; background-color:#fff ; border:1px dashed #FF90C6;color:#FF90C6;text-transform:uppercase;}
  86. .colu a:hover{background:#ff90c6;color:#fff;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s}
  87.  
  88.  
  89. #skins{overflow:auto;padding:2px;position:fixed;margin-left:1px;margin-top:0px;width:203px;height:165px;background:#fff;}
  90. #skins img{width:auto;height:24;border-bottom:1px dashed #ff90c6;}
  91.  
  92. #skins img:hover{-webkit-filter: opacity(0.3);;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s}
  93.  
  94. /*******************TITULOS***********************/
  95.  
  96. #menu{position:fixed;margin-left:-4px;margin-top:-17px;padding:2px;}
  97. #menu a{float: left; display: block;background:#FF90C6;font-size:12px;margin:2px;line-height:15px;padding:4px;font-family:Berlin Sans FB;color:#FFF;width:60px;height:15px;text-align:center;text-decoration:none;border-radius: 10px 10px 0px 0px;}
  98.  
  99. #faixa{position:fixed;width:208px;margin-left:0px;margin-top:180px;border:1px solid #ff90c6;}
  100.  
  101. #regras{position:fixed;margin-left:3px;margin-top:183px;background:#fff;font-family:calibri;font-size:9px;width:205px;height:66px;text-transform:uppercase;padding:1px;color:#ff90c6;text-decoration:none;text-align:left;}
  102.  
  103. #thai{position:fixed;width:208px;color:#fff;font-family:Berlin Sans FB;font-size:14px;text-decoration:none;text-align:center;margin-top:252px;margin-left:0px;background:#ff90c6;padding:2px;}
  104. #thai a{color:#fff;text-shadow:0px -5px 1px transparent, 0px 10px 1px transparent}
  105. #thai a:hover {text-shadow:0px 0px 0px #fff, 0px 0px 0px #fff;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s}
  106.  
  107.  
  108.  
  109. </style>
  110.  
  111. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  112.  
  113.  
  114. <div id="sidebar">
  115.  
  116. <div id="thai">
  117. <a href=" URL DO LINK"> LINK 1</a> <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/heart_rosinha.gif">
  118. <a href=" URL DO LINK"> LINK 2</a> <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/heart_rosinha.gif">
  119. <a href=" URL DO LINK"> LINK 3</a>
  120. </div>
  121.  
  122.  
  123. <div id="faixa"></div>
  124.  
  125. <div id="regras">
  126. <div style="padding-top:9px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:12px; line-height:0px; text-align:center; color:#FE61AE;"><B>REGRAS</B></div><br>
  127. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/heart_rosinha.gif">regras aqui <br>
  128.  
  129. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/heart_rosinha.gif">regras aqui <br>
  130.  
  131. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/heart_rosinha.gif">regras aqui <br>
  132.  
  133. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/heart_rosinha.gif">regras aqui
  134. </div>
  135. <div id="caixatheme">
  136.  
  137. <!---------THEMES FEMININO------------->
  138.  
  139.  
  140. <div id="feminino" class="fem">
  141.  
  142. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  143.  
  144.  
  145. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  146.  
  147.  
  148.  
  149. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  150.  
  151.  
  152.  
  153. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  154.  
  155.  
  156.  
  157. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  158.  
  159.  
  160. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  161.  
  162.  
  163. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  164.  
  165.  
  166. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  167.  
  168.  
  169. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  170.  
  171.  
  172. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  173.  
  174.  
  175. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  176.  
  177.  
  178. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  179.  
  180.  
  181. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  182.  
  183. </div>
  184.  
  185. </div>
  186.  
  187. <div id="menu">
  188. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('caixatheme').innerHTML=document.getElementById('01').innerHTML">Theme M.</a>
  189.  
  190. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('caixatheme').innerHTML=document.getElementById('02').innerHTML">Theme C.</a>
  191.  
  192. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('caixatheme').innerHTML=document.getElementById('03').innerHTML">Mini Skins</a>
  193. </div>
  194.  
  195.  
  196.  
  197.  
  198. <div id="01" style="display:none">
  199. <div id="masculino" class="masc">
  200.  
  201. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  202.  
  203.  
  204. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  205.  
  206.  
  207.  
  208. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  209.  
  210.  
  211.  
  212. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  213.  
  214.  
  215.  
  216. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  217.  
  218.  
  219. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  220.  
  221.  
  222. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  223.  
  224.  
  225. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  226.  
  227.  
  228. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  229.  
  230.  
  231. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  232.  
  233.  
  234. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  235.  
  236.  
  237. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  238.  
  239.  
  240. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  241.  
  242.  
  243.  
  244. </div></div>
  245. </div>
  246.  
  247. <div id="02" style="display:none">
  248. <div id="coluna" class="colu">
  249. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  250.  
  251.  
  252. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  253.  
  254.  
  255.  
  256. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  257.  
  258.  
  259.  
  260. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  261.  
  262.  
  263.  
  264. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  265.  
  266.  
  267. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  268.  
  269.  
  270. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  271.  
  272.  
  273. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  274.  
  275.  
  276. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  277.  
  278.  
  279. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  280.  
  281.  
  282. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  283.  
  284.  
  285. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  286.  
  287.  
  288. <a href=" URL DA VISUALIZAÇÃO " target="_blank">THEME </a> <a href=" CÓDIGO ">Código</a>
  289.  
  290.  
  291. </div>
  292.  
  293. <div id="03" style="display:none">
  294. <div id="skins">
  295.  
  296.  
  297. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  298.  
  299. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  300.  
  301. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  302.  
  303. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  304.  
  305. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  306.  
  307. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  308.  
  309. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  310.  
  311. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  312.  
  313. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  314.  
  315. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  316.  
  317. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  318.  
  319. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  320.  
  321. <a href="CÓDIGO" target="_blank" title="Clique para pegar o código da skin "><img src="URL DA IMAGEM"></a>
  322.  
  323.  
  324. </div>
  325. </div>
  326.  
  327. </div>
  328.  
  329.  
  330. <a style="font-size:11px; color:#fff; font-family:calibri;position:fixed;bottom:25px;right:14px;font-weight:bold;padding:2px;background:#ff90c6;text-transform:uppercase "href="http://surflowerr.tumblr.com/">surflowerr</a></div>
  331.  
  332. </body>
  333. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!