API tools faq
paste
moanszayn

tags pg

moanszayn
Mar 19th, 2017
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <head>
  4.  
  5. <!-- aileen's tags page -->
  6.  
  7. <!-- small note below pls read :) -->
  8.  
  9. <!-- if you add more rows the main title will shift so! u just have to change the margin-top (increase the number to move it down) until its in the right spot and if u need help contact me off anon and ill hook u up -->
  10.  
  11. <title>{title}</title>
  12.  
  13. <link rel="shortcut icon" href="{favicon}" />
  14.  
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16.  
  17. <script>
  18.  
  19. (function($){
  20.  
  21. $(document).ready(function(){
  22.  
  23. $("a[title]").style_my_tooltips({
  24.  
  25. tip_follows_cursor:true,
  26.  
  27. tip_delay_time:50,
  28.  
  29. tip_fade_speed:600,
  30.  
  31. attribute:"title"
  32.  
  33. });
  34.  
  35. });
  36.  
  37. })(jQuery);
  38.  
  39. </script>
  40.  
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43.  
  44.  
  45.  
  46. <style type="text/css">
  47. ::-webkit-scrollbar-thumb:vertical {border:1px solid #fff;height:12px; background-color:#000;}
  48. ::-webkit-scrollbar-thumb:horizontal {background-color:#000;}
  49. ::-webkit-scrollbar {background-color:white;height:7px;width:5px;border:3px solid #fff;}
  50. }
  51. body {
  52. background:#fff;
  53. margin:0px;
  54. color:#9a9a9a;
  55. font-family: baskerville;
  56. line-height:100%;
  57. }
  58.  
  59. a {
  60. text-decoration:none;
  61. }
  62.  
  63.  
  64. #container {
  65. font-family:baskerville;
  66. font-size:10px;
  67. text-align:center;
  68. width:300px;
  69. margin:0px auto;
  70. margin-top:150px;
  71. margin-left:450px;
  72. padding-bottom:10px;
  73. }
  74.  
  75.  
  76.  
  77.  
  78. #title {
  79. font-family:arial;
  80. font-weight:bold;
  81. font-style: italic;
  82. font-size:15px;
  83. margin-top:-353px;
  84. margin-left:500px;
  85. width:323px;
  86. color:#fff;
  87. background:#000;
  88. text-align:right;
  89. -webkit-transition-duration:1s;
  90. text-shadow:10px 0px transparent, -10px 0px transparent;
  91. -webkit-transition: all 0.5s linear;
  92.  
  93. }
  94.  
  95.  
  96. #back {
  97. font-style: none;
  98. text-align:right;
  99. margin-top:5px;
  100. margin-bottom:-10px;
  101. word-spacing:1px;
  102. font-family:arial;
  103. font-weight:bold;
  104. font-size:9px;
  105. text-transform:lowercase;
  106. margin-left:120px;
  107. width:200px;
  108. -webkit-transition-duration:1s;
  109. }
  110.  
  111. #back a{
  112. color:#fff;
  113. padding:2px;
  114. -webkit-transition-duration:1s;
  115. }
  116.  
  117. #back a:hover {
  118. text-decoration:none;
  119. -webkit-transition-duration:1s;
  120. }
  121.  
  122.  
  123. #sub {
  124. color:#fff;
  125. padding:20px;
  126. height:15px;
  127. text-align:left;
  128. margin-top:-185px;
  129. margin-left:-275px;
  130. font-family:arial ;
  131. text-transform:lowercase;
  132. font-style: italic;
  133. font-size:15px;
  134.  
  135. }
  136.  
  137. #links {
  138. margin-top:5px;
  139. width:360px;
  140. height:61px;
  141. display:inline-block;
  142. text-align:left;
  143. font-family:arial;
  144. font-style: italic;
  145. font-size:13px;
  146. overflow-y:auto;
  147. padding:5px;
  148. line-height:135%;
  149. border-left: 3px solid #000;
  150. }
  151.  
  152. #links a{
  153. display:inline-block;
  154. padding:6px;
  155. color:#000;
  156. -moz-transition-duration:0.5s;
  157. -webkit-transition-duration:0.5s;
  158. -o-transition-duration:0.5s;
  159. }
  160.  
  161. #links a:hover{
  162. color:#888;
  163. -moz-transition-duration:0.5s;
  164. -webkit-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167.  
  168.  
  169.  
  170. /*do not touch*/
  171.  
  172. #credit {
  173. padding:2px;
  174. color:#000;
  175. position:fixed;
  176. bottom:5px;
  177. right:0px;
  178. font-size:19px;
  179. letter-spacing:-1px;
  180. font-family:arial;
  181. -moz-transition-duration: .6s;
  182. -webkit-transition-duration: .6s;
  183. -o-transition-duration: .6s;
  184. }
  185.  
  186. #credit a {
  187. font-weight:bold;
  188. text-transform:lowercase;
  189. color:#000;
  190. padding:3px;
  191. padding-right:5px;
  192. -moz-transition-duration: .6s;
  193. -webkit-transition-duration: .6s;
  194. -o-transition-duration: .6s;
  195. }
  196.  
  197.  
  198. #credit a:hover{
  199. background: black;
  200. color: white;
  201. -moz-transition-duration:0.3s;
  202. -webkit-transition-duration:0.3s;
  203. -o-transition-duration:0.3s;
  204. }
  205.  
  206.  
  207. #credit a:hover { color: {color:linkhover};}
  208.  
  209.  
  210. </style>
  211.  
  212. </head>
  213.  
  214.  
  215. <body>
  216.  
  217. <!-- change the subtitles and links here
  218. to add more rows copy + paste from <td><table> to <p> <p> <p> for each row -->
  219.  
  220. <!-- if you didnt read this earlier, when adding more rows the main title will shift so u just have to change the margin-top (increase the number to move it down) until its in the right spot -->
  221.  
  222. <!-- hou can have as many links in a section as you want and the auto scroll will turn on and not mess up spacing :) -->
  223.  
  224. <div id="container">
  225.  
  226. <!-- row one -->
  227. <td><table>
  228. <!-- change title & color here!! same location for each box -->
  229. <span id="sub"style="color:#fff;background:#000">title</span></a>
  230. <!-- change background color here!! same location for each box -->
  231. <br><div id="links"style="background:#fff;">
  232. <a href="/tagged/">tag one</a> •
  233. <a href="/tagged/">tag two</a> •
  234. <a href="/tagged/">tag three</a> •
  235. <a href="/tagged/">tag four</a> •
  236. <a href="/tagged/">tag five</a>
  237. <a href="/tagged/">tag six</a> •
  238. <a href="/tagged/">tag seven</a> •
  239. <a href="/tagged/">tag eight</a> •
  240. <a href="/tagged/">tag nine</a> •
  241. <a href="/tagged/">tag ten</a></a>
  242. <a href="/tagged/">tag eleven</a></a> •
  243. <a href="/tagged/">tag twelve</a></a> •
  244. <a href="/tagged/">tag thirteen</a></a> •
  245. <a href="/tagged/">tag fourteen</a></a>
  246. <a href="/tagged/">tag fifteen</a></a>
  247. </td></table>
  248.  
  249. <p> <p> <p>
  250.  
  251. <!-- row two -->
  252. <td><table><br>
  253. <span id="sub"style="color:#fff;background:#000">title</span></a>
  254. <br><div id="links"style="background:#fff">
  255. <a href="/tagged/">tag one</a> •
  256. <a href="/tagged/">tag two</a> •
  257. <a href="/tagged/">tag three</a> •
  258. <a href="/tagged/">tag four</a> •
  259. <a href="/tagged/">tag five</a>
  260. <a href="/tagged/">tag six</a> •
  261. <a href="/tagged/">tag seven</a> •
  262. <a href="/tagged/">tag eight</a> •
  263. <a href="/tagged/">tag nine</a> •
  264. <a href="/tagged/">tag ten</a>
  265. </td></table>
  266. <p> <p> <p>
  267.  
  268. <!-- row three -->
  269. <td><table><br>
  270. <span id="sub"style="color:#fff;background:#000;height:15px;width:420;">title</span></a>
  271. <br><div id="links"style="background:#fff">
  272. <a href="/tagged/">tag one</a> •
  273. <a href="/tagged/">tag two</a> •
  274. <a href="/tagged/">tag three</a> •
  275. <a href="/tagged/">tag four</a> •
  276. <a href="/tagged/">tag five</a>
  277. <a href="/tagged/">tag six</a> •
  278. <a href="/tagged/">tag seven</a> •
  279. <a href="/tagged/">tag eight</a> •
  280. <a href="/tagged/">tag nine</a> •
  281. <a href="/tagged/">tag ten</a>
  282. </td></table>
  283.  
  284.  
  285. <!-- this closes all of the tags so do not paste a new row below this -->
  286. <tr></div>
  287.  
  288.  
  289.  
  290. <!-- change title and links -->
  291. <div id="title">aileen's tags; <br>
  292.  
  293. <div id="back">
  294. <a href="/">back</a>
  295. <a href="/ask">ask</a> •
  296. <a href="http://www.tumblr.com/dashboard">dash</a>
  297. </div></div>
  298. <br><br>
  299. </div>
  300.  
  301. <!-- if things become too hard, msg me off of anon please -->
  302.  
  303. <!-- dont touch :) -->
  304. <div id="credit"><a title="theme by aileen" href="http://sadgalari.tumblr.com/">AJ</a></center></div>
  305. </div></div>
  306.  
  307. </body>
  308.  
  309.  
  310. </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!