API tools faq
paste
Advertisement
Guest User

Ask Layout 1 by faqulous!

a guest
Sep 28th, 2013
48
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.40 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. faqulous's first ask layout! please please please don't remove the credit. thank you! :)
  3. **MAKE SURE YOU CHANGE THE ASK FORM WITH YOUR URL,IT'S TOWARD THE BOTTOM.**
  4. -->
  5.  
  6. <head>
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  9. <script>
  10. (function($){
  11. $(document).ready(function(){
  12. $("a[title]").style_my_tooltips({
  13. tip_follows_cursor:true,
  14. tip_delay_time:90,
  15. tip_fade_speed:600,
  16. attribute:"title"
  17. });
  18. });
  19. })(jQuery);
  20. </script>
  21.  
  22. <meta name="text:link1" content="http://">
  23. <meta name="text:link2" content="http://">
  24.  
  25. <style type="text/css">
  26. #s-m-t-tooltip {
  27. max-width:300px;
  28. padding:6px 6px 6px 6px;
  29. margin:20px 0px 0px 20px;
  30. background: #fff; /* change the background color */
  31. border:3px double #FF7F24; /* change the border color */
  32. font-family:calibri; /* change the font */
  33. font-size:10px; /* change the font size */
  34. letter-spacing:0px; /* change the letter spacing */
  35. text-transform:none; /* can be uppercase, lowercase, none*/
  36. color:#000; /* change the text color */
  37. z-index:999999999999999999999999999999999999;
  38. }
  39. @font-face { font-family: meow; src: url(http://static.tumblr.com/vyr0ogr/dF9ms0ims/frosting-for-breakfast_regular.otf); }
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {
  42. background-color: {color:scrollbar}; /*scrollbar's slider color*/
  43. background-image:url('URL HERE'); /*optional background image*/
  44. height:100px;
  45. -moz-border-radius: 50px; /*these make bar rounded*/
  46. border-radius: 50px;
  47. border: 1px solid #65909A; /*border's color*/
  48. }
  49. #leaves1{
  50. position:fixed;
  51. margin-left: -10px;
  52. margin-top: 130px;
  53. }
  54. #leaves2{
  55. position:fixed;
  56. margin-left: 1145px;
  57. margin-top: 130px;
  58. }
  59. #leaves3{
  60. position:fixed;
  61. margin-left: 245px;
  62. margin-top: 410px;
  63. }
  64. #leaves4{
  65. position:fixed;
  66. margin-left: 910px;
  67. margin-top: 410px;
  68. }
  69.  
  70. #about{
  71. overflow: auto;
  72. position:fixed;
  73. z-index:9999;
  74. padding:1px;
  75. margin-top: 145px;
  76. margin-left: 205px;
  77. height: 180px;
  78. width: 263px;
  79. opacity: 1;
  80. border-bottom: 35px solid #FF9955;
  81. border-top: 35px solid #FF9955;
  82. border-left: 15px solid #FF7F24;
  83. border-right: 15px solid #FF7F24;
  84. background-color:#e9e9e9;
  85. font-family: "calibri";
  86. line-height: 25px;
  87. font-size: 25px;
  88. border-radius: 0px;
  89. transform: perspective(0) rotateX(0deg);
  90. -o-transform: perspective(0) rotateX(0deg);
  91. -webkit-transform: perspective(0) rotateX(0deg);
  92. -webkit-transition: all .9s ease;
  93. -moz-transition: all .9s ease;
  94. -o-transition: all .9s ease;
  95. transition: all .9s ease;
  96. }
  97.  
  98. #will{
  99. overflow: auto;
  100. position:fixed;
  101. z-index:9999;
  102. padding:1px;
  103. margin-top: 145px;
  104. margin-left: 525px;
  105. height: 180px;
  106. width: 263px;
  107. opacity: 1;
  108. border-bottom: 35px solid #FF9955;
  109. border-top: 35px solid #FF9955;
  110. border-left: 15px solid #FF7F24;
  111. border-right: 15px solid #FF7F24;
  112. background-color:#e9e9e9;
  113. font-family: "calibri";
  114. font-size: 25px;
  115. line-height: 25px;
  116. border-radius: 0px;
  117. -webkit-transition: all.7s ease;
  118. -moz-transition: all .7s ease;
  119. -o-transition: all .7s ease;
  120. -webkit-transform:rotate(0deg);
  121. -moz-transform:rotate(0deg);
  122. -o-transform: rotate(0deg);
  123. }
  124.  
  125.  
  126. #wont{
  127. overflow: auto;
  128. position:fixed;
  129. z-index:9999;
  130. padding:1px;
  131. margin-top: 145px;
  132. margin-left: 845px;
  133. height: 180px;
  134. width: 263px;
  135. opacity: 1;
  136. border-bottom: 35px solid #FF9955;
  137. border-top: 35px solid #FF9955;
  138. border-left: 15px solid #FF7F24;
  139. border-right: 15px solid #FF7F24;
  140. background-color:#e9e9e9;
  141. font-family: "calibri";
  142. line-height: 25px;
  143. font-size: 25px;
  144. -webkit-transition: all.7s ease;
  145. -moz-transition: all .7s ease;
  146. -o-transition: all .7s ease;
  147. -webkit-transform:rotate(0deg);
  148. -moz-transform:rotate(0deg);
  149. -o-transform: rotate(0deg);
  150. }
  151. #toptitle{
  152. position: fixed !important;
  153. z-index: 9999999999999999999999999999999999999999999999999999;
  154. margin-left: 260px;
  155. margin-top: 75px;
  156. font-family: "meow";
  157. font-size: 50px;
  158. }
  159. #iwillt{
  160. position: fixed !important;
  161. z-index: 9999999999999999999999999999999999999999999999999999;
  162. margin-left: 615px;
  163. margin-top: 75px;
  164. font-family: "meow";
  165. font-size: 50px;
  166. }
  167. #iwontt{
  168. position: fixed !important;
  169. z-index: 9999999999999999999999999999999999999999999999999999;
  170. margin-left: 925px;
  171. margin-top: 75px;
  172. font-family: "meow";
  173. font-size: 50px;
  174. }
  175. #navt{
  176. position: fixed !important;
  177. z-index: 9999999999999999999999999999999999999999999999999999;
  178. margin-left: 40px;
  179. margin-top: 385px;
  180. font-family: "meow";
  181. font-size: 50px;
  182. }
  183. #ask{
  184. position: fixed !important;
  185. margin-top: 430px;
  186. margin-left: 430px;
  187. border-bottom: 15px solid #FF9955;
  188. border-top: 15px solid #FF9955;
  189. border-left: 15px solid #FF7F24;
  190. border-right: 15px solid #FF7F24;
  191. background-color:#e9e9e9;
  192. }
  193. #nav{
  194. overflow: auto;
  195. position:fixed;
  196. z-index:9999;
  197. padding:1px;
  198. margin-top: 460px;
  199. margin-left: 25px;
  200. height: 160px;
  201. width: 75px;
  202. opacity: 1;
  203. border-bottom: 15px solid #FF9955;
  204. border-top: 15px solid #FF9955;
  205. border-left: 15px solid #FF7F24;
  206. border-right: 15px solid #FF7F24;
  207. font-family: "calibri";
  208. line-height: 25px;
  209. font-size: 25px;
  210. -webkit-transition: all.7s ease;
  211. -moz-transition: all .7s ease;
  212. -o-transition: all .7s ease;
  213. -webkit-transform:rotate(0deg);
  214. -moz-transform:rotate(0deg);
  215. -o-transform: rotate(0deg);
  216. }
  217. #backicon{
  218. position:fixed;
  219. overflow: auto;
  220. z-index:999999999999;
  221. width:30px;
  222. height:25px;
  223. opacity: 1;
  224. padding-top: 5px;
  225. padding-bottom: 0px;
  226. margin-left:68px;
  227. margin-top:483px;
  228. line-height:23px;
  229. text-align:center;
  230. font-size: 20px;
  231. letter-spacing: 1px;
  232. border-top-left-radius: 8px;
  233. border-top-right-radius: 8px;70
  234. border-bottom-left-radius: 8px;
  235. border-bottom-right-radius: 8px;
  236. }
  237. #linksicon{
  238. position:fixed;
  239. overflow: auto;
  240. z-index:999999999999;
  241. width:30px;
  242. height:25px;
  243. opacity: 1;
  244. padding-top: 5px;
  245. padding-bottom: 0px;
  246. margin-left:63px;
  247. margin-top:523px;
  248. line-height:23px;
  249. text-align:center;
  250. font-size: 20px;
  251. border-top-left-radius: 8px;
  252. border-top-right-radius: 8px;
  253. border-bottom-left-radius: 8px;
  254. border-bottom-right-radius: 8px;
  255. }
  256. #dashicon{
  257. position:fixed;
  258. overflow: auto;
  259. z-index:999999999999;
  260. width:30px;
  261. height:25px;
  262. opacity: 1;
  263. padding-top: 5px;
  264. padding-bottom: 0px;
  265. margin-left:63px;
  266. margin-top:563px;
  267. line-height:23px;
  268. text-align:center;
  269. font-size: 20px;
  270. border-top-left-radius: 8px;
  271. border-top-right-radius: 8px;
  272. border-bottom-left-radius: 8px;
  273. border-bottom-right-radius: 8px;
  274. }
  275. #credicon{
  276. position:fixed;
  277. overflow: auto;
  278. z-index:999999999999;
  279. width:30px;
  280. height:25px;
  281. opacity: 1;
  282. padding-top: 5px;
  283. padding-bottom: 0px;
  284. margin-left:63px;
  285. margin-top:603px;
  286. line-height:23px;
  287. text-align:center;
  288. font-size: 20px;
  289. border-top-left-radius: 8px;
  290. border-top-right-radius: 8px;
  291. border-bottom-left-radius: 8px;
  292. border-bottom-right-radius: 8px;
  293. }
  294. ::-webkit-scrollbar-thumb:vertical {
  295. background-color:#FF6103; /*scrollbar's slider color*/
  296. background-image:url('URL HERE'); /*optional background image*/
  297. height:100px;
  298. -moz-border-radius: 5px; /*these make bar rounded*/
  299. border-radius: 5px;
  300. border: 1px solid #ffffff; /*border's color*/
  301. }
  302.  
  303. ::-webkit-scrollbar-thumb:horizontal {
  304. background-color:#323232; /*scrollbar's slider color*/
  305. height:100px !important;
  306. }
  307.  
  308. ::-webkit-scrollbar {
  309. background-color:#ffffff; /*scrollbar's main color*/
  310. background-image:url('URL HERE'); /*optional background image*/
  311. height:10px;
  312. width:10px; /*width of slider*/
  313. border: 1px solid #ffffff; /*border's color*/
  314. }
  315. </style>
  316. <title>Message me</title>
  317.  
  318. <link rel="shortcut icon" href="{Favicon}" />
  319. <meta name="viewport" content="width=820" />
  320. </head>
  321.  
  322. <body>
  323. <div id="backicon"><a href="{text:link1}" title="back to blog"><img src="http://static.tumblr.com/swusrnb/9IDmtuar6/undo-20.png" style="opacity: 0.8; margin-top: 0.5;"></a></div>
  324. <div id="linksicon"><a href="{text:link2}" title="links"><img src="http://static.tumblr.com/swusrnb/yODms82gw/hgfds.png" style="opacity: 0.8; margin-top: 0.5;"></a></div>
  325. <div id="dashicon"><a href="http://tumblr.com" title="dashboard"><img src="http://static.tumblr.com/swusrnb/xxYms81am/1377678012_home.png" style="opacity:0.8; margin-top:0.5px;"></a></div>
  326. <div id="credicon"><a href="http://faqulous.co.vu" title="credit"><img src="http://i40.tinypic.com/xmmzav.png" style="opacity: 0.8; margin-top: 0.5;"></a></div>
  327. <div id="toptitle">About me;</div>
  328. <div id="iwillt">I will;</div>
  329. <div id="iwontt">I wont;</div>
  330. <div id="navt">Nav;</div>
  331. <div id="leaves1"><img src="http://static.tumblr.com/swusrnb/9iQmtt5fs/dd.png" width=210px></div>
  332. <div id="leaves2"><img src="http://static.tumblr.com/swusrnb/9iQmtt5fs/dd.png" width=210px></div>
  333. <div id="leaves3"><img src="http://static.tumblr.com/swusrnb/9iQmtt5fs/dd.png" width=185px></div>
  334. <div id="leaves4"><img src="http://static.tumblr.com/swusrnb/9iQmtt5fs/dd.png" width=185px></div>
  335.  
  336. <div id="about">
  337.  
  338. my name is ru<br>
  339. yay<br>
  340. write < br > to get a new line<br>
  341. I love you<br>
  342. it has a scrollbar so write as much as you want!<br>
  343. lalalalalala
  344. </div>
  345.  
  346. <div id="will">
  347.  
  348. Put what you will here (:
  349.  
  350. </div>
  351.  
  352. <div id="wont">
  353.  
  354. Put what you won't here
  355.  
  356. </div>
  357.  
  358. <div id="ask"><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" width="450" height="190" z-index="9999999"></iframe></div>
  359.  
  360. <div id="nav">
  361.  
  362.  
  363. </div>
  364.  
  365. <a href="http://faqulous.co.vu"><img src="http://i40.tinypic.com/xmmzav.png" style="position:fixed; bottom:15px; right:3px; opacity:.6; z-index:9999999999999999999999999;" title="layout by faqulous!"></a>
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!