API tools faq
paste
tangycode

wa page

tangycode
Jun 18th, 2019
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>wa website</title>
  6. <link rel="shortcut icon" href="https://66.media.tumblr.com/75c4707e86cf5493352270b6d06ae725/tumblr_inline_nokv6wO0OQ1ry72eo_75sq.gif"> <!-- cchange url here fro your own faivicon :) -->
  7. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  10.  
  11.  
  12. <style type="text/css">
  13.  
  14. ::-webkit-scrollbar {
  15. height:6px;
  16. width:6px;
  17. background-color: transparent;
  18. }
  19.  
  20. ::-webkit-scrollbar-thumb {
  21. background-color: #8b1dba; /*scrollbar colorr*/
  22. border-right:4px solid #fff;
  23. border-top:4px solid #fff;
  24. border-bottom:4px solid #fff;
  25. }
  26.  
  27. body {
  28. font-size:14px; /*cchange font size here :)*/
  29. font-family:arial; /*chcnage font style here */
  30. color:#000;
  31. background-color:#fff; /*change backgroiudn color here*/
  32. background-image:url('url here') /*iff you want a tiling backgorind put it here */
  33. background-attachment:fixed;
  34. }
  35.  
  36. a {
  37. color:#c9b100; /*change coloiur of link s here*/
  38. text-decoration:underline; /*changge thi s to none if you ddont want it underline*/
  39. -moz-transition-duration: 0.5s;
  40. -o-transition-duration: 0.5s;
  41. -webkit-transition-duration: 0.5s;
  42. transition-duration:0.5s;
  43. }
  44.  
  45. a:hover {
  46. color:#fff; /*linkk hhover colro here*/
  47. -moz-transition-duration: 0.5s;
  48. -o-transition-duration: 0.5s;
  49. -webkit-transition-duration: 0.5s;
  50. transition-duration: 0.5s;
  51. }
  52.  
  53. .container {
  54. width:1000px;
  55. margin:auto;
  56. }
  57.  
  58. .banner {
  59. margin-right:auto;
  60. margin-left:auto;
  61. margin-top:50px;
  62. width:800px;
  63. height:auto;
  64. background-image:url('https://66.media.tumblr.com/01e4ed3eb77db40186af3e4259bdd1d5/tumblr_inline_mjziz3WXTD1qz4rgp.gif'); /*chchnage banner */
  65. background-repeat:repeat-x;
  66. }
  67.  
  68. .box {
  69. margin-right:auto;
  70. margin-left:auto;
  71. margin-top:10px;
  72. width:800px;
  73. height:400px;
  74. top:40px;
  75. background-color:#fff; /*backogirund color of lbox*/
  76. position:static;
  77. border-style:double;
  78. border-width:5px;
  79. border-color:#c9b100; /*border coloiur*/
  80. }
  81.  
  82. .boxleft {
  83. position:absolute;
  84. width:400px;
  85. height:400px;
  86. border-right:solid 2px #c9b100; /*mamke this thee same coloir as the boxx border*/
  87. overflow:auto;
  88. font-family:arial;
  89. }
  90.  
  91. .image {
  92. text-align:center;
  93. max-width:200px;
  94. max-height:200px;
  95. }
  96.  
  97. .image img {
  98. text-align:center;
  99. margin:20px;
  100. max-width:200px;
  101. max-height:200px;
  102. border: solid 2px #c9b100; /*immmage border color*/
  103. }
  104.  
  105. .links {
  106. position:static;
  107. left:auto;
  108. right:auto;
  109. }
  110.  
  111. .links a {
  112. color:#c9b100; /*changeg linkk text colr*/
  113. width:100px;
  114. margin:0px 5px;
  115. padding:2px 2px 2px 2px;
  116. display:inline-block;
  117. border:3px double #c9b100; /*linkk bordeer color*/
  118. background:#fff; /*linkk backgorund color*/
  119. text-decoration:none;
  120. }
  121.  
  122. .links a:hover {
  123. color:#000; /* llinkkk hover ctext colr */
  124. background:#fff; /* link hover backgorijnd color */
  125. }
  126.  
  127. .textleft {
  128. color:#000; /*leeft boxx description text colorr */
  129. margin-top:15px;
  130. text-align:center;
  131. }
  132.  
  133. .boxright {
  134. position:relative;
  135. left:400px;
  136. width:400px;
  137. height:400px;
  138. overflow:auto;
  139. font-family:arial;
  140. }
  141.  
  142. .title {
  143. text-align:center;
  144. margin:20px;
  145. font-size:24px; /*ttitel font size*/
  146. font-weight:bold;
  147. font-family:monospace;
  148. margin-bottom:15px;
  149. color:#8b1dba; /*ttile color*/
  150. }
  151.  
  152. .textright {
  153. color:#000; /*rirught text colro*/
  154. margin-top:15px;
  155. text-align:center;
  156. }
  157.  
  158. </style>
  159. </head>
  160. <body>
  161. <div class="container">
  162. <div class="banner"><img src="https://66.media.tumblr.com/01e4ed3eb77db40186af3e4259bdd1d5/tumblr_inline_mjziz3WXTD1qz4rgp.gif"></div>
  163. <div class="box">
  164. <div class="boxleft">
  165. <center><div class="image"><img src="https://66.media.tumblr.com/d293a0e9a2045d607a22338bd9acaae0/tumblr_o9bd91LU4f1tykc72o5_250.jpg"></div>
  166. <div class="links">
  167. <a href="url here">link 1</a>
  168. <a href="url here">link 2</a>
  169. <a href="url here">link 3</a>
  170. </div>
  171. <div class="textleft">
  172. <p>pput texxt here or youbcan put banner likee this </p>
  173. <p><img src="https://66.media.tumblr.com/4f2a94ffbc2210f1ea0b00d4f7347a1e/tumblr_inline_okcvqsrGqO1u6u1df_400.png"></p>
  174. </div></center>
  175. </div>
  176. <div class="boxright">
  177. <div class="title">wa page!!</div>
  178. <div class="textright">
  179. <p>hhi im unccle wario and im funn adn loive chickenss!!!!!</p>
  180. <p>put inffo baout yourself here :)</p>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </body>
  186. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!