API tools faq
paste
teruteru

Baby Mode -【 LAYOUT 2 by Anomaly ☽】

teruteru
Sep 27th, 2021
1,404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. NEOCITIES LAYOUT #2 by Ari Anomaly ☾ kittystuff ☽ : BABY MODE !!
  8.  
  9. - i made the base code
  10. - images are by http://poka.twinstar.jp/
  11. - please abide by all the rules
  12.  
  13. 【 All themes and pages can be found here : https://anomalythemes.tumblr.com/ 】
  14.  
  15. Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
  16. Feel free to message me if you need any help, my ask box is always open!
  17.  
  18. -->
  19.  
  20. <link rel="shortcut icon" href="URL">
  21. <title>[ TITLE HERE ]</title>
  22.  
  23. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  24. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  25. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26.  
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("a[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:90,
  33. tip_fade_speed:600,
  34. attribute:"title"
  35. });
  36. });
  37. })(jQuery);
  38. </script>
  39.  
  40. <script> function changeNavigation(id)
  41. {document.getElementById('content')
  42. .innerHTML=document.getElementById(id).innerHTML}
  43. </script>
  44.  
  45. <style type="text/css">
  46.  
  47. @font-face {font-family: "sp abit04"; src: url('https://dl.dropboxusercontent.com/s/t07ywql6r2mhpcf/SP%20Abit%2004.ttf?dl=0'); format("truetype");}
  48.  
  49.  
  50. ::-webkit-scrollbar {
  51. width:5px;
  52. background:#fff;
  53. }
  54.  
  55. ::-webkit-scrollbar-thumb {
  56. background-color:#856216;
  57. border:1px dotted #fff;
  58. border-radius:20px;
  59. }
  60.  
  61. #s-m-t-tooltip {
  62. max-width:300px;
  63. margin:10px 0px 0px 25px;
  64. background-color:#fff;
  65. border:5px solid #856216;
  66. font-family:arial;
  67. font-size:1em;
  68. padding:5px;
  69. color:#856216;
  70. border-radius:10px;
  71. z-index:999999999999999999999999999999999999;
  72. }
  73.  
  74. ::selection {
  75. background:#5C331F;
  76. color:#fff;
  77. }
  78.  
  79. ::-moz-selection {
  80. background:#856216;
  81. color:#fff;
  82. }
  83.  
  84. ::-webkit-selection {
  85. background:#856216;
  86. color:#fff;
  87. }
  88.  
  89. body {
  90. margin:0px;
  91. background-color:#fff;
  92. color:#856216;
  93. font-family:arial;
  94. font-size:1em;
  95. background-image:url('URL');
  96. }
  97.  
  98. body, a {cursor: url('URL HERE'), progress;}
  99.  
  100. a {
  101. text-decoration:none;
  102. color:#5C331F;
  103. }
  104.  
  105. a:hover {
  106. color:#856216;
  107. -webkit-transition: all 0.5s ease;
  108. -moz-transition: all 0.5s ease;
  109. -o-transition: all 0.5s ease;
  110. transition: all 0.5s ease;
  111. }
  112.  
  113. li {
  114. font-family:arial;
  115. list-style-type:bullet;
  116. list-style-image:url('URL HERE');
  117. text-align:left;
  118. }
  119.  
  120. a.baba {
  121. display:inline-block;
  122. width:84px;
  123. height:20px;
  124. background-image:url('https://files.catbox.moe/s7mbpd.gif');
  125. text-align:center;
  126. font-family:sp abit04;
  127. font-size:12px;
  128. line-height:20px;
  129. color:#856216;
  130. }
  131.  
  132. .h1 {
  133. text-align:center;
  134. font-family:arial;
  135. font-size:2.5em;
  136. }
  137.  
  138. .wrapper {
  139. width:100%;
  140. height:100%;
  141. overflow-x:none;
  142. overflow-y:auto;
  143. }
  144.  
  145. .wrap2 {
  146. position:absolute;
  147. bottom:5px;
  148. right:45px;
  149. opacity:.5;
  150. z-index:1;
  151. }
  152.  
  153. .menu {
  154. position:fixed;
  155. float:left;
  156. width:100px;
  157. height:100%;
  158. line-height:17px;
  159. }
  160.  
  161. .tabcon {
  162. position:relative;
  163. margin-left:120px;
  164. padding:10px;
  165. width:calc(100% - 150px);
  166. outline-offset:-4px;
  167. z-index:2;
  168. }
  169.  
  170. a.add {
  171. display:inline-block;
  172. margin:1px;
  173. padding:5px 10px 5px 10px;
  174. border:1px solid #856216;
  175. background-image:url('URL');
  176. }
  177.  
  178. .credit {
  179. position:fixed;
  180. bottom:5px;
  181. left:5px;
  182. z-index:1;
  183. }
  184.  
  185. </style>
  186. </head>
  187. <body>
  188.  
  189. <table style="border-spacing:0px; border-collapse:collapse; position:fixed; margin-left:25%; margin-top:2.5%;" width="50%;" height="90%" align="center" >
  190. <tr>
  191. <td style="background-image:url(https://files.catbox.moe/kerwno.gif);width:30px;height:30px;padding:0;"></td>
  192. <td style="background-image:url(https://files.catbox.moe/gaqefz.gif);"></td>
  193. <td style="background-image:url(https://files.catbox.moe/ejo7l7.gif);width:30px;height:30px;padding:0;"></td>
  194. </tr><tr>
  195. <td style="background-image:url(https://files.catbox.moe/imsm4k.gif);padding:0;"></td>
  196. <td style="background:#fff;padding:10px;">
  197.  
  198. <div class="wrapper">
  199.  
  200. <div class="wrap2"><img src="URL HERE"></div>
  201.  
  202.  
  203. <div class="menu">
  204. <img src="https://files.catbox.moe/egqdey.gif"><br>
  205. <a class="baba" href="/">Home</a><br>
  206. <a class="baba" onClick="changeNavigation('about')">About</a><br>
  207. <a class="baba" onClick="changeNavigation('link')">Links</a><br>
  208. <a class="baba" onClick="changeNavigation('diary')">Diary</a><br>
  209. <img src="https://files.catbox.moe/zzn034.gif">
  210. </div>
  211.  
  212.  
  213. <div id="content">
  214. <div class="tabcon">
  215.  
  216. <div class="h1"><img src="URL HERE"> Home</div><br>
  217.  
  218. description here
  219.  
  220. </div>
  221. </div>
  222.  
  223. <!----------------------------------------------------------------------->
  224.  
  225. <div id="about" style="display:none;"><div class="tabcon">
  226. <div class="h1"><img src="URL HERE"> About Me</div><br>
  227.  
  228. about here
  229. </div></div>
  230.  
  231. <!----------------------------------------------------------------------->
  232.  
  233. <div id="diary" style="display:none;"><div class="tabcon">
  234. <div class="h1"><img src="URL HERE"> Diary</div><br>
  235.  
  236. diary here
  237.  
  238. </div></div>
  239.  
  240. <!----------------------------------------------------------------------->
  241.  
  242. <div id="link" style="display:none;"><div class="tabcon">
  243. <div class="h1"><img src="URL HERE"> Links</div><br>
  244.  
  245. put some links here, you can add as many as you want
  246. <a class="add" href="/">sample</a>
  247.  
  248. <p>
  249.  
  250. <p>link back to my website using this banner:<br> <img src="URL HERE">
  251. </div></div>
  252.  
  253. </div>
  254.  
  255. </div>
  256.  
  257.  
  258. </div></td>
  259. <td style="background-image:url(https://files.catbox.moe/ah8a5e.gif);padding:0;"></td>
  260. </tr><tr>
  261. <td style="background-image:url(https://files.catbox.moe/sd8e9d.gif);width:30px;height:30px;padding:0;"></td>
  262. <td style="background-image:url(https://files.catbox.moe/5yrgli.gif);padding:0;"></td>
  263. <td style="background-image:url(https://files.catbox.moe/vn0idy.gif);width:30px;height:30px;padding:0;"></td>
  264. </tr></table>
  265.  
  266. <div class="credit"><a href="https://kittystuff.neocities.org/" title="credits"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>
  267.  
  268. </body>
  269. </html>
  270.  
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!