API tools faq
paste
Advertisement
helpdesigns

Theme Parceiros 2 #Juh 10/01

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