API tools faq
paste
tangycode

sab page code

tangycode
Jun 7th, 2019
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>sab website!!</title> <!-- title here :) -->
  6. <link rel="shortcut icon" href="https://66.media.tumblr.com/988b49490b310608ebe37a4da90f006a/tumblr_inline_pcjnnuLeKI1ry72eo_75sq.gif"> <!-- changge the urrl heree for yoiru own fabicon :) -->
  7. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <style type="text/css">
  10.  
  11. body {
  12. font-size:13px; /* cchange fontt size here */
  13. font-family:arial; /* changge font ttype here */
  14. color:#fff;
  15. background-color:#000; /* ccolor of pagge backgorudnd */
  16. background-image:url('url here'); /* iff you want bakcogrund picture put itt here, uuse a tiling backgorund */
  17. background-attachment:fixed;
  18. }
  19.  
  20. a {
  21. color:#91020a; /*ccolor of links */
  22. text-decoration:underline;
  23. -moz-transition-duration: 0.5s;
  24. -o-transition-duration: 0.5s;
  25. -webkit-transition-duration: 0.5s;
  26. transition-duration: 0.5s;
  27. }
  28.  
  29. a:hover {
  30. color:#fc0509; /* llink hover coloiur */
  31. -moz-transition-duration: 0.5s;
  32. -o-transition-duration: 0.5s;
  33. -webkit-transition-duration: 0.5s;
  34. transition-duration: 0.5s;
  35. }
  36.  
  37. .container {
  38. width:1000px;
  39. margin:auto;
  40. }
  41.  
  42. .box {
  43. width:500px;
  44. height:500px;
  45. top:40px;
  46. background-color:#000; /* cchange collour of box */
  47. position:fixed;
  48. border-style:solid;
  49. border-width:2px;
  50. border-color:#fff; /*bborder coloir */
  51. }
  52.  
  53. .content {
  54. position:absolute;
  55. top:15px;
  56. left:15px;
  57. right:15px;
  58. bottom:15px;
  59. padding:25px;
  60. overflow:auto;
  61. font-family:arial;
  62. }
  63.  
  64. .title {
  65. font-size:22px;
  66. text-transform:lowercase;
  67. font-weight:bold;
  68. margin-bottom:15px;
  69. color:#fff; /* ttitle color */
  70. }
  71.  
  72. .text {
  73. font-size:14px;
  74. color:#fff; /* desccription color */
  75. margin-top:15px;
  76. line-height:145%;
  77. text-align:center;
  78. }
  79.  
  80. .sidebar {
  81. margin-left:600px;
  82. margin-top:200px;
  83. width:200px;
  84. padding:10px;
  85. text-align:center;
  86. position:relative;
  87.  
  88. }
  89. .sidebar img {
  90. text-align:center;
  91. padding:5px;
  92. }
  93.  
  94. .links {
  95. margin-top:10px;
  96. margin-left:-100px;
  97. }
  98. .links a {
  99. margin-top:10px;
  100. display:inline-block;
  101. padding:2px 2px 2px 2px;
  102. border-style:solid;
  103. border-width:2px;
  104. border-color:#fff;
  105. width:100px;
  106. position:absolute;
  107. font-size:16px;
  108. text-decoration:none;
  109. color:#fff; /*llink text colourr */
  110. background:#000; /* linkn brakcground coloiur */
  111. }
  112. .links a:hover {
  113. color:#000; /* llinkkk hover ctext colr */
  114. background:#fff; /* link hover backgorijnd color */
  115. }
  116.  
  117.  
  118. </style>
  119. </head>
  120. <body>
  121. <div class="container">
  122. <div class="box">
  123. <div class="content">
  124. <div class="title">sab website!!</div>
  125. <div class="text">here is wherree you putt ysttuff about yoursefl :)<br><br>
  126. try nott to peut more inffo than thee box is bigg cus i haventt figuredd out howw to do cool sccrollbars yyet and it mihgt lok ugly :(</div>
  127. </div>
  128. </div>
  129. <div class="sidebar">
  130. <img src="https://i.gyazo.com/0e7b824f88ba7637714471a07e74095c.png"> <!-- cchange the ssidebar imagge here :) -->
  131. <div class="links">
  132. <a href="/">link 1</a></br><br>
  133. <a href="/">link 2</a><br><br>
  134. <a href="/">link 3</a><br><br> <!--pllease leave the br ttags cus the linkks got kinda mesed up andd it aws the only wayy i coculd fix it :( -->
  135. </div>
  136. </div>
  137. </div>
  138.  
  139. </body>
  140. </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!