API tools faq
paste
Advertisement
helpdesigns

Theme Parceiros 3 #Juh 04/07

helpdesigns
Jul 3rd, 2014
236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.41 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{favicon}">
  5.  
  6. <style>
  7.  
  8. a {color: #aaa; text-decoration: none; text-transform: none;}
  9. a:hover {color:#aaa; background-color: transparent; text-decoration: none;}
  10. body {background-color:#fff; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url(''); background-attachment: fixed; }
  11. .photo{width:120px;height:25px;float:left;margin-left:-6px; margin-top:-5px;position:absolute;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;}
  12. .photo a {display: inline-block;float: left; background-color:rgba(225,225,225,0.5); margin-left:1px ;height:18px; width:120px; font-size: 8px; font-family:'PF Arma Five';overflow:hidden;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;color:#fff;line-height:18px;text-align:center;opacity:1;line-height: 15px}
  13. .style:hover .photo a{opacity:1;height:120px;}
  14. /* código leodicapriio */
  15. #stuff{width:700px;padding:10px;z-index:1;background:;margin-top:50px;}
  16. #stuff {width:950px;margin-left:165px;text-align:center;}
  17. #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;}
  18. .style{display:inline-block;background:;position:center;width:110px;margin-left:90px;margin-bottom:40px;padding:12px;height:110px;border:1px solid #eee;}
  19. /*******Por juh - futurasuicida usar credite ao helpdesigns.**********/
  20. #creditos {width:388px; height: 42px; float: left; margin-left:5px; margin-top:-45px; position: fixed; z-index: 999999999999999999;}
  21. #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;}
  22. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  23. /******by helpdesigns || Se usar credite por favor. *********/
  24. .menualys {margin-top:-40px;margin-left:200px;width:1000px;height:26px;line-height:26px;position:absolute;text-align:center;font-family:JOURNAL;font-size:35px;color:#aaa;}
  25. .menualys a {color:#c6d8e5;text-shadow:1px 1px 0px #edf1f3;margin-left:13px;}
  26. .menualys a:hover{color:#457fa7;}
  27.  
  28. @font-face {src: url('http://static.tumblr.com/fyc2dbo/udUmw4of7/journal.ttf');font-family:JOURNAL; }
  29. /*helpdesigns*/
  30. #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;
  31.  
  32.  
  33. </style>
  34. <script type="text/javascript"
  35. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("[title]").style_my_tooltips();
  41. });
  42. })(jQuery);
  43. </script>
  44.  
  45. <script type="text/javascript">
  46. function changeNavigation(id) {document.getElementById('help').innerHTML=document.getElementById(id).innerHTML}
  47. </script>
  48.  
  49.  
  50.  
  51.  
  52. <div id="creditos" title="Theme por helpdesigns | Base leodicapriio">
  53. <a href="http://helpdesigns.tumblr.com/">Theme</a></div>
  54. </div></div>
  55.  
  56. <body>
  57. <div class="menualys">
  58. <a href="/">Parceiros</a>
  59. <a><span onClick="changeNavigation('02')">Afiliados</a>
  60. </div>
  61. </div>
  62.  
  63.  
  64. <div id="stuff"><div id="help">
  65.  
  66. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  67. <div class="style">
  68. <div class="photo"><a href="#">nome do parceiro<br>
  69. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  70. </a></div>
  71. <img src="https://38.media.tumblr.com/a3bab7f859b6076aa90bc4637660d37c/tumblr_n7nbbmqFjO1rs44kno1_250.png"/>
  72. </div>
  73. <!-----aqui. E colocar a baixo.--->
  74.  
  75.  
  76. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  77. <div class="style">
  78. <div class="photo"><a href="#">nome do parceiro<br>
  79. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  80. </a></div>
  81. <img src="https://31.media.tumblr.com/efe3553cbd5b1307c45a49fbf61c631b/tumblr_n7nbbmqFjO1rs44kno2_250.png"/>
  82. </div>
  83. <!-----aqui. E colocar a baixo.--->
  84.  
  85.  
  86. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  87. <div class="style">
  88. <div class="photo"><a href="#">nome do parceiro<br>
  89. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  90. </a></div>
  91. <img src="https://38.media.tumblr.com/a156276461ed7d6e599807fc0db2be98/tumblr_n7nbbmqFjO1rs44kno3_250.png"/>
  92. </div>
  93. <!-----aqui. E colocar a baixo.--->
  94.  
  95.  
  96. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  97. <div class="style">
  98. <div class="photo"><a href="#">nome do parceiro<br>
  99. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  100. </a></div>
  101. <img src="https://38.media.tumblr.com/bdd9097212c6ddb47df06eede1711947/tumblr_n7nbbmqFjO1rs44kno4_250.png"/>
  102. </div>
  103. <!-----aqui. E colocar a baixo.--->
  104.  
  105.  
  106.  
  107. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  108. <div class="style">
  109. <div class="photo"><a href="#">nome do parceiro<br>
  110. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  111. </a></div>
  112. <img src="https://33.media.tumblr.com/666c6e98d8252fb68439745e78b292f9/tumblr_n7nbbmqFjO1rs44kno5_250.png"/>
  113. </div>
  114. <!-----aqui. E colocar a baixo.--->
  115.  
  116.  
  117. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  118. <div class="style">
  119. <div class="photo"><a href="#">nome do parceiro<br>
  120. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  121. </a></div>
  122. <img src="https://38.media.tumblr.com/de3acf0d7e60d7ef1231147b758195ac/tumblr_n72kasLbbm1rs44kno2_250.png"/>
  123. </div>
  124. <!-----aqui. E colocar a baixo.--->
  125.  
  126.  
  127. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  128. <div class="style">
  129. <div class="photo"><a href="#">nome do parceiro<br>
  130. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  131. </a></div>
  132. <img src="https://33.media.tumblr.com/9470d99507e7da1c644266eb90366acb/tumblr_n72kasLbbm1rs44kno4_250.png"/>
  133. </div>
  134. <!-----aqui. E colocar a baixo.--->
  135.  
  136.  
  137.  
  138. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  139. <div class="style">
  140. <div class="photo"><a href="#">nome do parceiro<br>
  141. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  142. </a></div>
  143. <img src="https://31.media.tumblr.com/0b3c37d7ed91586354f241cb48ec061d/tumblr_n72kasLbbm1rs44kno5_250.png"/>
  144. </div>
  145. <!-----aqui. E colocar a baixo.--->
  146.  
  147.  
  148. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  149. <div class="style">
  150. <div class="photo"><a href="#">nome do parceiro<br>
  151. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  152. </a></div>
  153. <img src="https://38.media.tumblr.com/decef47bf024694d69430bd813ba1c21/tumblr_n72kasLbbm1rs44kno1_250.png"/>
  154. </div>
  155. <!-----aqui. E colocar a baixo.--->
  156.  
  157. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  158. <div class="style">
  159. <div class="photo"><a href="#">nome do parceiro<br>
  160. Um pouco sobre o seu parceiro aqui pra ficar bem cute e desse tamanho.
  161. </a></div>
  162. <img src="https://38.media.tumblr.com/1158711cf9de2a52ea997b9c9863b25c/tumblr_n72kasLbbm1rs44kno3_250.png"/>
  163. </div>
  164. <!-----aqui. E colocar a baixo.--->
  165.  
  166.  
  167. </div></div></div></div>
  168.  
  169.  
  170. <div id="02" style="display:none">
  171. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  172. <div class="style">
  173. <div class="photo"><a href="#">nome do afiliado<br>
  174. Um pouco sobre o seu afiliado aqui pra ficar bem cute e desse tamanho.
  175. </a></div>
  176. <img src="https://38.media.tumblr.com/3df5c74012a55f229ad16d0d87cf1ad9/tumblr_n72kasLbbm1rs44kno8_250.png"/>
  177. </div>
  178. <!-----aqui. E colocar a baixo.--->
  179.  
  180. <!-----Para colocar mais parceiros e só copiar o código daqui até--->
  181. <div class="style">
  182. <div class="photo"><a href="#">nome do afiliado<br>
  183. Um pouco sobre o seu afiliado aqui pra ficar bem cute e desse tamanho.
  184. </a></div>
  185. <img src="https://38.media.tumblr.com/cbd1bd51b2859c5abc314b11cd90aa51/tumblr_n72kasLbbm1rs44kno6_250.png"/>
  186. </div>
  187.  
  188. </div>
  189. </div>
  190.  
  191.  
  192. </div>
  193. </div>
  194.  
  195.  
  196.  
  197. </body>
  198.  
  199. </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!