API tools faq
paste
Advertisement
luciam

Tags page #1 español

luciam
Jan 8th, 2014
534
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.46 KB | None | 0 0
raw download clone embed print report
  1. <head><title>Tags</title>
  2. <link rel="shortcut icon" href="{Favicon}" />
  3.  
  4. </head>
  5. <!-------------------------------------------------
  6. TAGS PAGE #01 POR: http://robbarya.tumblr.com (INSTRUCCIONES EN EL CÓDIGO)
  7. ...................................................
  8. ...................................................
  9.  
  10. TÉRMINOS DE USO:
  11. - NO RECLAMAR COMO PROPIO
  12. - NO REMOVER O MOVER EL CRÉDITO
  13. - NO REDISTRIBUIR
  14. - NO USAR COMO BASE. PUEDES EDITAR LIBREMENTE, SIEMPRE Y CUANDO EL CRÉDITO PERMANEZCA EN SU LUGAR ORIGINAL- Gracias!
  15. --------------------------------------------->
  16.  
  17. <style type="text/css">
  18.  
  19. iframe#tumblr_controls{
  20. position:fixed !important;
  21. right:0px !important;
  22. z-index:999;
  23. }
  24.  
  25. body { background-color: #fff;} /*Cambiar color de fondo*/
  26.  
  27. ::-webkit-scrollbar-thumb:vertical {
  28. background-color: #ccc; /*Cambiar color de la barra de la barra de desplazamiento*/
  29. height:7px;
  30. border-bottom:2px solid #FFF; /*Asegúrate que coincida con el color de fondo*/
  31. border-top:2px solid #FFF;/*Asegúrate que coincida con el color de fondo*/
  32. }
  33.  
  34. ::-webkit-scrollbar {
  35. background-color: #fff; /*Asegúrate que coincida con el color de fondo*/
  36. height:7px;
  37. width:8px;
  38. }
  39.  
  40. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  41. display:block;
  42. height:10px;
  43. background-color: #7cc3ce ; /*Cambia el color del botón de desplazamiento*/
  44. }
  45.  
  46.  
  47. h1 {
  48. color: #FFF; /*Change the color of the tags titles*/
  49. background-color: #bacac7; /*Cambia el fondo de los títulos*/
  50. display: block;
  51. font-family: Verdana, Geneva, sans-serif;
  52. font-size: 8px;
  53. font-weight: normal;
  54. text-transform: uppercase;
  55. padding: 5px;
  56. width: 200px;
  57. text-align: center;
  58. letter-spacing: 0.12em;
  59. }
  60. table tr td {
  61. width: 200px;
  62. vertical-align: top;
  63. }
  64.  
  65. a, a:active, a:visited, a:hover {
  66. -webkit-transition: all 0.6s linear;
  67. -moz-transition: all 0.6s linear;
  68. -ms-transition: all 0.6s linear;
  69. -o-transition: all 0.6s linear;
  70. transition: all 0.6s linear;
  71. }
  72.  
  73. table a {
  74. width: 200px;
  75. font-family: calibri, sans-serif;
  76. font-size: 12px;
  77. display: block;
  78. text-align: left;
  79. line-height: 10px;
  80. color: #B6B6B6; /*Cambia el color de los tags*/
  81. text-decoration: none;
  82. text-transform: lowercase;
  83. padding: 2px;
  84. }
  85. table a:hover {
  86. color: #333; /*Cambia el color de los tags cuando el mouse está sobre ellos*/
  87. -webkit-transition: all 0.6s linear;
  88. -moz-transition: all 0.6s linear;
  89. -ms-transition: all 0.6s linear;
  90. -o-transition: all 0.6s linear;
  91. transition: all 0.6s linear;
  92. }
  93. #todo {
  94. width: 600px;
  95. margin: auto;
  96. margin-left: 350px;
  97. }
  98. .tagsidebar {
  99. position: fixed;
  100. width: 150px;
  101. margin-top: 150px;
  102. float: left;
  103. margin-left: 100px;
  104. z-index: -1;
  105. }
  106. .tagsidebar img {
  107. height: 150px;
  108. width: 150px;
  109. z-index: -1;
  110. -webkit-border-radius: 200px;
  111. -moz-border-radius: 200px;
  112. border-radius: 200px;
  113. }
  114. .tagstitulo {
  115. text-decoration:underline;
  116. font-family: calibri, sans-serif;
  117. text-transform:uppercase;
  118. color: #999; /*Cambia el color del título principal*/
  119. width: 150px;
  120. margin-top: 10px;
  121. letter-spacing: 0.3em;
  122. text-align: center;
  123. font-size: 13px;
  124. height: 13px;
  125. }
  126. .tagsvolver {
  127. color: #000;
  128. background-color: #FFF;
  129. height: 150px;
  130. width: 75px;
  131. margin-top: 150px;
  132. position: fixed;
  133. float: left;
  134. margin-left: 100px;
  135. text-align: center;
  136. opacity: 0.7;
  137. -webkit-border-top-left-radius: 200px;
  138. -webkit-border-bottom-left-radius: 200px;
  139. -moz-border-radius-topleft: 200px;
  140. -moz-border-radius-bottomleft: 200px;
  141. border-top-left-radius: 200px;
  142. border-bottom-left-radius: 200px;
  143. -o-transition-transition:0.8s;
  144. -webkit-transition-duration:0.8s;
  145. -moz-transition-duration:0.8s;
  146. }
  147. .tagsvolver a {
  148. color: #000;
  149. font-family: calibri;
  150. font-size: 14px;
  151. letter-spacing: 0.1em;
  152. line-height: 5px;
  153. text-align: center;
  154. text-decoration: none;
  155. display: block;
  156. }
  157. .tagsvolver:hover {
  158. color: #33F;
  159. opacity: 0.2;
  160. -o-transition-transition:0.8s;
  161. -webkit-transition-duration:0.8s;
  162. -moz-transition-duration:0.8s;
  163. }
  164. .tagslinks {
  165. margin-top: 330px;
  166. margin-left: 125px;
  167. z-index: 999;
  168. float:left;
  169. position: fixed;}
  170.  
  171. .tagslinks a {
  172. font-family: calibri, sans-serif;
  173. text-transform: uppercase;
  174. padding: 3px;
  175. color: #CCC; /*Cambia el color de los links laterales*/
  176. text-decoration: none;
  177. font-size: 8px;
  178. letter-spacing: 0.3em;
  179. text-align: right;
  180. }
  181.  
  182. .tagslinks a:hover {color:#698798;} /*Cambia el color de los links laterales cuando el mouse está sobre ellos*/
  183.  
  184. </style>
  185. </head>
  186.  
  187. <body>
  188. <a href="/"></a><div class="tagsvolver">
  189. <p>&nbsp;</p>
  190. <p><a href="/">VOLVER </a></p>
  191. <p><a href="/">←</a></p>
  192. </div></a>
  193. <div class="tagsidebar"><img src="http://static.tumblr.com/d4tdea8/82Bmz3hm7/tagsside.jpg" /> <!--------Cambia la imagen lateral, previamente subida aquí: http://www.tumblr.com/themes/upload_static_file - Luego copias el link que te genera entre las comillas--------->
  194. <div class="tagstitulo">Tags<!---Cambia el título principal!--></div></div>
  195. <div class="tagslinks"><a href="/">Volver</a></br><a href="/ask">Mensaje</a><br><a href="http://tumblr.com/dashboard">Volver al escritorio</a><br><a href="http://robbarya.tumblr.com">Crédito</a></div>
  196. <div id="todo">
  197. <table width="100%" border="0">
  198. <tr>
  199. <!---PRIMERA COLUMNA!--><td>
  200. <h1>TITULO DE LA LISTA DE TAGS</h1>
  201. <a href="/tagged/LINKURL" target="_blank">link</a>
  202. <a href="/tagged/LINKURL" target="_blank">link</a>
  203. <a href="/tagged/LINKURL" target="_blank">link</a>
  204. <a href="/tagged/LINKURL" target="_blank">link</a>
  205. <a href="/tagged/LINKURL" target="_blank">link</a>
  206. <a href="/tagged/LINKURL" target="_blank">link</a>
  207. <a href="/tagged/LINKURL" target="_blank">link</a>
  208. <a href="/tagged/LINKURL" target="_blank">link</a>
  209. <a href="/tagged/LINKURL" target="_blank">link</a>
  210. <a href="/tagged/LINKURL" target="_blank">link</a>
  211. <a href="/tagged/LINKURL" target="_blank">link</a>
  212. <a href="/tagged/LINKURL" target="_blank">link</a>
  213. <a href="/tagged/LINKURL" target="_blank">link</a>
  214. <a href="/tagged/LINKURL" target="_blank">link</a>
  215. <a href="/tagged/LINKURL" target="_blank">link</a>
  216. <a href="/tagged/LINKURL" target="_blank">link</a>
  217. <a href="/tagged/LINKURL" target="_blank">link</a>
  218. <a href="/tagged/LINKURL" target="_blank">link</a>
  219. <a href="/tagged/LINKURL" target="_blank">link</a>
  220. <a href="/tagged/LINKURL" target="_blank">link</a>
  221. <a href="/tagged/LINKURL" target="_blank">link</a>
  222. <a href="/tagged/LINKURL" target="_blank">link</a>
  223. <!----AGREGA O BORRA TANTOS COMO QUIERAS!--->
  224. <h1>TITULO</h1> <!-------Puedes borrar esta nueva lista o agregar más!------>
  225. <a href="/tagged/LINKURL" target="_blank">link</a>
  226. <a href="/tagged/LINKURL" target="_blank">link</a>
  227. <a href="/tagged/LINKURL" target="_blank">link</a>
  228. <a href="/tagged/LINKURL" target="_blank">link</a>
  229. <a href="/tagged/LINKURL" target="_blank">link</a>
  230. <a href="/tagged/LINKURL" target="_blank">link</a>
  231. <a href="/tagged/LINKURL" target="_blank">link</a>
  232. <a href="/tagged/LINKURL" target="_blank">link</a>
  233. <a href="/tagged/LINKURL" target="_blank">link</a>
  234. <a href="/tagged/LINKURL" target="_blank">link</a>
  235. <a href="/tagged/LINKURL" target="_blank">link</a>
  236.  
  237.  
  238. </td>
  239.  
  240. <!---SEGUNDA COLUMNA!--><td>
  241. <h1>TITULO DE LA LISTA DE TAGS</h1>
  242. <a href="/tagged/LINKURL" target="_blank">link</a>
  243. <a href="/tagged/LINKURL" target="_blank">link</a>
  244. <a href="/tagged/LINKURL" target="_blank">link</a>
  245. <a href="/tagged/LINKURL" target="_blank">link</a>
  246. <a href="/tagged/LINKURL" target="_blank">link</a>
  247. <a href="/tagged/LINKURL" target="_blank">link</a>
  248. <a href="/tagged/LINKURL" target="_blank">link</a>
  249. <a href="/tagged/LINKURL" target="_blank">link</a>
  250. <a href="/tagged/LINKURL" target="_blank">link</a>
  251. <a href="/tagged/LINKURL" target="_blank">link</a>
  252. <a href="/tagged/LINKURL" target="_blank">link</a>
  253. <a href="/tagged/LINKURL" target="_blank">link</a>
  254. <a href="/tagged/LINKURL" target="_blank">link</a>
  255. <a href="/tagged/LINKURL" target="_blank">link</a>
  256. <a href="/tagged/LINKURL" target="_blank">link</a>
  257. <a href="/tagged/LINKURL" target="_blank">link</a>
  258. <a href="/tagged/LINKURL" target="_blank">link</a>
  259. <a href="/tagged/LINKURL" target="_blank">link</a>
  260. <a href="/tagged/LINKURL" target="_blank">link</a>
  261. <a href="/tagged/LINKURL" target="_blank">link</a>
  262. <a href="/tagged/LINKURL" target="_blank">link</a>
  263. <a href="/tagged/LINKURL" target="_blank">link</a>
  264. <!----AGREGA O BORRA TANTOS COMO QUIERAS!--->
  265. <h1>TITULO</h1> <!-------Puedes borrar esta nueva lista o agregar más!------>
  266. <a href="/tagged/LINKURL" target="_blank">link</a>
  267. <a href="/tagged/LINKURL" target="_blank">link</a>
  268. <a href="/tagged/LINKURL" target="_blank">link</a>
  269. <a href="/tagged/LINKURL" target="_blank">link</a>
  270. <a href="/tagged/LINKURL" target="_blank">link</a>
  271. <a href="/tagged/LINKURL" target="_blank">link</a>
  272. <a href="/tagged/LINKURL" target="_blank">link</a>
  273. <a href="/tagged/LINKURL" target="_blank">link</a>
  274. <a href="/tagged/LINKURL" target="_blank">link</a>
  275. <a href="/tagged/LINKURL" target="_blank">link</a>
  276. <a href="/tagged/LINKURL" target="_blank">link</a>
  277. </td>
  278. <!---TERCERA COLUMNA--><td>
  279. <h1>TITULO DE LA LISTA DE TAGS</h1>
  280. <a href="/tagged/LINKURL" target="_blank">link</a>
  281. <a href="/tagged/LINKURL" target="_blank">link</a>
  282. <a href="/tagged/LINKURL" target="_blank">link</a>
  283. <a href="/tagged/LINKURL" target="_blank">link</a>
  284. <a href="/tagged/LINKURL" target="_blank">link</a>
  285. <a href="/tagged/LINKURL" target="_blank">link</a>
  286. <a href="/tagged/LINKURL" target="_blank">link</a>
  287. <a href="/tagged/LINKURL" target="_blank">link</a>
  288. <a href="/tagged/LINKURL" target="_blank">link</a>
  289. <a href="/tagged/LINKURL" target="_blank">link</a>
  290. <a href="/tagged/LINKURL" target="_blank">link</a>
  291. <a href="/tagged/LINKURL" target="_blank">link</a>
  292. <a href="/tagged/LINKURL" target="_blank">link</a>
  293. <a href="/tagged/LINKURL" target="_blank">link</a>
  294. <a href="/tagged/LINKURL" target="_blank">link</a>
  295. <a href="/tagged/LINKURL" target="_blank">link</a>
  296. <a href="/tagged/LINKURL" target="_blank">link</a>
  297. <a href="/tagged/LINKURL" target="_blank">link</a>
  298. <a href="/tagged/LINKURL" target="_blank">link</a>
  299. <a href="/tagged/LINKURL" target="_blank">link</a>
  300. <a href="/tagged/LINKURL" target="_blank">link</a>
  301. <a href="/tagged/LINKURL" target="_blank">link</a>
  302. <!----AGREGA O BORRA TANTOS COMO QUIERAS!--->
  303. <h1>TITULO</h1> <!-------Puedes borrar esta nueva lista o agregar más!------>
  304. <a href="/tagged/LINKURL" target="_blank">link</a>
  305. <a href="/tagged/LINKURL" target="_blank">link</a>
  306. <a href="/tagged/LINKURL" target="_blank">link</a>
  307. <a href="/tagged/LINKURL" target="_blank">link</a>
  308. <a href="/tagged/LINKURL" target="_blank">link</a>
  309. <a href="/tagged/LINKURL" target="_blank">link</a>
  310. <a href="/tagged/LINKURL" target="_blank">link</a>
  311. <a href="/tagged/LINKURL" target="_blank">link</a>
  312. <a href="/tagged/LINKURL" target="_blank">link</a>
  313. <a href="/tagged/LINKURL" target="_blank">link</a>
  314. <a href="/tagged/LINKURL" target="_blank">link</a>
  315. </td>
  316. </tr>
  317. </table>
  318. </div>
  319. </body>
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!