Advertisement
josthemes

FAQ page #01 by amazingpond

Aug 24th, 2014
239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.05 KB | None | 0 0
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.  
  5. /**SCROLLBAR*/
  6. ::-webkit-scrollbar {background-color:transparent; height:4px; width:4px}
  7. ::-webkit-scrollbar-thumb:vertical {background-color:#747474; height:50px}
  8.  
  9. /*END SCROLLBAR*/
  10.  
  11. /*SELECTION*/
  12. ::selection{color:#d4fffa;background:transparent;}
  13.  
  14. /*BACKGROUND*/
  15. body {
  16. background-image:url('http://static.tumblr.com/usymibo/vXrnasmrv/tumblr_n7ciubbzo01tcjio1o2_500.jpg'); /*UPLOAD YOUR OWN BACKGROUND IMAGE TO https://www.tumblr.com/themes/upload_static_file */
  17. background-repeat:no-repeat;
  18. background-size:100% 100%;
  19. background-attachment:fixed;
  20. }
  21.  
  22. strong, b{ font-weight:bold; text-align:left;letter-spacing:.5px;}
  23. blockquote{ border-left:2px solid #b4b4b4; padding-left:5px;padding-right:3px;padding-top:none;}
  24.  
  25. a{color:black; text-decoration:none;}
  26. a:hover{text-decoration:underline;}
  27. /*TITLE*/
  28. #title{
  29. width:460px;
  30. margin-top:120px;
  31. font-size:30px;
  32. text-align:right;
  33. font-weight:300;
  34. letter-spacing:2px;
  35. font-family:MV boli;
  36. text-transform:uppercase;
  37. padding:10px;
  38. -moz-transition-duration: 1s;
  39. -o-transition-duration: 1s;
  40. -webkit-transition-duration: 1s;
  41. transition-duration: 1s;
  42. }
  43.  
  44. #title:hover{
  45. letter-spacing:8px;
  46. -moz-transition-duration: 1s;
  47. -o-transition-duration: 1s;
  48. -webkit-transition-duration: 1s;
  49. transition-duration: 1s;
  50. }
  51.  
  52. /*LINKS*/
  53. #links {
  54. font-family:calibri;
  55. text-align:right;
  56. width:455px;
  57. margin-bottom:10px;
  58. }
  59.  
  60. #links a {
  61. color:black;
  62. text-transform:uppercase;
  63. letter-spacing:1px;
  64. text-decoration:none;
  65. border:1px solid #9e9e9e;
  66. padding:4px;
  67. font-size:9px;
  68. border-radius:2.5px;
  69. -moz-transition-duration: 2s;
  70. -o-transition-duration: 2s;
  71. -webkit-transition-duration: 2s;
  72. transition-duration: 2s;
  73. box-shadow:0px .5px .5px .5px #cfcfcf;
  74. }
  75.  
  76. #links a:hover{
  77. background:black;
  78. color:white;
  79. border-color:black;
  80. -moz-transition-duration: 1s;
  81. -o-transition-duration: 1s;
  82. -webkit-transition-duration: 1s;
  83. transition-duration: 1s;
  84. }
  85.  
  86. /*ASKBOX*/
  87. #ask{
  88. z-index:999;
  89. width:460px;
  90. height:auto;
  91. border-radius:3px;
  92. margin:auto;
  93. margin-bottom:120px;
  94. }
  95.  
  96. /*FAQ*/
  97. #faq {
  98. font-size:12px;
  99. text-align:left;
  100. border:1px solid #b4b4b4;
  101. padding:10px;
  102. width:435px;
  103. height:150px;
  104. overflow:auto;
  105. font-family:calibri;
  106. border-radius:3px;
  107. box-shadow:0px 1px 1px 1px #bfbfbf;
  108. margin-bottom:10px;
  109. }
  110. </style>
  111.  
  112. <body>
  113. <center>
  114. <title>FAQ</title>
  115. <div id="title">f.a.q.<br></div>
  116. <div id="links"><!--LINKS-->
  117. <a href="/">blog</a>
  118. <a href="http://tumblr.com/dashboard">dash</a>
  119. <a href="/navigation">Navi</a>
  120. <a href="http://amazingpond.tumblr.com">credit</a>
  121. </div>
  122. <div id="faq">
  123. <!----FAQ STARTS HERE------>
  124. <b>How do you install this theme?</b> <!----QUESTION---->
  125. <blockquote>Go to your customize page, click create new page, and hit custom html and just dump the code in there!</blockquote><!---ANSWER--->
  126.  
  127. <strong>What are the features of this?</strong><!----QUESTION---->
  128. <blockquote>an ask box, as many questions as you want (a scrollbar will appear) and of course, a FAQ!</blockquote><!---ANSWER--->
  129.  
  130. <b>How do I get these bold and stuff?</b><!----QUESTION---->
  131. <blockquote>use < b > or < strong > for question (remove spaces) and < blockquote > for your answer (border on the right)</blockquote><!---ANSWER--->
  132.  
  133. <strong>How do I get the askbox working?</strong><!----QUESTION---->
  134. <blockquote>put your url before the .tumblr.com <b>(URL, NOT DOMAIN, although that would still work)</b> but don't worry, I specified it for you!</blockquote><!---ANSWER--->
  135.  
  136. <b>How do I add more/delete questions?</b>
  137. <blockquote>just copy and paste everything from < b >/< strong > to < /blockquote > below! To delete do the same, except you of course delete it</blockquote>
  138. <big><b>IF YOU WANT TO ADD A SUBMIT BOX, COPY <a href="http://pastebin.com/E0hsKnSb">THIS</a> CODE AND OF COURSE TYPE IN YOUR URL!</b></big>
  139. </div>
  140. <!---FAQ ENDS HERE----->
  141. <div id="ask">
  142. <iframe frameborder="0" height="200px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/URL.tumblr.com" width="460px"></iframe> <!--YOUR URL HERE---->
  143. </div>
  144.  
  145. </body>
  146. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement