Advertisement
lenaaa

6 Have One On Me

Sep 7th, 2013
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.88 KB | None | 0 0
  1. <head>
  2. <title>108</title>
  3. </head>
  4.  
  5. <style type="text/css">
  6. body {
  7. margin: 0px;
  8. padding: 0px;
  9. background: #e2e2e2;}
  10.  
  11. #content{
  12. background: #fff;
  13. color:#333;
  14. font: 9px/20px verdana;
  15. width:592px;
  16. padding:4px;
  17. margin:270px 0px 0px 350px;
  18. letter-spacing:2px;
  19. position:absolute;}
  20.  
  21. #bar{
  22. margin:245px 0px 0px 350px;
  23. z-index:1;
  24. position:fixed;
  25. height: 30px;
  26. width:600px;
  27. background: #000;}
  28.  
  29. h1{
  30. font: 24px/5px Times;
  31. letter-spacing: -1px;
  32. padding-left: 5
  33. color: #000;}
  34.  
  35. h2{
  36. font: 9px/0px arial;
  37. font-weight:bold;
  38. text-transform:uppercase;
  39. letter-spacing: 0px;
  40. padding-left: 5px;
  41. color: #333;}
  42.  
  43. #header {
  44. z-index:1;
  45. position:fixed;
  46. background:no-repeat;
  47. margin-left: 350px;
  48. margin-top:0px;
  49. width : 600px;}
  50.  
  51. #navi a{
  52. color:#fff;
  53. font: 10px/20px times;
  54. width:75px;
  55. padding:2px;
  56. margin:3px;
  57. display:block;
  58. float:left;
  59. letter-spacing:3px;
  60. text-align:center;
  61. text-decoration:none;}
  62.  
  63. #navi a:hover {
  64. background:#fff;
  65. color:#000;}
  66.  
  67. </style>
  68. </head>
  69. <body>
  70.  
  71. <div id="header">
  72. <noframes></noframes><noscript></noscript><!-- --><noframes></noframes><noscript></noscript><!-- --><script type="text/javascript" src="//static.websimages.com/static/global/js/webs/usersites/p.js"></script><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script language="JavaScript">
  73. <!--
  74.  
  75. /*
  76. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  77. Over 400+ free JavaScripts here!
  78. Keep this notice intact please
  79. */
  80.  
  81. function random_imglink(){
  82. var myimages=new Array()
  83. //specify random images below. You can have as many as you wish
  84. myimages[1]="http://onyxhotel.three-words.net/images/designs/1_zpsb069f1a6.png"
  85. myimages[2]="http://onyxhotel.three-words.net/images/designs/2_zps8d512e98.png"
  86. myimages[3]="http://onyxhotel.three-words.net/images/designs/4_zpsb86f3682.png"
  87. myimages[4]="http://onyxhotel.three-words.net/images/designs/3_zpscfcbd2b8.png"
  88.  
  89. var ry=Math.floor(Math.random()*myimages.length)
  90. if (ry==0)
  91. ry=1
  92. document.write('<img src="'+myimages[ry]+'" border=0>')
  93. }
  94. random_imglink()
  95. //-->
  96. </script>
  97. </div></div>
  98. <div id="bar">
  99.  
  100. <div id="navi">
  101. <a href="#" >I. </a>
  102. <a href="#" >II.</a>
  103. <a href="#" >III.</a>
  104. <a href="#" >IV.</a>
  105. <a href="#" >V.</a>
  106. <a href="#" >VI.</a>
  107. <a href="http://onyxhotel.three-words.net/" >VII.</a>
  108. </div></div>
  109.  
  110. <div id="content">
  111. <h1>Will you have one on me?</h1>
  112. <h2>AH! AH! AH!</h2>
  113. This is your text! This layout randomizes headers four times. You can have it randomize more or less, and you can change the headers.
  114. <h2> Header 2</h2>
  115. <b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
  116. You can edit and tweak the code, or change the header. You may also change the size of header and change the size of everything else.
  117.  
  118. <li>Please keep credit on.</li>
  119. <li>Do no steal code/header</li>
  120.  
  121.  
  122. </div>
  123. </div>
  124. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement