API tools faq
paste
moanszayn

About Me

moanszayn
Sep 6th, 2014
626
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.58 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. <!-- aileen's about me base from meem follow the rules -->
  8.  
  9. <!-- !!!PLEASE READ PLEASE READ PLEASE READ PLEASE READ PLEASE READ !!!-->
  10.  
  11.  
  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:1px solid #EBEEFF;height:12px; background-color:#EBEEFF;}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color:#EBEEFF;}
  51. ::-webkit-scrollbar {background-color:white;height:7px;width:7px;border:5px solid #f1f1f1;}
  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. #container {
  67. font-family:baskerville;
  68. font-size:10px;
  69. text-align:center;
  70. width:300px;
  71. margin:0px auto;
  72. margin-top:100px;
  73. margin-left:450px;
  74. padding-bottom:10px;
  75. }
  76.  
  77. #container2 {
  78. font-family:baskerville;
  79. font-size:10px;
  80. text-align:center;
  81. width:300px;
  82. margin:0px auto;
  83. margin-top:-10px;
  84. margin-left:450px;
  85. padding-bottom:10px;
  86. }
  87.  
  88. #container3 {
  89. font-family:baskerville;
  90. font-size:10px;
  91. text-align:center;
  92. width:300px;
  93. margin:0px auto;
  94. margin-top:-315px;
  95. margin-left:650px;
  96. padding-bottom:10px;
  97. }
  98.  
  99.  
  100.  
  101. #title {
  102. padding-top:6px;
  103. padding-left:6px;
  104. padding-bottom:6px;
  105. font-family:arial;
  106. font-weight:bold;
  107. font-size:25px;
  108. margin-top:12px;
  109. margin-left:450px;
  110. width:412px;
  111. color:#fff;
  112. background:#06d190;
  113. text-align:center;
  114. -webkit-transition-duration:1s;
  115. text-shadow:10px 0px transparent, -10px 0px transparent;
  116. -webkit-transition: all 0.5s linear;
  117. box-shadow:5px 5px 2px #f1f1f1;
  118.  
  119. }
  120.  
  121. #title a{
  122. color:#fff;
  123. }
  124.  
  125.  
  126. #back {
  127. text-align:left;
  128. margin-top:-25px;
  129. margin-bottom:-10px;
  130. margin-left:150px;
  131. word-spacing:1px;
  132. font-family:arial;
  133. font-weight:bold;
  134. font-size:9px;
  135. text-transform:lowercase;
  136. margin-left:95px;
  137. width:200px;
  138. padding:4px;
  139. -webkit-transition-duration:1s;
  140. }
  141.  
  142. #back a{
  143. color:#fff;
  144. padding:2px;
  145. -webkit-transition-duration:1s;
  146. }
  147.  
  148. #back a:hover {
  149. background:#000;
  150. text-decoration:none;
  151. -webkit-transition-duration:1s;
  152. }
  153.  
  154.  
  155. #sub {
  156. text-align:right;
  157. margin-top:-170px;
  158. margin-left:-220px;
  159. font-family:arial ;
  160. font-weight:bold;
  161. text-transform:lowercase;
  162. font-style:none;
  163. font-size:15px;
  164. color:#000;
  165. padding:20px;
  166. }
  167.  
  168. #links {
  169. color:white;
  170. width:140px;
  171. height:170px;
  172. text-align:left;
  173. display:block;
  174. font-family:arial;
  175. font-style:none;
  176. font-size:13px;
  177. overflow-y:auto;
  178. overflow-x:hidden;
  179. padding:5px;
  180. padding-left:8px;
  181. padding-right:8px;
  182. line-height:135%;
  183. font-weight:bold;
  184. box-shadow:5px 5px 2px #f1f1f1;
  185. }
  186.  
  187. #links a{
  188. border-bottom:2px transparent dashed;
  189. color:white;
  190. -moz-transition-duration:0.5s;
  191. -webkit-transition-duration:0.5s;
  192. -o-transition-duration:0.5s;
  193. }
  194.  
  195. #links a:hover{
  196. padding-left:9px;
  197. border-bottom:2px white dashed;
  198. -moz-transition-duration:0.5s;
  199. -webkit-transition-duration:0.5s;
  200. -o-transition-duration:0.5s;
  201. }
  202.  
  203.  
  204.  
  205. #credit{
  206. right:8px;
  207. bottom: 2px;
  208. position:fixed;
  209. padding:5px;
  210. }
  211.  
  212. </style>
  213.  
  214. </head>
  215.  
  216.  
  217. <body>
  218.  
  219. <!-- change the subtitles and info here -->
  220.  
  221. <!-- you must add a <br> after each thing you want to separate like it shows in the example -->
  222.  
  223. <!-- box one -->
  224.  
  225. <div id="container">
  226. <td><table>
  227. <!-- change title color here!! same location for each box -->
  228. <span id="sub"style="color:#ADE8F0">basics</span></a>
  229. <!-- change background color here!! same location for each box -->
  230. <br><div id="links"style="background:#ADE8F0;width:160px;height:70px">
  231. <!-- actual info -->
  232. <u>pronunciation:</u> o-kay <br>
  233. <u>age:</u> number <br>
  234. <u>location:</u> state <br>
  235. <u>birthday:</u> month day
  236. </td></table>
  237. <tr></div>
  238.  
  239.  
  240. <!-- box two -->
  241.  
  242. <div id="container2">
  243. <td><table><br>
  244. <!-- color and title here -->
  245. <span id="sub"style="color:#00BBBB">faves</span></a>
  246. <br><div id="links"style="background:#00BBBB;width:160px;height:155px">
  247. <!-- actual info -->
  248. <u>artist:</u> One Direction, Drake, Little Mix, Ed Sheeran, 5sos, The 1975, Demi Lovato, The Weeknd, Kid Cudi & Kanye West. <br>
  249. <u>tv:</u> Teen Wolf, Finding Carter, Shameless & The Tonight Show.
  250. </td></table>
  251. </tr></div>
  252.  
  253.  
  254.  
  255.  
  256. <!-- box three -->
  257.  
  258. <div id="container3">
  259. <td><table><br>
  260. <!-- color and title here -->
  261. <span id="sub"style="color:#9ff4c5">info</span></a>
  262.  
  263. <!-- can change color of the 3rd box here -->
  264. <br><div id="links"style="background:#9ff4c5;width:202px;height:267px">
  265.  
  266. <!-- image (don't delete the style section) -->
  267. <img src="http://33.media.tumblr.com/e63ccb86e795d22b75cb54c28923fb01/tumblr_n5tpemMEoL1rqauelo7_250.gif"style="padding-bottom:3px;padding-top:3px;padding-right:2px;width:200px;"></a>
  268.  
  269. <!-- actual info -->
  270. if you make it longer than the box then a scrollbar will pop up and you can keep on writing about your lovely self! cups of the xo all my people been here I see all of her friends here guess she don’t have the time to kick it no more flights in the morning what you doing thats so important
  271. </td></table>
  272. </div>
  273. </div>
  274.  
  275.  
  276. <!-- change main title and links -->
  277.  
  278. <div id="title">meet aileen;
  279. <a href="/"style="font-size:15px">back • </a>
  280. <a href="/ask"style="font-size:15px">ask • </a>
  281. <a href="/"style="font-size:15px">face • </a>
  282. <a href="/"style="font-size:15px">other</a>
  283. </div></div>
  284. </div>
  285.  
  286. <!-- if things become too hard, msg me OFF of anon please or i will not be able to help you -->
  287.  
  288. <!-- dont touch :) -->
  289. <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>
  290.  
  291. </body>
  292.  
  293.  
  294. </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!