API tools faq
paste
Advertisement
helpdesigns

Theme Parceiros #Juh 22/12

helpdesigns
Dec 21st, 2013
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  4.  
  5. <meta name="color:background" content="#ffffff" />
  6. <meta name="color:faixa" content="#eee" />
  7. <meta name="color:bordafaixa" content="#eee" />
  8. <meta name="color:frase" content="#fff" />
  9. <meta name="color:textdesc" content="#fff" />
  10. <meta name="color:bordafoto" content="#eee" />
  11. <meta name="color:linkhover" content="#fff" />
  12. <meta name="color:link" content="#fff" />
  13.  
  14. <meta name="image:background" content=""/>
  15. <meta name="image:imagemfaixa" content=""/>
  16. <meta name="text:titulo" content="Partners" />
  17.  
  18. <meta name="text:Link1" content="/" />
  19. <meta name="text:Link1 Title" content="Home" />
  20. <meta name="text:Link2" content="/ask" />
  21. <meta name="text:Link2 Title" content="Vago" />
  22. <meta name="text:Link3" content="/" />
  23. <meta name="text:Link3 Title" content="Vagp" />
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <style type="text/css">
  32. body {color:; opacity:1; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  33.  
  34. a:link, a:active, a:visited{ color: ; text-decoration:none; -webkit-transition-duration: 0.4s; }
  35.  
  36. a:hover{color:;}
  37.  
  38. #faixa {position: fixed; margin-left: -100px; width:8000px; height: 160px; background-color:{color:faixa}; margin-top: -210px; z-index: 999999999999999999;border-bottom:4px solid {color:bordafaixa};background-image: url('{image:imagemfaixa}');}
  39.  
  40. .frase {text-align: center;font-family:georgia;font-size: 55px; font-style:italic;height: 30px;color: {color:frase}; margin-left:450px;margin-top:-170px; text-transform: none;position:fixed;width:500px;line-height:12px;z-index: 999999999999999999;}
  41.  
  42. #dessc {position:fixed; width: 590px; height:38px; font-family:calibri;font-size:11px;color: {color:textdesc}; margin-top: -130px;margin-left:400px; overflow:hidden;line-height: 17px; z-index: 999999999999999999;}
  43.  
  44. /*helpdesigns*/
  45. #linkhalf {width:388px; height: 42px; float: left; margin-left:570px; margin-top:-80px; text-align: center; position: fixed; z-index: 999999999999999999;}
  46. #linkhalf a {display: inline-block;float: left; font: 15px calibri;text-align:center text-align: center; margin-top: 0px; height: 25px; width: 70px; color:{color:link}; line-height: 25px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; -webkit-transition: all 0.5s ease-in-out; z-index: 999999999999999999;}
  47. #linkhalf a:hover{color:{color:linkhover};}
  48. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  49. #s-m-t-tooltip {max-width:300px; 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:#aaa;z-index: 9999999999999999999999999999999;border:1px solid #eee;}
  50.  
  51.  
  52. /* código leodicapriio */
  53. #stuff{width:800px;padding:10px;z-index:1;background:;margin-top:200px;}
  54. #stuff {width:950px;margin-left:140px;text-align:center;}
  55. #stuff img{width:120px;height:120px;margin-top:-5px;margin-left:-5px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
  56. .style{display:inline-block;background:{color:background};position:center;width:110px;margin-left:90px;margin-bottom:40px;padding:12px;height:110px;border:1px solid {color:bordafoto};}
  57.  
  58.  
  59. /* efeito ch modificado por mim. */
  60. .modxr{width:120px;height:25px;float:left;margin-left:-6px; margin-top:97px;position:absolute;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;}
  61. .modxr a {display: inline-block;float: left; margin-left:1px ;height:18px; width:120px; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out;background-color:rgba(225,225,225,0.7);;overflow:hidden;color:#fff;font-family:georgia; font-style:italic; font-size:10px;line-height:18px;text-align:center;opacity:1;line-height: 15px}
  62. .style:hover .modxr a{opacity:1;width:120px;margin-top:-60px;height:78px;}
  63.  
  64. /*******Por juh - futurasuicida usar credite ao helpdesigns.**********/
  65. #creditos {width:388px; height: 42px; float: left; margin-left:5px; margin-top:-195px; position: fixed; z-index: 999999999999999999;}
  66. #creditos a {display: inline-block;float: left; font: 8px PF Arma Five; height: 23px; width: 8%;color:{color:link}; line-height: 22px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; -webkit-transition: all 0.99s ease-in-out;overflow: hidden;z-index: 999999999999999999;}
  67. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  68.  
  69.  
  70. #tumblr_controls{position: fixed!important}
  71. #tumblr_controls{position: fixed!important}
  72. #tumblr_controls{position: fixed!important}
  73. #tumblr_controls{position: fixed!important}
  74.  
  75. ::-webkit-scrollbar{width:7px;height:6px;}
  76. ::-webkit-scrollbar-button:start:decrement
  77. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  78. ::-webkit-scrollbar-trxack-piece{background-color: #ffffff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  79. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: ;-webkit-border-radius:10px;}
  80. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: ;-webkit-border-radius:10px;}
  81. </style>
  82. <script type="text/javascript"
  83. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  84. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("[title]").style_my_tooltips();
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93. <body>
  94.  
  95.  
  96. <div id="faixa"></div>
  97. <div id="creditos" title="Theme por helpdesigns | Base leodicapriio - Dts connectionhtml">
  98. <a href="http://helpdesigns.tumblr.com/">Theme</a></div>
  99. </div></div>
  100.  
  101. <div class="frase">Partners</div>
  102. <div id="dessc">A descrição vai ficar aqui bem linda e bem sex;A descrição vai ficar aqui bem linda e bem sex;A descrição vai ficar aqui bem linda e bem sex;A descrição vai ficar aqui bem linda e bem sex;A descrição vai ficar aqui bem linda e bem sex;</div>
  103.  
  104. <div id="linkhalf">
  105. <a href="{text:Link1}">{text:Link1 Title}</a>
  106. <a href="{text:Link2}">{text:Link2 Title}</a>
  107. <a href="{text:Link3}">{text:Link3 Title}</a>
  108. </a></div>
  109.  
  110. <div id="stuffcontainer">
  111.  
  112. <div id="stuff">
  113.  
  114.  
  115.  
  116. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  117. <div class="style">
  118. <div class="modxr"><a href="#">nome do parceiro<br>
  119. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  120. </a></div>
  121. <img src="http://media.tumblr.com/dce0773ee686b5c45190be23b11c46c4/tumblr_inline_mwv994ISIf1recjli.png"/>
  122. </div>
  123. <!-----aqui. E colocar a baixo.--->
  124.  
  125. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  126. <div class="style">
  127. <div class="modxr"><a href="#">nome do parceiro<br>
  128. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  129. </a></div>
  130. <img src="http://media.tumblr.com/c797d7b42e4ad9e5aa12f9e2f2ef8810/tumblr_inline_mwrydbr7WS1recjli.png"/>
  131. </div>
  132. <!-----aqui. E colocar a baixo.--->
  133.  
  134. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  135. <div class="style">
  136. <div class="modxr"><a href="#">nome do parceiro<br>
  137. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  138. </a></div>
  139. <img src="http://media.tumblr.com/fd6b4838124bafbe0b589ac9fbdda72d/tumblr_inline_mwsx2mS9QG1recjli.png"/>
  140. </div>
  141. <!-----aqui. E colocar a baixo.--->
  142.  
  143. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  144. <div class="style">
  145. <div class="modxr"><a href="#">nome do parceiro<br>
  146. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  147. </a></div>
  148. <img src="http://media.tumblr.com/35ea0f47c17d6e1ee0a6d961fc8bef41/tumblr_inline_mwsu6fBEJk1recjli.png"/>
  149. </div>
  150. <!-----aqui. E colocar a baixo.--->
  151.  
  152.  
  153. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  154. <div class="style">
  155. <div class="modxr"><a href="#">nome do parceiro<br>
  156. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  157. </a></div>
  158. <img src="http://media.tumblr.com/0f319e5766e11b6f859168e3078e01f8/tumblr_inline_mws7beFY5O1recjli.png"/>
  159. </div>
  160. <!-----aqui. E colocar a baixo.--->
  161.  
  162.  
  163.  
  164. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  165. <div class="style">
  166. <div class="modxr"><a href="#">nome do parceiro<br>
  167. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  168. </a></div>
  169. <img src="http://media.tumblr.com/a08aad520ff5514e299f561e80a0b294/tumblr_inline_mwp9o8QMRx1recjli.png"/>
  170. </div>
  171. <!-----aqui. E colocar a baixo.--->
  172.  
  173.  
  174. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  175. <div class="style">
  176. <div class="modxr"><a href="#">nome do parceiro<br>
  177. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  178. </a></div>
  179. <img src="http://media.tumblr.com/58468be5081a2a6382792a66569175ae/tumblr_inline_mwq7wiMdQc1recjli.png"/>
  180. </div>
  181. <!-----aqui. E colocar a baixo.--->
  182.  
  183. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  184. <div class="style">
  185. <div class="modxr"><a href="#">nome do parceiro<br>
  186. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  187. </a></div>
  188. <img src="https://31.media.tumblr.com/3ce8c151fb58c5b81c155919206e38a0/tumblr_inline_my1aygbFdW1rc4obr.png"/>
  189. </div>
  190. <!-----aqui. E colocar a baixo.--->
  191.  
  192.  
  193.  
  194. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  195. <div class="style">
  196. <div class="modxr"><a href="#">nome do parceiro<br>
  197. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  198. </a></div>
  199. <img src="http://media.tumblr.com/ccbe3c455c29633031fe5f3dc6df2d70/tumblr_inline_mws16oQnkz1recjli.png"/>
  200. </div>
  201. <!-----aqui. E colocar a baixo.--->
  202.  
  203. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  204. <div class="style">
  205. <div class="modxr"><a href="#">nome do parceiro<br>
  206. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  207. </a></div>
  208. <img src="http://media.tumblr.com/4c3540087c7e17cc7344ca203c6078ad/tumblr_inline_mwmyzhGO981recjli.png"/>
  209. </div>
  210. <!-----aqui. E colocar a baixo.--->
  211.  
  212. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  213. <div class="style">
  214. <div class="modxr"><a href="#">nome do parceiro<br>
  215. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  216. </a></div>
  217. <img src="http://media.tumblr.com/11a52b5ed787d239dc0960e5467e2a2c/tumblr_inline_mwn0xwdAoW1recjli.png"/>
  218. </div>
  219. <!-----aqui. E colocar a baixo.--->
  220.  
  221. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  222. <div class="style">
  223. <div class="modxr"><a href="#">nome do parceiro<br>
  224. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  225. </a></div>
  226. <img src="http://media.tumblr.com/4987ea0ef85892f5c18edb3d731ba7cd/tumblr_inline_mwn9ibGFde1recjli.png"/>
  227. </div>
  228. <!-----aqui. E colocar a baixo.--->
  229.  
  230. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  231. <div class="style">
  232. <div class="modxr"><a href="#">nome do parceiro<br>
  233. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  234. </a></div>
  235. <img src="http://media.tumblr.com/076e88105256d3f5d27f0a726eed3658/tumblr_inline_mxbhrryt9V1rc4obr.png"/>
  236. </div>
  237. <!-----aqui. E colocar a baixo.--->
  238.  
  239. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  240. <div class="style">
  241. <div class="modxr"><a href="#">nome do parceiro<br>
  242. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  243. </a></div>
  244. <img src="https://31.media.tumblr.com/8a35bb570cbd4cc1a0861dc47415b2f1/tumblr_inline_my0x3neiFu1srej8w.png"/>
  245. </div>
  246. <!-----aqui. E colocar a baixo.--->
  247.  
  248. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  249. <div class="style">
  250. <div class="modxr"><a href="#">nome do parceiro<br>
  251. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  252. </a></div>
  253. <img src="https://31.media.tumblr.com/d3813c70b89500d5557cc8bb09ba5604/tumblr_mxvtfcX4eP1s0hldwo3_250.png"/>
  254. </div>
  255. <!-----aqui. E colocar a baixo.--->
  256.  
  257. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  258. <div class="style">
  259. <div class="modxr"><a href="#">nome do parceiro<br>
  260. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  261. </a></div>
  262. <img src="https://31.media.tumblr.com/45dcbda2a540de871545fecc9b3e5794/tumblr_inline_mxtz9dHgSv1rc4obr.png"/>
  263. </div>
  264. <!-----aqui. E colocar a baixo.--->
  265.  
  266. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  267. <div class="style">
  268. <div class="modxr"><a href="#">nome do parceiro<br>
  269. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  270. </a></div>
  271. <img src="https://31.media.tumblr.com/b1bb0b383c1c640d1f5006af4a3a7217/tumblr_inline_mxs4icfO4G1rc4obr.png"/>
  272. </div>
  273. <!-----aqui. E colocar a baixo.--->
  274.  
  275. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  276. <div class="style">
  277. <div class="modxr"><a href="#">nome do parceiro<br>
  278. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  279. </a></div>
  280. <img src="https://31.media.tumblr.com/796bae7abeb281f7b83838e14e2a495a/tumblr_inline_mxq6ydRlzv1rc4obr.png"/>
  281. </div>
  282. <!-----aqui. E colocar a baixo.--->
  283.  
  284. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  285. <div class="style">
  286. <div class="modxr"><a href="#">nome do parceiro<br>
  287. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  288. </a></div>
  289. <img src="http://media.tumblr.com/26b3e7c2410c043f084eef61eeb8a4d8/tumblr_inline_mxgvdm8Adh1rc4obr.png"/>
  290. </div>
  291. <!-----aqui. E colocar a baixo.--->
  292.  
  293. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  294. <div class="style">
  295. <div class="modxr"><a href="#">nome do parceiro<br>
  296. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.</descr>
  297. </a></div>
  298. <img src="https://31.media.tumblr.com/12999d67f54695e6143bfd2788b492e9/tumblr_inline_mxodxjVPol1rc4obr.png"/>
  299. </div>
  300. <!-----aqui. E colocar a baixo.--->
  301.  
  302. </body>
  303. </head>
  304. </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!