API tools faq
paste
Advertisement
planthed

Ask page #9 ver. 2

planthed
Nov 1st, 2014
461
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.58 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. this is a new layout for you, i hope you like it! keep the credits and i wont report you:)
  3.  
  4. ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ 　 ▒█▀▀█ ▒█░░▒█ 　
  5. ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ 　 ▒█▀▀▄ ▒█▄▄▄█ 　
  6. ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ 　 ▒█▄▄█ ░░▒█░░
  7.  
  8. ▒█▀▀█ ▒█░░░ ░█▀▀█ ▒█▄░▒█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▀▄
  9. ▒█▄▄█ ▒█░░░ ▒█▄▄█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█░▒█
  10. ▒█░░░ ▒█▄▄█ ▒█░▒█ ▒█░░▀█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█▄▄▀.TUMBLR.COM
  11.  
  12. KEEP THE CREDITS OR I'LL REPORT YOU!
  13.  
  14. *****IMPORTANT, READ THIS*****
  15.  
  16. the idea of this layout and all that contain are made by me, please do not steal,redristibute or claim it as yours; keep the credits intact, bc i work really hard to make this for you. I know when people stole my codes, if you are of this people, i will message you to credit me, if you don't reply or dont take me in account, i proceed to report you and you will suffer the consequences.
  17.  
  18. If you have any trouble with this, feel free to ask for help:)
  19.  
  20. atte. Laura a.k.a planthed<3
  21.  
  22. ****
  23. IF YOU WANT TO CHANGE THE COLORS FIND THIS "#d2dae5" IN ALL THE CODE, USE CTRL + F
  24.  
  25. but I will also give indications of where to change them
  26. ****
  27.  
  28. ****
  29. IF YOUR ASK BOX DO NOT SERVE, REMEMBER TO CHANGE "YOUR URL HERE" WITH THE NAME OF YOUR URL IN: http://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com
  30.  
  31. ((FIND THIS WITH CTRL + F))
  32. ****
  33.  
  34. **********BASIC CODES FOR YOU**********
  35. BOLD: <b>BOLD</b> <br>
  36. ITALIC: <i>ITCALIC</i> <br>
  37. UNDERLINES: <u>UNDERLINE</u> <br>
  38. STRIKE THROUGH: <s>STRIKE THROUGH</s> <br>
  39. CHANGING COLOR: <font color="#d2dae5">text</font> <br>
  40.  
  41. CHANGING SIZE: <font size="2">text</font> <br>
  42.  
  43. CHANGING COLOR & SIZE: <font size="2" color="htmlcolor">text</font> <br>
  44.  
  45. link: <a href="http://link">name</a>
  46. *** If you want to open the link in a NEW window, use this code:
  47. <a href="http://link" target="_blank">name</a>
  48. ****************************************
  49.  
  50. please please please keep the credits, i work really hard in this layout for you, i'll be grateful x
  51. --->
  52.  
  53. <html lang="en">
  54.  
  55.  
  56. <script type="text/javascript">
  57. <!--
  58.  
  59. // Disable Right Click Script
  60.  
  61. function IE(e)
  62. {
  63. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  64. {
  65. return false;
  66. }
  67. }
  68. function NS(e)
  69. {
  70. if (document.layers || (document.getElementById && !document.all))
  71. {
  72. if (e.which == "2" || e.which == "3")
  73. {
  74. return false;
  75. }
  76. }
  77. }
  78. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  79.  
  80. //-->
  81. </script>
  82.  
  83. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  84. <title>any question?</title>
  85. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png">
  86. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  87.  
  88.  
  89.  
  90. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  91. <script type="text/javascript" src="http://static.tumblr.com/dbhjqlo/rd3nc0jpe/effectsxp.txt"></script>
  92. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  93. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  94. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  95. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  96. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){$(document)
  99. .ready(function(){$("[title]")
  100. .style_my_tooltips();});})
  101. (jQuery);
  102. </script>
  103.  
  104. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  105. </script>
  106.  
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. #s-m-t-tooltip {
  112. z-index:999999999999999999999999;
  113. padding:1px 2px 2px 3px;
  114. line-heigt:80%;
  115. margin: 1px 0px 0px 10px;
  116. bo-shadow:1px 1px 3px rgba(0,0,0, .1);
  117. border-radius:2px;
  118.  
  119. display: none;
  120. font: 8px calibri;
  121. text-align: center;
  122. position: absolute;
  123. letter-spacing: 1px;
  124. background: rgba(0,0,0,.5);
  125. color: white;
  126. text-transform: uppercase;
  127. font-styl:italic;
  128. }
  129.  
  130.  
  131. ::-webkit-scrollbar {width: 7px; height: 0px; background:#fff; border-left: 1px solid #fff; }
  132.  
  133. ::-webkit-scrollbar-thumb { background-color:#d2dae5; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  134.  
  135. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  136.  
  137. body{
  138. margin:0px;
  139. color: #aaa;
  140. background-attachment: fixed;
  141. padding: 0px;
  142. font-family: "calibri";
  143. background: #fafafa;
  144. background-image:url({image:Background});
  145. background-attachment: fixed;
  146. background-position:center;
  147. background-repeat: no-repeat;
  148. background-attachment:fixed;
  149. background-size: cover;
  150. }
  151.  
  152. ::selection {
  153. background:#d2dae5; /* CHANGE THE COLOR*/
  154. color:#fff;}
  155.  
  156. ::-moz-selection {
  157. background:#d2dae5; /* CHANGE THE COLOR*/
  158. color:#fff;}
  159.  
  160. a:link, a:active, a:visited{cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  161. font-style:italic;
  162. color: #d2dae5; /* change the color*/
  163. text-decoration: none;
  164. -webkit-transition: color 0.5s ease-out;
  165. -moz-transition: color 0.5s ease-out;
  166.  
  167. }
  168.  
  169.  
  170. a:hover{cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;color:#d2dae5; /* change the color*/
  171. -webkit-transition-duration: .9s;
  172. -webkit-transition: color 0.3s ease-out;
  173. -moz-transition: color 0.3s ease-out;
  174.  
  175. }
  176.  
  177.  
  178.  
  179.  
  180.  
  181. @font-face { font-family:"petit"; src: url('http://static.tumblr.com/jpkny6t/Ftxmqvdxg/petit-formal-script.regular.ttf'); }
  182.  
  183. #box{
  184.  
  185. box-shadow:rgba(0,0,0,.05) 10px 10px;
  186. background:#fff;
  187.  
  188. position:fixed !important;
  189. width:680px;
  190. background:#d2dae5;
  191. height:310px;
  192. outline-offset:-8px;
  193. outline:1px solid #fff;
  194. border:1px solid #fff;
  195. margin-top:100px;
  196. margin-left:305px;
  197. text-align:left;
  198. }
  199.  
  200. #about{
  201. outline-offset:-8px;
  202. outline:1px solid #ddd;
  203. border:1px solid #ddd;
  204. position:fixed !important;
  205. z-index:9999999999999999999999999;
  206. margin-top:20px;
  207. margin-left:18px;
  208. width:200px;
  209. padding:11px;
  210. letter-spacing:1px;
  211. font-family:calibri;
  212. font-size:10px;
  213. text-transform:uppercase;
  214. color:#aaa;
  215. line-height:10px;
  216. overflow:hidden;
  217. height:35px;
  218. background:white;
  219. -webkit-transition: all .7s ease;
  220. -moz-transition: all .7s ease;
  221. -o-transition: all .7s ease;
  222. transition: all .7s ease;
  223.  
  224.  
  225. }
  226.  
  227. #about:hover{margin-top:15px;
  228. margin-left:256px;
  229. height:253px;
  230. width:380px;
  231.  
  232. }
  233.  
  234.  
  235. #will{
  236. outline-offset:-8px;
  237. outline:1px solid #ddd;
  238. border:1px solid #ddd;
  239. position:fixed !important;
  240. z-index:99;
  241. margin-top:90px;
  242. margin-left:18px;
  243. width:200px;
  244. padding:11px;
  245. letter-spacing:1px;
  246. font-family:calibri;
  247. font-size:10px;
  248. text-transform:uppercase;
  249. color:#aaa;
  250. line-height:10px;
  251. overflow:hidden;
  252. height:35px;
  253. background:white;
  254. -webkit-transition: all .7s ease;
  255. -moz-transition: all .7s ease;
  256. -o-transition: all .7s ease;
  257. transition: all .7s ease;
  258. }
  259.  
  260. #will:hover{
  261. margin-top:15px;
  262. margin-left:256px;
  263. height:253px;
  264. width:380px;
  265.  
  266. }
  267.  
  268.  
  269. #other{
  270. outline-offset:-8px;
  271. outline:1px solid #ddd;
  272. border:1px solid #ddd;
  273. position:fixed !important;
  274. z-index:99;
  275. margin-top:160px;
  276. margin-left:18px;
  277. width:200px;
  278. padding:11px;
  279. letter-spacing:1px;
  280. font-family:calibri;
  281. font-size:10px;
  282. text-transform:uppercase;
  283. color:#aaa;
  284. line-height:10px;
  285. overflow:hidden;
  286. height:35px;
  287. background:white;
  288. -webkit-transition: all .7s ease;
  289. -moz-transition: all .7s ease;
  290. -o-transition: all .7s ease;
  291. transition: all .7s ease;
  292. }
  293.  
  294. #other:hover{
  295. margin-top:15px;
  296. margin-left:256px;
  297. height:253px;
  298. width:380px;
  299. }
  300.  
  301. #askbox{
  302. position:fixed !important;
  303. z-index:9;margin-top:6px;
  304. margin-left:256px;
  305. width:800px;
  306. }
  307.  
  308. #links{
  309. opacity:1.0;
  310. margin-left:20px;
  311. margin-top:230px;
  312. position:fixed;
  313. z-index:9;
  314. transition: all 0.9s ease-out;
  315. -o-transition-transition: all 0.9s ease-out;
  316. -webkit-transition: all 0.9s ease-out;
  317. -moz-transition: all 0.9s ease-out;
  318. }
  319.  
  320.  
  321. #links a {
  322. font-family:calibri;
  323. display:inline-block;
  324. padding:5px;
  325. z-index:9;
  326. width:60px;
  327. height:14px;
  328. border:1px solid #eee;
  329. z-index:99999;
  330. text-align:center;
  331. background:white; /* CHANGE THE COLOR*/
  332. color:#d2dae5; /* CHANGE THE COLOR*/
  333. margin-top:3px;
  334. font-size:10px;
  335. font-style:italic;
  336. text-transform:uppercase;
  337. letter-spacing:1px;
  338. transition: all 0.9s ease-out;
  339. -o-transition-transition: all 0.9s ease-out;
  340. -webkit-transition: all 0.9s ease-out;
  341. -moz-transition: all 0.9s ease-out;
  342. outline-offset:-0px;
  343. outline:0px solid #fff;
  344. }
  345.  
  346. #links a:hover{border:1px solid #fff;
  347. outline-offset:-5px;
  348. outline:1px solid #fff;
  349. background:#d2dae5; /* CHANGE THE COLOR*/
  350. color:white; /* CHANGE THE COLOR*/
  351. transition: all 0.9s ease-out;
  352. -o-transition-transition: all 0.9s ease-out;
  353. -webkit-transition: all 0.9s ease-out;
  354. -moz-transition: all 0.9s ease-out;}
  355.  
  356. #color{
  357. background-color:#d2dae5;
  358. repeat:repeat-x;
  359. width:100%;
  360. height:15px;
  361. border-bottom:5px solid #fff;
  362. position: fixed;
  363. opacity:1;
  364. margin-left:0px;
  365. margin-top:0px;
  366. z-index:99999;
  367. }
  368.  
  369.  
  370.  
  371. </style>
  372.  
  373.  
  374.  
  375. </head>
  376.  
  377. <body>
  378. <div id="color"></div>
  379.  
  380.  
  381.  
  382. <div id="box">
  383.  
  384.  
  385. <div id="about">
  386. <!--CHANGE THIS COLOR WITH THE COLOR YOU WANT--->
  387. <div style="font-family:Lucida Calligraphy; font-size:20px; color:#d2dae5;text-align:center; letter-spacing:1px;line-height:46px;text-transform:lowercase;">title 1</div>
  388. <!--CHANGE THIS COLOR WITH THE COLOR YOU WANT--->
  389. <hr noshade size=1 color=#eee><p></p>
  390. <!---WRITE HERE YOUR FAQ, ABOUT, OR WHATEVER YOUR HEART DESIRES LOLS--->
  391.  
  392.  
  393.  
  394.  
  395. <!---WRITE HERE YOUR FAQ, ABOUT, OR WHATEVER YOUR HEART DESIRES LOLS--->
  396. </div>
  397. <div id="will">
  398. <!--CHANGE THIS COLOR WITH THE COLOR YOU WANT--->
  399. <div style="font-family:Lucida Calligraphy; font-size:20px; color:#d2dae5; text-align:center; letter-spacing:1px;line-height:46px;text-transform:lowercase;">title 2</div>
  400. <!--CHANGE THIS COLOR WITH THE COLOR YOU WANT--->
  401. <hr noshade size=1 color=#eee>
  402. <!---WRITE HERE YOUR FAQ, ABOUT, OR WHATEVER YOUR HEART DESIRES LOLS--->
  403.  
  404.  
  405.  
  406.  
  407.  
  408. <!---WRITE HERE YOUR FAQ, ABOUT, OR WHATEVER YOUR HEART DESIRES LOLS--->
  409. </div>
  410. <div id="other">
  411. <!--CHANGE THIS COLOR WITH THE COLOR YOU WANT--->
  412. <div style="font-family:Lucida Calligraphy; font-size:20px; color:#d2dae5; text-align:center; letter-spacing:1px;line-height:46px;text-transform:lowercase;">title 3</div>
  413. <!--CHANGE THIS COLOR WITH THE COLOR YOU WANT--->
  414. <hr noshade size=1 color=#eee>
  415. <!---WRITE HERE YOUR FAQ, ABOUT, OR WHATEVER YOUR HEART DESIRES LOLS--->
  416.  
  417.  
  418.  
  419. <!---WRITE HERE YOUR FAQ, ABOUT, OR WHATEVER YOUR HEART DESIRES LOLS--->
  420. </div>
  421. <!--CHANGE THE NAME OF YOUR URL--->
  422. <div id="askbox">
  423. <p><iframe frameborder="0" scrolling="no" width="50%" height="265" src="http://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></div>
  424. <!--CHANGE THE NAME OF YOUR URL--->
  425.  
  426. <!--LINKSL--->
  427. <div id="links">
  428. <a href="/">link1</a>
  429. <a href="/">link2</a>
  430. <a href="/">link3</a> <br>
  431. <a href="/">link4</a>
  432. <a href="/archive">archive</a>
  433. <a href="http://planthed.tumblr.com">credit</a>
  434. </div></div></div>
  435.  
  436. <div style="position:fixed; right:0px; bottom:-5px; opacity:0.6;"><img src="http://media.tumblr.com/tumblr_m5eui0Bqib1rqmdb7.png"width="400"></div>
  437.  
  438.  
  439.  
  440.  
  441. </html>
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!