API tools faq
paste
moanszayn

Tags

moanszayn
Apr 12th, 2014
753
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.81 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <head>
  6.  
  7. <!-- lustinglou's navigation base from meem follow the rules -->
  8.  
  9. <!-- !!!PLEASE READ PLEASE READ PLEASE READ PLEASE READ PLEASE READ !!!-->
  10.  
  11. <!-- the theme will look off place while you edit but is fine once you save so don't change the position of anything unless you want to put things in a different place or it won't look correct once you save -->
  12.  
  13. <title>{title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}" />
  16.  
  17. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  18.  
  19. <script>
  20.  
  21. (function($){
  22.  
  23. $(document).ready(function(){
  24.  
  25. $("a[title]").style_my_tooltips({
  26.  
  27. tip_follows_cursor:true,
  28.  
  29. tip_delay_time:50,
  30.  
  31. tip_fade_speed:600,
  32.  
  33. attribute:"title"
  34.  
  35. });
  36.  
  37. });
  38.  
  39. })(jQuery);
  40.  
  41. </script>
  42.  
  43. <script type="text/javascript"
  44. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  45.  
  46.  
  47.  
  48. <style type="text/css">
  49. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:#F55B9E;}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  51. ::-webkit-scrollbar {background-color:white;height:7px;width:12px;border:5px solid #fff;}
  52. }
  53. body {
  54. background:#fff;
  55. margin:0px;
  56. color:#9a9a9a;
  57. font-family: baskerville;
  58. line-height:100%;
  59. }
  60.  
  61. a {
  62. text-decoration:none;
  63.  
  64. }
  65.  
  66.  
  67.  
  68. #container a {
  69. color: #999;
  70. padding:2px 4px;
  71. text-decoration:none;
  72. -moz-transition-duration:0.5s;
  73. -webkit-transition-duration:0.5s;
  74. -o-transition-duration:0.5s;
  75. box-shadow: inset 0 00px 0 transparent;
  76. }
  77.  
  78. #container a:hover {
  79. color:#fff;
  80. box-shadow: inset 0 22px 0 #FCAD2D;
  81. -moz-transition-duration:0.8s;
  82. -webkit-transition-duration:0.8s;
  83. -o-transition-duration:0.8s;
  84. }
  85.  
  86. #container {
  87. font-family:baskerville;
  88. font-size:10px;
  89. text-align:center;
  90. margin:0px auto;
  91. margin-top: -90px;
  92. margin-left:-590px;
  93. padding-bottom:10px;
  94. }
  95.  
  96. #container2 a {
  97. color: #999;
  98. padding:2px 4px;
  99. text-decoration:none;
  100. -moz-transition-duration:0.5s;
  101. -webkit-transition-duration:0.5s;
  102. -o-transition-duration:0.5s;
  103. }
  104.  
  105. #container2 a:hover {
  106. color:#fff;
  107. box-shadow: inset 0 22px 0 #4ED7F2;
  108. -moz-transition-duration:0.8s;
  109. -webkit-transition-duration:0.8s;
  110. -o-transition-duration:0.8s;
  111. }
  112.  
  113. #container2 {
  114. font-family:baskerville;
  115. font-size:10px;
  116. text-align:center;
  117. margin:0px auto;
  118. margin-top: -315px;
  119. margin-left:570px;
  120. padding-bottom:10px;
  121. }
  122.  
  123. #container3 {
  124. font-family:baskerville;
  125. font-size:10px;
  126. text-align:center;
  127. margin:0px auto;
  128. margin-top: -310px;
  129. margin-left:520px;
  130. padding-bottom:10px;
  131.  
  132. }
  133.  
  134. #container3 a {
  135. color: #999;
  136. padding:2px 4px;
  137. text-decoration:none;
  138. -moz-transition-duration:0.5s;
  139. -webkit-transition-duration:0.5s;
  140. -o-transition-duration:0.5s;
  141. }
  142.  
  143. #container3 a:hover {
  144. color:#fff;
  145. box-shadow: inset 0 22px 0 #54F095;
  146. -moz-transition-duration:0.8s;
  147. -webkit-transition-duration:0.8s;
  148. -o-transition-duration:0.8s;
  149. }
  150.  
  151. #title {
  152. font-family:arial;
  153. font-weight:bold;
  154. font-size:22px;
  155. margin-top:-342px;
  156. margin-left:-15px;
  157. width:300px;
  158. color:#F55B9E;
  159. text-align:center;
  160. -webkit-transition-duration:1s;
  161. }
  162.  
  163. #title:hover {
  164. color:#fff;
  165. -webkit-transition-duration:1s;
  166. }
  167.  
  168. #back {
  169. margin-top:5px;
  170. margin-bottom:-10px;
  171. word-spacing:1px;
  172. font-family:arial;
  173. font-weight:bold;
  174. font-size:9px;
  175. text-transform:lowercase;
  176. margin-left:95px;
  177. width:200px;
  178. -webkit-transition-duration:1s;
  179. }
  180.  
  181. #back a{
  182. color:#000;
  183. padding:2px;
  184. -webkit-transition-duration:1s;
  185. }
  186.  
  187. #back a:hover {
  188. background:#bbb;
  189. text-decoration:none;
  190. -webkit-transition-duration:1s;
  191. }
  192.  
  193.  
  194. #sub {
  195. margin-top:-170px;
  196. font-family:arial ;
  197. font-weight:bold;
  198. text-transform:lowercase;
  199. font-style:none;
  200. font-size:15px;
  201. color:#F55B9E;
  202. }
  203.  
  204. #links {
  205. display:block;
  206. font-family:Latha;
  207. font-style:none;
  208. font-size:11px;
  209. }
  210.  
  211. #box {
  212. width:300px;
  213. padding:40px;
  214. border:0px solid #ddd;
  215. margin:0px auto;
  216. }
  217.  
  218. #image {
  219.  
  220. margin-left:180px;
  221. margin-top:115px;
  222. width: 100px;
  223. height: 100px;
  224.  
  225. }
  226.  
  227. #image img {
  228. margin-left:100px;
  229. width: 200px;
  230. height: 200px;
  231. padding:0px;
  232. border:5px double #000;
  233. -moz-transition-duration:0.5s;
  234. -webkit-transition-duration:0.5s;
  235. -o-transition-duration:0.5s;
  236.  
  237. }
  238.  
  239.  
  240.  
  241. #image2 {
  242. margin-left:580px;
  243. margin-top: -100px;
  244. width: 240px;
  245. height: 240px;
  246.  
  247.  
  248. }
  249.  
  250. #image2 img {
  251. margin-left: -30px;
  252. width:200px;
  253. height:200px;
  254. padding:0px;
  255. border:5px double #000;
  256. -moz-transition-duration:0.5s;
  257. -webkit-transition-duration:0.5s;
  258. -o-transition-duration:0.5s;
  259.  
  260. }
  261.  
  262. #image3 {
  263. margin-left:970px;
  264. margin-top: -240px;
  265. width: 250px;
  266. height: 250px;
  267. z-index:-1;
  268.  
  269. }
  270.  
  271. #image3 img {
  272. margin-left: -150px;
  273. width:200px;
  274. height: 200px;
  275. border:5px double #000;
  276. -moz-transition-duration:0.5s;
  277. -webkit-transition-duration:0.5s;
  278. -o-transition-duration:0.5s;
  279. z-index:-1;
  280.  
  281. }
  282.  
  283. #credit{
  284. right:8px;
  285. bottom: 2px;
  286. position:fixed;
  287. padding:5px;
  288. }
  289.  
  290. </style>
  291.  
  292. </head>
  293.  
  294.  
  295. <body>
  296. <!-- change the pictures here -->
  297.  
  298. <div id="image">
  299. <img src="http://24.media.tumblr.com/09db7a1e0ab44740dcf5c1f93880b076/tumblr_n11pzg2Wku1tr7xyso1_250.gif"></div>
  300.  
  301. <div id="image2">
  302. <img src="http://24.media.tumblr.com/148787b7bc20531d5b01436cc0bff26c/tumblr_n11pzg2Wku1tr7xyso4_r1_250.gif"></div>
  303.  
  304. <div id="image3">
  305. <img src="http://24.media.tumblr.com/d6e0bb301e5a92f6b770d44b2b487a7e/tumblr_n11pzg2Wku1tr7xyso3_r1_250.gif"></div>
  306.  
  307. <!-- change the navigation title & three links here -->
  308.  
  309. <div id="box">
  310. <div id="title">nouicide's tags; </div>
  311. <div id="back"><a href="http://lustinglou.tumblr.com">back</a> <a href="http://lustinglou.tumblr.com/askfaq">ask</a> <a href="http://www.tumblr.com/dashboard">dash</a></div>
  312. <br><br>
  313. </div>
  314.  
  315. <!-- change the subtitles and links here. to add more rows copy + paste from <span id="sub">subtitle</span> to <br><br> for each row & before the </div> </div> -->
  316.  
  317.  
  318. <!-- if the amount of links in each sub aren't even with the next row, the subs will shift, (same with subs per row) all you have to do to fix that is decrease the margin-top for that container (row 2 is too long so you go to container 3) -->
  319.  
  320. <!-- if the amount of links in each sub aren't even with the next row, the subs will shift, all you have to do to fix that is decrease the margin-top for that container (row 2 is too long so you go to container 3) -->
  321.  
  322. <!-- you must add a <br> after each link to separate them like it shows in the example -->
  323.  
  324. <!-- row one -->
  325.  
  326. <div id="container">
  327.  
  328. <span id="sub">title</span>
  329. <br><div id="links">
  330. <a href="/rules">Themes</a> <br> <a href="/tags">Tags</a> <br> <a href="/savedurls">Saved URLs</a> <br> <a href="http://llttlemixs.tumblr.com/">Little Mix Blog</a>
  331. <br><br>
  332.  
  333. <span id="sub">title</span>
  334. <br><div id="links">
  335. <a href="/aileen">About Me</a> <br> <a href="/tagged/selfies">Face</a> <br> <a href="http://aubsgraham.tumblr.com/">Friends</a> <br> <a href="http://www.yourworldoftext.com/whoran1d">Wall</a> <br> <a href="http://moansziall.tumblr.com/">Ziall Blog</a>
  336. <br><br>
  337.  
  338. <span id="sub">title</span>
  339. <br><div id="links">
  340. <a href="/tagged/reminders">When Sad</a> <br> <a href="/wecare">We Care</a> <br> <a href="/tagged/themes">Theme Recs</a> <br> <a href="/blogroll">Blogroll</a>
  341. <br>
  342. </div>
  343. </div>
  344.  
  345. <!-- row two -->
  346.  
  347. <div id="container2">
  348.  
  349. <span id="sub">title</span>
  350. <br><div id="links">
  351. <a href="/rules">Themes</a> <br> <a href="/tags">Tags</a> <br> <a href="/savedurls">Saved URLs</a> <br> <a href="http://llttlemixs.tumblr.com/">Little Mix Blog</a>
  352. <br><br>
  353.  
  354. <span id="sub">title</span>
  355. <br><div id="links">
  356. <a href="/aileen">About Me</a> <br> <a href="/tagged/selfies">Face</a> <br> <a href="http://aubsgraham.tumblr.com/">Friends</a> <br> <a href="http://www.yourworldoftext.com/whoran1d">Wall</a> <br> <a href="http://moansziall.tumblr.com/">Ziall Blog</a>
  357. <br><br>
  358.  
  359. <span id="sub">title</span>
  360. <br><div id="links">
  361. <a href="/tagged/reminders">When Sad</a> <br> <a href="/wecare">We Care</a> <br> <a href="/tagged/themes">Theme Recs</a> <br> <a href="/blogroll">Blogroll</a>
  362. <br>
  363. </div>
  364. </div>
  365.  
  366. <!-- row three -->
  367.  
  368. <div id="container3">
  369.  
  370. <span id="sub">title</span>
  371. <br><div id="links">
  372. <a href="/rules">Themes</a> <br> <a href="/tags">Tags</a> <br> <a href="/savedurls">Saved URLs</a> <br> <a href="http://llttlemixs.tumblr.com/">Little Mix Blog</a>
  373. <br><br>
  374.  
  375. <span id="sub">title</span>
  376. <br><div id="links">
  377. <a href="/aileen">About Me</a> <br> <a href="/tagged/selfies">Face</a> <br> <a href="http://aubsgraham.tumblr.com/">Friends</a> <br> <a href="http://www.yourworldoftext.com/whoran1d">Wall</a> <br> <a href="http://moansziall.tumblr.com/">Ziall Blog</a>
  378. <br><br>
  379.  
  380. <span id="sub">title</span>
  381. <br><div id="links">
  382. <a href="/tagged/reminders">When Sad</a> <br> <a href="/wecare">We Care</a> <br> <a href="/tagged/themes">Theme Recs</a> <br> <a href="/blogroll">Blogroll</a>
  383. <br>
  384. </div>
  385. </div>
  386.  
  387. <!-- if things become too hard, msg me off of anon please -->
  388.  
  389. <!-- dont touch :) -->
  390.  
  391.  
  392. <div id="credit" data="credit"><a href="http://chipotleigh.tumblr.com"><img src="http://24.media.tumblr.com/d51c7e63ee92e592f42bead860a1cb3e/tumblr_mrczibkCXy1som5q2o1_500.png" width="50px" height="65px"></a></div>
  393.  
  394. </body>
  395.  
  396.  
  397. </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!