Facebook
From Sole Hamerkop, 9 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 471
  1. <html>
  2. <head>
  3. <title>Galeria</title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  5. <style type="text/css">
  6. body {
  7. text-align:center;
  8. margin:0px;
  9. padding:0px;
  10. background-color:black;
  11. }
  12.  
  13. div#pudelko {
  14. width:1000px;
  15. margin:auto;
  16. }
  17.  
  18. div#logo {
  19. height:205px;
  20. background-color:black;
  21. background: url(logo.gif);
  22. background-repeat: no-repeat;
  23. background-position: top;
  24. background-attachment: fixed;
  25. }
  26.  
  27. div#tresc {
  28. background-color:lightgray;
  29. height:800px;
  30. float:center;
  31. width:800px;
  32. vertical-align:middle;
  33. }
  34.  
  35. div#menu2 {
  36. background-color:darkgray;
  37. float:right;
  38. width:200px;
  39. height:800px;
  40. text-decoration:none;
  41. }
  42.  
  43. div#stopka {
  44. background-color:gray;
  45. text-align:center;
  46. height:50px;
  47. }
  48. header h1 {
  49. margin: 20px 20px;
  50. padding: 5px 5px;
  51. background-color: #000000;
  52. color: #ffffff;
  53. font: normal normal normal 48px georgia, verdana, sans-serif;
  54. text-align: center;
  55. vertical-align:middle;
  56. }
  57. a:hover {
  58. background-color: #inhereit;
  59. color: #ff0000;
  60. }
  61. img#galeria {
  62. width:200px;
  63. height:200px;
  64. margin:20px;
  65. border:1;
  66. border-width:10px;
  67. border-color:black;
  68. }
  69.  
  70. div img {
  71. border-width:10px;
  72. border-color:red;
  73. box-shadow: 8px 8px 13px
  74. }
  75. </style>
  76. </head>
  77. <body>
  78.                                                                                                 <!-- Początek strony -->
  79. <div id="pudelko">
  80.                                                                 <!-- LOGO -->
  81. <div id="logo"></div>
  82.  
  83.                                                                 <!-- MENU -->
  84. <div id="menu2">
  85. <table border="0" width="100%" align="center">
  86.         <td background="Grafika/tlo.jpeg" valign="top" align="center" width="200" height="400"><br>
  87.                 <u><b>..::MENU::..</u></b><br><br><hr />
  88.                 <a href="zespol.html"><u>nazwa zespołu</u></a><br><br>
  89.                 <a href="historia.html"><u>historia</u></a><br><br>
  90.                 <a href="koncerty.html"><u>koncerty</u></a><br><br>
  91.                 <a href="galeria.html"><u>galeria</u></a><br><br>
  92.                 <a href="teledyski.html"><u>teledyski</u></a><br><br>
  93.  
  94.  
  95.         </td>  
  96. </table>
  97. </div>
  98.                                                                 <!-- TREŚĆ -->
  99. <div id="tresc"><br>
  100.         <a target="_blank" href="grafika/foto_1tn.jpg">
  101.         <img id="galeria" src="grafika/egipt_pustynia.jpg"></a>
  102.        
  103.         <a target="_blank" href="grafika/foto_1tn.jpg">
  104.         <img id="galeria" src="grafika/foto_1.jpg"></a>
  105.        
  106.         <a target="_blank" href="grafika/foto_1m.jpg">
  107.         <img id="galeria" src="grafika/foto_1m.jpg"></a><br>
  108.        
  109.         <a target="_blank" href="grafika/foto_1tn.jpg">
  110.         <img id="galeria" src="grafika/foto_1tn.jpg"></a>
  111.        
  112.         <a target="_blank" href="grafika/egipt_pustynia.jpg">
  113.         <img id="galeria" src="grafika/egipt_pustynia.jpg"></a>
  114.        
  115.         <a target="_blank" href="grafika/foto_1.jpg">
  116.         <img id="galeria" src="grafika/foto_1.jpg"></a><br>
  117.        
  118.         <a target="_blank" href="grafika/foto_1m.jpg">
  119.         <img id="galeria" src="grafika/foto_1m.jpg"></a>
  120.        
  121.         <a target="_blank" href="grafika/foto_1tn.jpg">
  122.         <img id="galeria" src="grafika/foto_1tn.jpg"></a>
  123.        
  124.         <a target="_blank" href="grafika/foto_1tn.jpg">
  125.         <img id="galeria" src="grafika/foto_1tn.jpg"></a>
  126. </div>
  127.                                                                 <!-- STOPKA -->
  128. <div id="stopka">
  129.  
  130. stopka
  131. </div>
  132.  
  133. </div>
  134.                                                                                                 <!-- Koniec strony -->
  135. </body>
  136. </html>