Advertisement
rxeality

Clean Page

Aug 2nd, 2015
469
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.99 KB | None | 0 0
  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. </script>
  6.  
  7. <!--
  8. CLEAN PAGE BY RXEALTHEMES.TUMBLR.COM
  9.  
  10. this is an about + f.a.q. + ask page
  11.  
  12.  
  13. RULES
  14. + DO NOT STEAL CODE
  15. + DO NOT DELETE CREDIT
  16. + DO NOT USE AS BASE CODE
  17.  
  18.  
  19. this is my code, so please don't be a prick and break any of my rules.
  20.  
  21. thank you for using my code!!
  22.  
  23. if there's any problems feel free to message me
  24. rxealthemes.tumblr.com/ask
  25.  
  26.  
  27.  
  28.  
  29.  
  30. -->
  31.  
  32. <style type="text/css">
  33.  
  34. ::-webkit-scrollbar {width: 5px; height: 3px; background: #FFFFFF;}
  35. ::-webkit-scrollbar-thumb {background-color:#000 /* color of scrollbar*/ ; border: 0px solid black;}
  36.  
  37. body {
  38. font-family:tahoma;
  39. font-size:12px;
  40. background-color:#fff; /* color of background */
  41. color:#000; /* color of text*/
  42. }
  43.  
  44. a {
  45. font-family:tahoma;
  46. text-transform:italic;
  47. color:#000; /*color of links */
  48. text-decoration:none;
  49. outline:none;
  50. -moz-outline-style:none;
  51. }
  52.  
  53.  
  54. #titlebox {
  55. width: 600px;
  56. height:50px;
  57. margin-left:350px;
  58. margin-top:15px;
  59. border:0px solid black;
  60. position:fixed;
  61.  
  62. }
  63.  
  64. #title {
  65. font-size:30px;
  66. padding:5px;
  67. text-align:center;
  68. text-transform:uppercase;
  69. font-family:avenir;
  70. /* delete the code below if you don't want the shadows */
  71. -moz-text-shadow: 3px 3px 0px #eee;
  72. -webkit-text-shadow: 3px 3px 0px #eee;
  73. text-shadow: 3px 3px 0px #eee;
  74. }
  75.  
  76. #faqbox {
  77. width: 290px;
  78. height:480px;
  79. background:#fff; /* color of faq box background*/
  80. margin-left:350px;
  81. margin-top:100px;
  82. border:1px solid black; /* you can change 'solid' to 'dashed' or 'dotted' */
  83. position:fixed;
  84. overflow:scroll;
  85. /* if you don't want shadows, delete the code below */
  86. -moz-box-shadow: 5px 5px 0px #eee;
  87. -webkit-box-shadow: 5px 5px 0px #eee;
  88. box-shadow: 5px 5px 0px #eee;
  89. }
  90.  
  91. #faq {
  92. padding:10px;
  93.  
  94. }
  95.  
  96. #faqhead {
  97. padding:10px;
  98. font-family:avenir;
  99. font-size:18px;
  100. text-align:center;
  101. text-transform:uppercase;
  102. }
  103.  
  104. #question {
  105. padding:15px;
  106. text-align:center;
  107.  
  108. }
  109.  
  110. #answer {
  111. text-align:center;
  112. padding:10px;
  113.  
  114. }
  115.  
  116.  
  117. #aboutbox {
  118. width: 290px;
  119. height:180px;
  120. background:#fff; /* color of about box background*/
  121. margin-left:660px;
  122. margin-top:100px;
  123. overflow:scroll;
  124. border:1px solid black; /* you can change 'solid' to 'dashed' or 'dotted' */
  125. position:fixed;
  126. /* if you don't want shadows, delete the code below */
  127. -moz-box-shadow: 5px 5px 0px #eee;
  128. -webkit-box-shadow: 5px 5px 0px #eee;
  129. box-shadow: 5px 5px 0px #eee;
  130. }
  131.  
  132. #abouthead {
  133. padding:10px;
  134. font-family:avenir;
  135. font-size:18px;
  136. text-align:center;
  137. text-transform:uppercase;
  138. }
  139.  
  140. #about {
  141. padding:5px;
  142.  
  143. }
  144.  
  145. #askbox {
  146. width: 290px;
  147. height:280px;
  148. background:#fff; /* color of ask box background*/
  149. margin-left:660px;
  150. margin-top:300px;
  151. border:1px solid black;/* you can change 'solid' to 'dashed' or 'dotted' */
  152. position:fixed;
  153. /* if you don't want shadows, delete the code below */
  154. -moz-box-shadow: 5px 5px 0px #eee;
  155. -webkit-box-shadow: 5px 5px 0px #eee;
  156. box-shadow: 5px 5px 0px #eee;
  157.  
  158. }
  159.  
  160. #home {
  161. text-align:center;
  162. font-size:15px;
  163. }
  164.  
  165.  
  166. {CustomCSS}</style></head><body>
  167.  
  168.  
  169.  
  170.  
  171.  
  172. <div id="titlebox">
  173. <div id="title">your title <!-- your page title --></div>
  174. <div id="home">— <a href="/">home<!-- home title --></a> —</div>
  175.  
  176. </div>
  177.  
  178. <div id="faqbox">
  179.  
  180. <div id="faqhead">
  181. f.a.q. <!-- title for your F.A.Q. -->
  182. </div>
  183.  
  184. <center><img src="http://aimer.chu.jp/line/001/002heart2/a.gif" style="width:260px; height:auto;"></center> <!-- you can change the divider by replacing the link with a link of your preferred divider. do the same with the links below -->
  185.  
  186.  
  187. <div id="question">question 1<!-- question 1 --></div>
  188.  
  189. <div id="answer">answer 1 <!-- answer 1 --></div>
  190.  
  191. <center><img src="http://aimer.chu.jp/line/001/002heart2/a.gif" style="width:260px; height:auto;"></center>
  192.  
  193. <div id="question">question 2</div>
  194.  
  195. <div id="answer">answer 2</div>
  196.  
  197. <center><img src="http://aimer.chu.jp/line/001/002heart2/a.gif"style="width:260px; height:auto;"></center>
  198.  
  199. <div id="question">question 3</div>
  200.  
  201. <div id="answer">answer 3</div>
  202.  
  203. <center><img src="http://aimer.chu.jp/line/001/002heart2/a.gif"style="width:260px; height:auto;"></center>
  204.  
  205. <div id="question">question 4</div>
  206.  
  207. <div id="answer">answer 4</div>
  208.  
  209. <center><img src="http://aimer.chu.jp/line/001/002heart2/a.gif"style="width:260px; height:auto;"></center>
  210.  
  211. <div id="question">question 5</div>
  212.  
  213. <div id="answer">answer 5</div>
  214.  
  215. <center><img src="http://aimer.chu.jp/line/001/002heart2/a.gif"style="width:260px; height:auto;"></center>
  216.  
  217. <div id="question">question 6</div>
  218.  
  219. <div id="answer">answer 6</div>
  220.  
  221. <!-- if you want more question and answers just copy this:
  222.  
  223. <center><img src="http://aimer.chu.jp/line/001/002heart2/a.gif"style="width:260px; height:auto;"></center>
  224.  
  225. <div id="question">question /div>
  226.  
  227. <div id="answer">answer </div>
  228.  
  229. if you want less, you can just delete the Q&As :) -->
  230.  
  231. </div>
  232.  
  233. <div id="aboutbox">
  234.  
  235. <div id="abouthead">about <!-- about title --></div>
  236.  
  237. <div id="about">write about you here <br> <br> for example <br>
  238. name: patrick <br>
  239. from: bikini bottom <br>
  240. age: i dunno <br>
  241. house: rock <br>
  242. <!-- you can write as much as you want. a scrollbar will appear if you write more than the box can contain--></div>
  243.  
  244. </div>
  245.  
  246. <!---------------------------------------------------------------------
  247. REMEMBER TO CHANGE "YOUR USERNAME" TO YOUR URL IN THE CODE BELOW
  248. --------------------------------------------------------------------->
  249.  
  250. <div id="askbox"><p><iframe frameborder="0" scrolling="yes" width="100%" height="250" src="http://www.tumblr.com/ask_form/YOUR USERNAME.tumblr.com" style="background-color:transparent; " id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div>
  251.  
  252.  
  253.  
  254.  
  255.  
  256. <!-- DO NOT DELETE CREDIT PLEASE -->
  257. <a href='http://rxealthemes.tumblr.com'><img style="position:fixed; opacity: 1.0; width: 45px; bottom:10px; right:10px; z-index: 999;" src="http://static.tumblr.com/tor6lwb/GEro5l3do/stone_grey_jittering_test_trans.png" title="rxealthemes"></a>
  258. <!-- DO NOT DELETE CREDIT PLEASE -->
  259.  
  260.  
  261. </body>
  262.  
  263.  
  264. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement