Facebook
From Insensitive Marten, 2 Years ago, written in HTML5.
This paste is a reply to Pedau from Pedau - view diff
Embed
Download Paste or View Raw
Hits: 389
  1. #strona{
  2.  
  3. height:100%;
  4. width:100%;
  5. background-color:white;
  6. }
  7.  
  8. #header{
  9.  
  10. height:100px;
  11. width:100%;
  12. background-color:#6699FF;
  13. }
  14.  
  15. #footer {
  16.        
  17.                 height:40px;           
  18.                 background-color:#6699FF;
  19. }
  20.  
  21. #footer:hover {
  22.                
  23.                 width:100%;
  24.                 height:40px;                    /* Wysokość stopki */
  25.                 background-color:#003399;
  26. }
  27. body{
  28. margin:0 10 0 10;}
  29.  
  30. #login{
  31. width:100%;
  32. height:5%;
  33. background-color:#FFCC33;
  34. }
  35.  
  36. #span{padding:6;}
  37.  
  38. #menu{
  39. float:left;
  40. background-color:#99CCFF;
  41. height:100%;
  42. width:25%;
  43. }
  44.  
  45. #tresc {
  46.     width: 100%;
  47.     background-color: white;
  48.     height: 95%;
  49.  }
  50.  
  51.   p {
  52.   text-align:center;
  53.                 margin:0;
  54.                 padding:10px;
  55.                 font-family:arial;
  56.                 font-size:12px;
  57.                 font-weight:bold;
  58.                 letter-spacing:5px;
  59.         }
  60. #miejsce{
  61. height:2%;
  62. }
  63.  
  64. #link{
  65. height:6%;
  66. width:100%;
  67. background-color:#6699FF;
  68. text-align:center;
  69. }
  70.  
  71. #link:hover{
  72. height:6%;
  73. width:100%;
  74. background-color:darkblue;
  75. text-align:center;
  76. color:white;
  77. }
  78.  
  79. hr{
  80. color:#FFCC33;}
  81.  
  82. #zdj{
  83. float:left;
  84.  
  85. }
  86.  
  87. img{
  88. height:100px;
  89. weight:100px;
  90. }
  91. naglowek, h1{  
  92.         text-align:center;
  93.         text-shadow: 2px 2px #FFCC33;
  94. }
  95.  
  96. a:link{
  97.         border: 2px solid yellow;
  98. text-decoration:none;
  99. }
  100.        
  101.  
  102. <html lang="pl">
  103.  
  104.         <link rel="Shortcut icon" href="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRSc5KYVob2ggyEmKJ9mxu2YFWVbPYj7QNpnwf0XSpMeMc0mty-" />
  105.         <meta charset="utf8">
  106.                 <title>
  107.         Arek
  108.                 </title>
  109.                
  110. <link rel="Stylesheet" type="text/css" href="style1.css" />
  111.  
  112. </head>
  113. <body background="grafika/tlo.jpg">
  114. <a href="index.html">
  115.         <div id="header">
  116.         <div id="zdj"><img src="grafika/ksiazki.gif"></div>
  117.         <div id="naglowek"><h1>KsiÄ™garnia internetowa BOOK-MAX</h1>
  118.         </div>
  119.         </a>
  120.        
  121.         </div>
  122. <div id="strona">
  123.                
  124.                 <div id="menu">
  125.                         <div id="miejsce"></div>
  126.                        
  127.                         <a href="index.html">
  128.                         <div id="link">
  129.                
  130.                         Nasza KsiÄ™garnia<br />
  131.                        
  132.                         </div></a>
  133.                        
  134.                         <div id="miejsce"></div>
  135.                        
  136.                         <a href="logowanie.html">
  137.                         <div id="link">
  138.                
  139.                         logowanie<br />
  140.                
  141.                         </div></a>
  142.                        
  143.                         <div id="miejsce"></div>
  144.                        
  145.                         <a href="zakupy.html">
  146.                         <div id="link">
  147.                
  148.                         zakupy<br />
  149.                
  150.                        
  151.                         </div></a>
  152.                        
  153.                         <div id="miejsce"></div>
  154.                        
  155.                         <a href="koszyk.html">
  156.                         <div id="link">
  157.                
  158.                         twoj koszyk<br />
  159.                
  160.                         </div></a>
  161.                
  162.                 </div>
  163.                
  164.                
  165. <div id="login"><div id="span"><span>Zalogowany użytkownik ......</span></div></div>
  166.  
  167.  
  168.         <div id="tresc">
  169.                
  170.                 chuuj
  171.                
  172.                
  173.                
  174.                
  175.         </div>
  176.        
  177. <div id="footer"><p>Copyright © 2010-2015 Księgarnia internetowa BOOK-MAX<p></div>
  178.  
  179.  
  180.  
  181. </div>
  182. </body>
  183. </html>