Advertisement
spaqhetti-tacos

Ask layout by spaqhetti-tacos

Apr 20th, 2013
1,205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.83 KB | None | 0 0
  1. <!--
  2. Layout for ask page by spaqhetti-tacos, keep the credit please i worked hard on this!
  3. -->
  4.  
  5. <html>
  6. <head>
  7. <script type="text/javascript">
  8. </script>
  9.  
  10.  
  11. <style type="text/css">
  12.  
  13. a:link, a:active, a:visited{
  14. color: #000;
  15. text-decoration: none;
  16. -webkit-transition: color 0.3s ease-in;
  17. -moz-transition: color 0.3s ease-in;
  18. }
  19.  
  20. a:hover {
  21. text-decoration: line-through;
  22. font-style:;
  23. color: #ddd;
  24. }
  25.  
  26. ::-webkit-scrollbar {
  27.  
  28. height: 5px;
  29.  
  30. width: 5px;
  31.  
  32. background: #fff;
  33.  
  34. }
  35.  
  36. ::-webkit-scrollbar-thumb {
  37.  
  38. background:#COLOR OF SCROLLBAR;
  39.  
  40. border: 0px;
  41.  
  42. -webkit-border-radius: 5ex;
  43.  
  44. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  45.  
  46. }
  47.  
  48. ::-webkit-scrollbar-corner {
  49.  
  50. background: #transparent;
  51.  
  52. }
  53.  
  54.  
  55.  
  56.  
  57. @font-face { font-family: "oops"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  58.  
  59. @font-face { font-family: "nessa"; src: url('http://static.tumblr.com/lyl1wkn/WRymgbxn5/vanessalovesyou.ttf'); }
  60.  
  61. @font-face{font-family: "Ashley Marie";src:url('http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf');}
  62.  
  63. @font-face { font-family: "dupree"; src: url('http://static.tumblr.com/vtg00tr/oI8mlkss3/dupree.zip'); }
  64.  
  65. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  66.  
  67.  
  68.  
  69. #title {
  70. position:fixed !important;
  71. z-index: 1;
  72. overflow: hidden;
  73. opacity: 1;
  74. width: auto;
  75. height: 30px;
  76. color: #COLOR OF YOUR TITLE;
  77. background: transperant;
  78. padding: 10px;
  79. margin-left: 350px;
  80. margin-top: 0px;
  81. text-align: center;
  82. letter-spacing: 2px;
  83. font-size: 40px;
  84. font-family: "ashley marie";
  85. -webkit-border-top-right-radius: 6px;
  86. -webkit-border-bottom-right-radius: 2px;
  87. -webkit-border-bottom-left-radius: 2px;
  88. -webkit-border-top-left-radius: 6px;
  89. }
  90.  
  91. #msg {
  92. position:fixed !important;
  93. overflow: hidden;
  94. opacity: 3;
  95. width: 560px;
  96. height: 220px;
  97. color: #COLOR OF TEXT OF YOUR FAQ!!!!!!!;
  98. border: 3px solid #COLOR OF BORDER;
  99. background-color: #ffffff;
  100. padding: 6px;
  101. margin-left: 375px;
  102. margin-top: 80px;
  103. font-family: "pewp";
  104. font-size: 13px;
  105. -webkit-border-top-right-radius: 5px;
  106. -webkit-border-bottom-right-radius: 5px;
  107. -webkit-border-bottom-left-radius: 5px;
  108. -webkit-border-top-left-radius: 5px;
  109. }
  110.  
  111.  
  112. #ask {
  113. position:fixed !important;
  114. z-index: 1px;
  115. overflow: hidden;
  116. opacity: 1;
  117. background-color:white;
  118. width: 562px;
  119. height: auto;
  120. padding: 5px;
  121. border: 3px solid #COLOR OF BORDER FOR ASK make it the same color as the faq it'll look better;
  122. border-top:0px;
  123. margin-left: 375px;
  124. margin-top: 310px;
  125. font-family: ronda;
  126. -webkit-border-top-right-radius: 1px;
  127. -webkit-border-bottom-right-radius: 5px;
  128. -webkit-border-bottom-left-radius: 5px;
  129. -webkit-border-top-left-radius: 1px;
  130. }
  131.  
  132. #links {
  133. position:fixed !important;
  134. overflow: hidden;
  135. opacity: 1;
  136. width: 390px;
  137. height: auto;
  138. color: #000:
  139. padding: 0px;
  140. padding-top: 7px;
  141. border: 3px solid #COLOR OF BORDER FOR LINKS;
  142. background-color:white;
  143. margin-left: 770px;
  144. margin-top: 282px;
  145. font-family: "nessa";
  146. font-size: 25px;
  147. line-height: 26px;
  148. -webkit-border-top-right-radius: 6px;
  149. -webkit-border-bottom-right-radius: 6px;
  150. -webkit-border-bottom-left-radius: 6px;
  151. -webkit-border-top-left-radius: 6px;
  152. -webkit-transform: rotate(90deg);
  153. -moz-transform: rotate(90deg);
  154. }
  155.  
  156. #credit {
  157. position:fixed !important;
  158. overflow: hidden;
  159. opacity: 1;
  160. width: 15px;
  161. height: 10;
  162. color: #000:
  163. padding: 0px;
  164. padding-top: 7px;
  165. border: 1px solid #ddd;
  166. background-color:white;
  167. margin-left: -16px;
  168. margin-top: -20px;
  169. font-family: "pewp";
  170. font-size: 12px;
  171. line-height: 2px;
  172. text-align: center;
  173. -webkit-border-top-right-radius: 6px;
  174. -webkit-border-bottom-right-radius: 6px;
  175. -webkit-border-bottom-left-radius: 6px;
  176. -webkit-border-top-left-radius: 6px;
  177. }
  178.  
  179.  
  180. body {
  181. background-image:url("PUT YOUR BACKGROUND HERE!");
  182. background-size: cover;
  183. margin: 0;
  184. padding: 20px;
  185. }
  186.  
  187. </style>
  188.  
  189. <div id="title">
  190. PUT YOUR TITLE HERE. for ex: faq or frequently asked questions the longer the better
  191. </div>
  192.  
  193. <div id="links">
  194.  
  195. <center>
  196. <a href="/url of the link">Link title</a> &middot
  197. <a href="/LINK">Link title</a> &middot
  198. <a href="/LINK">Link title</a> &middot
  199. <a href="/LINK">Link title</a>
  200. </div>
  201.  
  202.  
  203.  
  204. <div id="msg">
  205. Put your faq here make sure if you want a new line add "br>" like shown below:
  206. name blah blah<br>
  207. <br>I will:<br>
  208. - blah blah
  209. I will not:<br>
  210. - blah blah.
  211. the longer you make your faq the better. but don't make it thattt long try to make everything fit plz <br>.
  212.  
  213. PUT YOUR USERNAME IN USERNAME! UNDERRRRRRR IN THISSSS DON'T FORGET OR IF NOT YOUR ASK WON'T WORK!
  214. </div>
  215.  
  216.  
  217. <div id="ask">
  218.  
  219. <Center><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" width="560" height="200"></iframe>
  220. </center>
  221. <center>
  222.  
  223. </div>
  224.  
  225. <div id="credit">
  226. <a href="http://spaqhetti-tacos.tumblr.com">♡</a>
  227. </div>
  228.  
  229. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement