API tools faq
paste
Advertisement
themesbygeorgia

Page 02 -- FAQ

themesbygeorgia
Apr 29th, 2014
969
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- Page 02 - FAQ by wonderfullythemes --->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--SCRIPT FOR TOOLTIPS-->
  13. <stsss>
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("a[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:0,
  22. tip_fade_speed:0,
  23. attribute:"title"
  24. });
  25. });
  26. })(jQuery);
  27. </script>
  28.  
  29. <!--SCRIPT FOR THE SLIDING DROPDOWN MENUS-->
  30. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  31. <script type="text/javascript">
  32. $(document).ready(function(){
  33. $(".links_body").hide();
  34. $(".links_head").click(function(){
  35. $(this).next(".links_body").slideToggle('average');
  36. }); }); </script>
  37. <style type="text/css">
  38. .links_list { margin:0px; padding:0px; width:100%;}
  39. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin-left:1px; margin-right:1px;margin-top:1px;margin-bottom:5px;text-align:left;font-size:12px;font-style:italic;letter-spacing:1px;padding:7px;background-color:#000;color:#fff;}
  40. .links_body { padding:10px; text-align:left; display:none;}
  41. </style>
  42.  
  43. <style type="text/css">
  44.  
  45. /*--SCROLLBAR--*/
  46. ::-webkit-scrollbar-thumb {
  47. height:auto;
  48. background-color:#000; /*-- change the colour of the scrollbar here--*/
  49. }
  50.  
  51. ::-webkit-scrollbar {
  52. height:4px;
  53. width:4px;
  54. padding-right:2px;
  55. background-color:#fff; /*--change the colour of the scrollbar background here--*/
  56. }
  57.  
  58. /*--TOOLTIPS--*/
  59. #s-m-t-tooltip {
  60. max-width:200px;
  61. font-family:'pt sans';
  62. font-size:8px;
  63. background-color:#000; /*--change the background colour of the tooltips here--*/
  64. color:#fff; /*--change the font colour of the tooltips here--*/
  65. line-height:9px;
  66. display:none;
  67. position:absolute;
  68. letter-spacing:1px;
  69. text-transform:uppercase;
  70. padding:3px;
  71. margin:15px 0px 0px 15px;
  72. z-index:99999999999999;
  73. }
  74.  
  75. /*--basic font--*/
  76. body {
  77. background:#fff;
  78. margin:0px;
  79. color:#000;
  80. font-family:'calibri';
  81. font-size:11px;
  82. line-height:100%;
  83. font-style: none;
  84. }
  85.  
  86. /*--basic image--*/
  87. img {
  88. max-width:100%;
  89. }
  90.  
  91. /*--basic link setup--*/
  92. a:link, a:visited, a:active {
  93. color:#1bcc5c; /*--change the link colour here--*/
  94. text-decoration: none;
  95. font-weight: normal;
  96. -moz-transition-duration:0.7s;
  97. -webkit-transition-duration:0.7s;
  98. -o-transition-duration:0.7s;
  99. }
  100.  
  101. a:hover {
  102. color:#51e5ca; /*--change the link on hover colour here--*/
  103. text-decoration: none;
  104. font-weight: normal;
  105. -moz-transition-duration:0.7s;
  106. -webkit-transition-duration:0.7s;
  107. -o-transition-duration:0.7s;
  108. }
  109.  
  110. /*--MAIN BOX WITH YOUR FAQ & ANSWERS & ASKBOX--*/
  111. #container {
  112. width:420px;
  113. padding:10px;
  114. margin-left:490px;
  115. margin-top:60px;
  116. height:470px;
  117. position:fixed;
  118. }
  119.  
  120. #text {
  121. width:380px;
  122. padding:10px;
  123. height:170px;
  124. overflow-y:scroll;
  125. margin-bottom:10px;
  126. }
  127.  
  128. blockquote {
  129. padding-left:5px;
  130. border-left:2px solid;
  131. }
  132.  
  133. /*--LINKS TO THE SIDE OF THE MAIN BOX--*/
  134. #otherlinks {
  135. height:370px;
  136. width:200px;
  137. position:fixed;
  138. text-align:right;
  139. padding-top:20px;
  140. padding-right:10px;
  141. margin-top:100px;
  142. margin-left:255px;
  143. border-right:4px solid #000;
  144. }
  145.  
  146. #otherlinks a {
  147. color:#1bcc5c; /*--change the colour of the side links here--*/
  148. line-height:45px;
  149. padding:5px;
  150. width:auto;
  151. text-transform:lowercase;
  152. letter-spacing:2px;
  153. -moz-transition-duration:0.7s;
  154. -webkit-transition-duration:0.7s;
  155. -o-transition-duration:0.7s;
  156. }
  157.  
  158. #otherlinks a:hover {
  159. background-color:#000; /*--change the background colour of the sidelinks on hover--*/
  160. color:#51e5ca; /*--change the colour of the sidelinks on hover--*/
  161. padding-left:30px;
  162. padding-top:5px;
  163. padding-right:5px;
  164. padding-bottom:5px;
  165. letter-spacing:5px;
  166. -moz-transition-duration:0.7s;
  167. -webkit-transition-duration:0.7s;
  168. -o-transition-duration:0.7s;
  169. }
  170.  
  171. /*--TITLE AND MAIN LINKS BELOW THE BOX--*/
  172. #sidebar {
  173. width:380px;
  174. height:50px;
  175. position:fixed;
  176. margin-left:500px;
  177. margin-top:560px;
  178. padding:10px;
  179. z-index:2;
  180. background-color:#fff;
  181. }
  182.  
  183. #title2 {
  184. color:#000; /*--change the title colour here--*/
  185. font-style:italic; /*--can be changed to "none"--*/
  186. font-weight:none; /*-- can be changed to "bold"--*/
  187. letter-spacing:1px;
  188. text-align:left; /*--can be changed to "right" "center" or "justify"--*/
  189. font-size:15px; /*--controls the size--*/
  190. height:20px;
  191. margin-top:-10px;
  192. margin-left:-10px;
  193. background-color:#fff; /*--change the background colour of the title here--*/
  194. padding-top:30px;
  195. padding-right:20px;
  196. padding-bottom:20px;
  197. padding-left:20px;
  198. width:140px;
  199. z-index:3;
  200. }
  201.  
  202. #links {
  203. width:160px;
  204. height:20px;
  205. margin-left:170px;
  206. margin-top:-70px;
  207. position:fixed;
  208. background-color:#fff;
  209. border-left:2px solid #1bcc5c; /*-- change the border width and colour here. "solid" can be changed to "dashed" "double" or "dotted"--*/
  210. padding-top:30px;
  211. padding-right:20px;
  212. padding-left:40px;
  213. padding-bottom:20px;
  214. z-index:6;
  215. }
  216.  
  217. #links a {
  218. width:100px;
  219. overflow:hidden;
  220. color:#1bcc5c; /*--change the colour of the main links here--*/
  221. margin-right:10px;
  222. text-align:left; /*-- can be changed to "center" "right" or "justify"--*/
  223. border-bottom:2px solid transparent; /*-- the "transparent" hides the underline here but shows it on hover--*/
  224. -moz-transition-duration:0.7s;
  225. -webkit-transition-duration:0.7s;
  226. -o-transition-duration:0.7s;
  227. }
  228.  
  229. #links a:hover {
  230. color:#51e5ca; /*--change the colour of the main links on hover here--*/
  231. border-bottom:2px solid #000; /*-- change the width and colour of the underline here. "solid" can be changed to "dashed" "double" or "dotted". if you change the width here make sure to change it in the #links a tag--*/
  232. letter-spacing:2px;
  233. -moz-transition-duration:0.7s;
  234. -webkit-transition-duration:0.7s;
  235. -o-transition-duration:0.7s;
  236. }
  237.  
  238. /*--CREDIT DO NOT REMOVE OR CHANGE--*/
  239. #cred {
  240. position:fixed;
  241. font-family:'calibri';
  242. font-size:8px;
  243. right:9px;
  244. bottom:9px;
  245. padding:4px;
  246. letter-spacing:1px;
  247. }
  248.  
  249. </style></head><body>
  250.  
  251. <!--START OF MAIN BOX-->
  252. <div id="container">
  253. <div id="text">
  254. <div class="links_list">
  255. <p class="links_head">Example Question</p> <!-- type your question where my "Example Question" is-->
  256. <div class="links_body">
  257. <blockquote>Answer</blockquote> <!--type the answer to your question inbetween the <blockquote></blockquote> tags, eg. where my example answer is-->
  258. </div></div>
  259.  
  260. <!--repeat the above instructions for the following boxes-->
  261. <div class="links_list">
  262. <p class="links_head">Example Question</p>
  263. <div class="links_body">
  264. <blockquote>Answer</blockquote>
  265. </div></div>
  266.  
  267. <div class="links_list">
  268. <p class="links_head">Example Question</p>
  269. <div class="links_body">
  270. <blockquote>Answer</blockquote>
  271. </div></div>
  272.  
  273. <div class="links_list">
  274. <p class="links_head">Example Question</p>
  275. <div class="links_body">
  276. <blockquote>Answer</blockquote>
  277. </div></div>
  278.  
  279. <div class="links_list">
  280. <p class="links_head">Example Question</p>
  281. <div class="links_body">
  282. <blockquote>Answer</blockquote>
  283. </div></div>
  284.  
  285. <div class="links_list">
  286. <p class="links_head">Example Question</p>
  287. <div class="links_body">
  288. <blockquote>Answer</blockquote>
  289. </div></div>
  290.  
  291. <!--NOTE: if you'd like more boxes then copy the following code:
  292.  
  293. <div class="links_list">
  294. <p class="links_head">Example Question</p>
  295. <div class="links_body">
  296. <blockquote>Answer</blockquote>
  297. </div></div>
  298.  
  299. below this note but above the </div> tag you see there-->
  300.  
  301.  
  302.  
  303. <!--eg. copy the code over this comment right here-->
  304.  
  305.  
  306. </div>
  307.  
  308. <!----THIS IS YOUR ASKBOX. TO MAKE IT WORK YOU /MUST/ REPLACE "ENTER YOUR URL" WITH YOUR URL. EG. i would change "ENTER YOUR URL" to "wonderfullythemes" (without the quotation marks ofc-->
  309. <iframe frameborder="0" height="270" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/ENTER YOUR URL.tumblr.com" width="400"></iframe>
  310.  
  311. </div>
  312.  
  313. <div id="otherlinks">
  314.  
  315. <!--replace "URL HERE" with your desired URL and replace "link" with your desired title-->
  316. <a href="URL HERE">link</a><br>
  317. <a href="URL HERE">link</a><br>
  318. <a href="URL HERE">link</a><br>
  319. <a href="URL HERE">link</a><br>
  320. <a href="URL HERE">link</a><br>
  321. <a href="URL HERE">link</a><br>
  322. <a href="URL HERE">link</a>
  323. </div>
  324.  
  325. <div id="sidebar">
  326. <div id="title2">FAQ Page</div> <!--change the title here-->
  327. <div id="links">
  328. <!-- change the following two links to whatever you'd like. if you really want a 3rd link here im ok with you replacing my credit HOWEVER YOU MUST KEEP THE ONE IN THE CORNER (that one will not get in the way of anything i promise you. ofc if you want to keep both thats cool too c:-->
  329. <a href="/">Home</a>
  330. <a href="/navi">Navi</a>
  331. <a href="http://wonderfullythemes.tumblr.com">Credit</a>
  332. </div>
  333. </div>
  334.  
  335. <div id="cred">
  336. <a href="http://wonderfullythemes.tumblr.com/">THEME</a>
  337. </div>
  338.  
  339. </body></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!