Advertisement
Guest User

Untitled

a guest
Dec 6th, 2011
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.20 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Soon..</title>
  5. <link rel="stylesheet" type="text/css" href="css/style.css" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  7. </head>
  8. <body>
  9. <div style="display: inline-block;">
  10. <div class="content">
  11. <div id="left">
  12. <div id="header">
  13. <h2><a href="index.php">neekeri.com</a></h2>
  14. <p>Jännähkö sivusto</p>
  15. <ul class="nav">
  16. <li class="etusivu"> <a href="joulu.php.php" class="valittu">ETUSIVU</a> </li>
  17. <li class="kalenteri"> <a href="./joulu">JOULU</a> </li>
  18. <li class="pb"> <a href="./pb">PB</a> </li>
  19. </ul>
  20. </div>
  21. </div>
  22. </div>
  23. <div id="right">
  24. <?php
  25. $conf['kansio'] = "../up/"; // Kansio minne kaikki laitetaan.
  26. $conf['nayta_tiedostot'] = true;
  27. if ($conf['nayta_tiedostot'] == true) {
  28. $files = glob($conf['kansio']."*"); //haetaan hakemiston .zip päätteiset tiedostot
  29. $mtimes = array(); //alustetaan taulukko
  30. foreach($files as $file) { //käydään tiedosto kerallaan läpi
  31. $mtimes[filemtime($file)] = $file; //haetaan jokaiselle tiedostolle muokkausaika
  32. }
  33. unset($files);
  34. krsort($mtimes,SORT_NUMERIC); //järjestetään aikojen mukaan
  35. foreach($mtimes as $file) { //tulostetaan tiedostot aikajärjestyksess
  36. print '<a href="'.$file.'" class="tiedosto screenshot">' . '<img src="thumb.php?src='.$file.'&h=150&w=150&zc=1" alt="es"></a>';
  37. }
  38. }
  39. ?>
  40. </div>
  41. </div>
  42. </div>
  43. </body>
  44. </html>
  45.  
  46.  
  47.  
  48.  
  49. /*Fontit*/
  50. @import url(http://fonts.googleapis.com/css?family=Mate+SC);
  51. /*Yleistä paskaaaaaaaaaaaaaaaaaaa*/
  52. * {
  53. padding: 0;
  54. margin: 0;
  55. }
  56. html {
  57. min-height: 100%;
  58. width: 100%
  59. }
  60. body {
  61. min-height: 100%;
  62. width: 100%
  63. }
  64. /*Left div, nav, header ym.*/
  65. div.content {
  66. float: left;
  67. width: 300px;
  68. min-height: 100%;
  69. }
  70. div#left {
  71. background: rgb(242,245,246);
  72. background: -moz-linear-gradient(left, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 87%, rgba(200,215,220,1) 100%);
  73. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,245,246,1)), color-stop(87%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
  74. background: -webkit-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
  75. background: -o-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
  76. background: -ms-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
  77. background: linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
  78. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 );
  79. width: 300px;
  80. min-height: 100%;
  81. float: left;
  82. }
  83. div#header {
  84. width: 250px;
  85. text-align: right;
  86. }
  87. div#left h2 {
  88. font-family: "Mate SC", Georgia, Verdana;
  89. font-size: 36px;
  90. color: #28343b;
  91. text-shadow: 1px 1px 0px #fff;
  92. padding: 150px 0px 20px 0px;
  93. line-height: 0;
  94. }
  95. div#left h2 a {
  96. color: #28343b;
  97. text-decoration: none;
  98. }
  99. div#left p {
  100. font: 10px verdana;
  101. line-height: 0px;
  102. padding-bottom: 20px;
  103. text-transform:uppercase;
  104. letter-spacing: 0.5px;
  105. color: #28343b;
  106. text-shadow: 1px 1px 0px #fff;
  107. border-bottom: 1px solid #fff;
  108. }
  109. div#header ul {
  110. list-style: none;
  111. padding-top: 10px;
  112. }
  113. div#header li {
  114. padding-top: 5px;
  115. }
  116. div#header li a {
  117. color: #90a2a7;
  118. text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
  119. text-decoration: none;
  120. font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
  121. text-transform: uppercase;
  122. font-size: 0.9em;
  123. letter-spacing: 2px;
  124. }
  125. div#header li a:hover {
  126. color: #000;
  127. }
  128. /*Right div, kuvat ym paskat SAATANA VITTUAKO LUET*/
  129. div#right {
  130. overflow: scroll;
  131. margin-left: 300px;
  132. line-height: 0;
  133. min-height: 100%;
  134. }
  135. div#right img{
  136. line-height: 0;
  137. }
  138. div#right * {
  139. border: 0;
  140. line-height: 0;
  141. }
  142.  
  143.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement