API tools faq
paste
Advertisement
kpoopfreak

Simple FAQ Page for Tumblr

kpoopfreak
Oct 8th, 2015
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--This is my work!! It took me 4 fucking hours and half of it was spent on trial and error!
  5. Do not:
  6. use as a base code
  7. remove credit
  8. Allowed:
  9. customization
  10. *********Made by Serena at www.kpoopsextho.tumblr.com************
  11. -->
  12. <head>
  13.  
  14. <style>
  15. * {
  16. font-family: Verdana, sans-serif;
  17. background-color:white; /*background color*/
  18. }
  19. .title {
  20. float:right;
  21. color:#000; /*title color*/
  22. font-size:40px; /*title font size*/
  23. margin-top:50px;
  24. margin-right:100px;
  25. }
  26. a {
  27. border:1px solid black; /*link border color*/
  28. color:black; /*link colors*/
  29. background:none; /*link background color*/
  30. padding:4px;
  31. text-decoration:none;
  32. font-family: Verdana, sans-serif;
  33. position:inline;
  34. border-radius:5px; /*link rounded edges*/
  35. }
  36. /*DO NOT FUCK WITH THS, until it says 'done'*/
  37. .a1 {
  38. position:absolute;
  39. margin-top:50px;
  40. margin-left:500px;
  41. }
  42. .a2 {
  43. position:absolute;
  44. margin-top:50px;
  45. margin-left:560px;
  46. }
  47. .a3 {
  48. position:absolute;
  49. margin-top:50px;
  50. margin-left:602px;
  51. }
  52. /*done*/
  53. a:hover {
  54. border-top:white;
  55. border-bottom:1px solid #cc3434; /*link hover border color*/
  56. -webkit-transition: .3s;
  57. transition: .3s;
  58. border-left:white;
  59. border-right:white;
  60. color:#cc3434; /*link hover text color*/
  61. cursor:crosshair;
  62. border-radius:0px;
  63. }
  64. .border {
  65. border:2px solid black; /*faq box border*/
  66. position:absolute;
  67. margin:100px 500px;
  68. }
  69. #all {
  70. padding:10px 10px 10px 10px;
  71. font-family:Verdana,sans-serif;
  72. }
  73. #q {
  74. color:#000; /*"Q" text color*/
  75. font-weight:800;
  76. }
  77. .question {
  78. color:#cc3434; /*question text color*/
  79. }
  80. #a {
  81. color:#000; /*"A" text color*/
  82. font-weight:800;
  83. }
  84. .answer {
  85. color:#f03939; /*answer text color*/
  86. }
  87. .credit {
  88. margin-top:880px;
  89. margin-left:10px;
  90. position:absolute;
  91. font-size:14px;
  92. </style>
  93. </head>
  94.  
  95. <body>
  96.  
  97. <title>{title}</title>
  98. <div class="title">title</div> <!--on-page title-->
  99.  
  100. <a class="a1" href="/">Home</a> <!--home link-->
  101. <a class="a2" href="/ask">Ask</a><!--ask link-->
  102. <a class="a3" href="/">link</a> <!--extra link-->
  103.  
  104.  
  105. <div class="border">
  106. <div id="all">
  107. <div class="question">
  108. <p>
  109. <div id="q">Q:</div>
  110. <!--Edit the question-->
  111. A Question
  112. </p>
  113. </div>
  114.  
  115. <div class="answer">
  116. <p>
  117. <div id="a">A:</div>
  118. <!--Edit the answer-->
  119. An Answer
  120. </p>
  121. </div>
  122.  
  123. <div class="question">
  124. <p>
  125. <div id="q">Q:</div>
  126. <!--Edit the question-->
  127. A Question
  128. </p>
  129. </div>
  130.  
  131. <div class="answer">
  132. <p>
  133. <div id="a">A:</div>
  134. <!--Edit the answer-->
  135. An Answer
  136. </p>
  137. </div>
  138.  
  139. <div class="question">
  140. <p>
  141. <div id="q">Q:</div>
  142. <!--Edit the question-->
  143. A Question
  144. </p>
  145. </div>
  146.  
  147. <div class="answer">
  148. <p>
  149. <div id="a">A:</div>
  150. <!--Edit the answer-->
  151. An Answer
  152. </p>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157.  
  158. <!--don't fuck with this either-->
  159. <div class="credit">
  160. <a href="www.kpoopsextho.tumblr.com">KpoopSexTho
  161. </div>
  162. </body>
  163. </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!