API tools faq
paste
mqnoy

rijal

mqnoy
Apr 25th, 2014
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.18 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">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. .main {
  8.     font-family: Verdana, Geneva, sans-serif;
  9. }
  10. .main-resize {
  11.     margin: auto;
  12.     width: 800px;
  13.     background-color: #818181;
  14. }
  15. .clear {
  16.     clear: both;
  17.     width: 100%;
  18. }
  19. .header {
  20.     font-family: "Comic Sans MS", cursive;
  21.     font-size: 36px;
  22.     font-weight: bold;
  23.     width: 100%;
  24. }
  25. .header-resize {
  26.     height: 150px;
  27.     width: 800px;
  28. }
  29. .content {
  30.     width: 100%;
  31.     min-height: 500px;
  32.     background-color: #3C0;
  33. }
  34. .sidebar-left {
  35.     float: left;
  36.     width: 200px;
  37.     background-color: #9F0;
  38. }
  39. .fotter {
  40.     width: 100%;
  41. }
  42. .fotter-resize {
  43.     height: 80px;
  44.     width: 800px;
  45.     background-color: #360;
  46. }
  47. .content-right {
  48.     width: 600px;
  49.     float: right;
  50. }
  51. .content-right-resize {
  52.    
  53.     background-color: #03F;
  54.     min-height:450px;
  55. }
  56. .header-logo {
  57.     float: left;
  58.     background-color: #F00;
  59.     height: 125px;
  60.     width: 140px;
  61.     padding: 0px;
  62.     margin-left: 25px;
  63.     margin-right: 30px;
  64.     margin-top: 10px;
  65.     margin-bottom: 10px;
  66. }
  67. .header-title {
  68.     background-color: #003;
  69.     width: 300px;
  70.     line-height: 100px;
  71. }
  72. .menu {
  73.     padding: 0px;
  74.     width: 100%;
  75.     height: 50px;
  76. }
  77. .sidebar-resize {
  78.     min-height: 450px;
  79. }
  80. </style>
  81. </head>
  82. <body>
  83. <div class="main">
  84. <div class="main-resize">
  85. <div class="header"><div class="header-resize">
  86. <div class="header-logo"></div>
  87. <span class="header-title">ini judul webnya</span>
  88. <div class="clear"></div>
  89. </div></div>
  90. <div class="clear"></div>
  91. <div class="content">
  92. <div class="menu">ini menu</div>
  93. <div class="clear"></div>
  94. <div class="content-right">
  95. <div class="content-right-resize">
  96. isi artikel disini<br />
  97. asdadasd<br />
  98. asdasdasd
  99. asdasda
  100. asdsad
  101. <div class="clear"></div>
  102. </div>
  103. </div>
  104. <div class="sidebar-left"><div class="sidebar-resize">
  105. pasang menu atau winged disini
  106. <div class="clear"></div>
  107. </div></div>
  108. </div>
  109. <div class="fotter"><div class="fotter-resize">
  110. footer
  111. <div class="clear"></div></div>
  112. </div>
  113.  
  114.  
  115.  
  116. </div>
  117. </div>
  118. </body>
  119. </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!