Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
  
<html>
<head>
<title>ЕкÑперимент</title>
<meta http-equiv="Content-Type" content="text/html; charset=uft-8">
  <style type="text/css">
html,body{margin:0;padding:0}
body{font: 80% Sans-serif,monospace}
  p.italic {font-style:italic}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
​
div#header h1 {height:80px;line-height:80px;margin:0%; white-space: none; padding-left:34%; background-image: url(http://www.zastavki.com/pictures/1920x1200/2011/3D-graphics_Unusual_wave_030557_.jpg); background-size:100% 100px;color:#fff; overflow:auto;}
  
  div#content p{line-height:1.1;background-image:url(http://www.design-warez.ru/uploads/posts/2009-09/1252267959_19088605_15452105_13674749_00000330.jpeg); }
  div#content p{text-shadow:#98FB98 0px 1px 0px; color:#FFFAFA; border-radius: 20px;}
  .ex1{margin:19px; padding:0px; float:left; height:120px; box-shadow: 4px 4px 4px #A9A9A9; border-radius:100%; border: 2px solid #bfa22c;} /*внутри блока клаÑÑ, изображение раÑположенно Ñлево*/
  p{text-indent: 20px; /* ОтÑтуп первой Ñтроки в пикÑелах */ }
div#extra{background:#cfb53b; border-radius: 10px; padding:0px;}/*Ð¾Ñ€Ð°Ð½Ð¶ÐµÐ²Ð°Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ°*/
div#footer{background: #333;color:#FFF;border-radius: 10px;}
div#footer p{margin:0; padding:5px 10px;}
div#wrapper{float:left;width:100%;}
div#content{margin: 0 25%; }
  div#navigation{background:#bef574; line-height:1.9; border-radius: 10px;}
  /*Ð³Ð¾Ð»ÑƒÐ±Ð°Ñ ÐºÐ¾Ð»Ð¾Ð½ÐºÐ°*/
  div#navigation p{line-height:1.1; list-style-type:none;}
  div#navigation{  width:25%; height:362px; font-size:1.3em;}
 div#navigation {
clear:both;
float:left;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:90%; /* Ðазмер текÑта меню */
z-index:1000;  /* Так выпадающие подпункты будут выводитьÑÑ Ð¿Ð¾Ð²ÐµÑ€Ñ… Ñодержимого Ñтраницы, раÑположенного ниже меню */
position:relative;
}
/* ОÑновные пункты меню */
div#navigation ul {
margin:0;
padding:0;
list-style:none;
float:right;
position:relative;
right:50%;
}
div#navigation ul li {
margin:0 0 0 1px;
padding:0px;
float:left;
position:relative;
left:50%;
top:2px;
}
div#navigation ul li a {
display:block;
margin:0;
padding:.6em .5em .4em;
font-size:1em;
line-height:1em;
background:#ddd;
text-decoration:none;
color:#444;
font-weight:bold;
border-bottom:1px solid #000;
}
div#navigation ul li.active a {
color:#fff;
background:#000;
}
div#navigation ul li a:hover {
background:#36f; /* Цвет фона оÑновных пунктов меню */
color:#fff;
border-bottom:1px solid #03f;
}
div#navigation ul li:hover a,
div#navigation ul li.hover a { /* Ð”Ð°Ð½Ð½Ð°Ñ Ñтрока требуетÑÑ Ð´Ð»Ñ IE 6  */
background:#36f; /* Цвет фона оÑновных пунктов меню */
color:#fff;
border-bottom:1px solid #03f;
}
​
/* Подпункты */
div#navigation ul ul{
display:none; /* Подпункты Ñкрыты по умолчанию */
position:absolute;
top:2em;
left:0;
float:left;
right:auto; /* СбраÑываем уÑтановки ÑвойÑтва right:50% родительÑкого Ñлемента ul */
width:5em; /* Ширина выпадающего меню */
z-index:5000; 
}
div#navigation ul ul li{
left:auto;  /*СбраÑываем уÑтановки ÑвойÑтва left:50% родительÑкого Ñлемента li */
margin:0; /* Reset the 1px margin from the top menu */
clear:left;
float:left;
width:100%;
}
div#navigation ul ul li a, ul li.active li,
div#navigation ul li:hover ul li a, 
div#navigationul li.hover ul li a { /* Ð”Ð°Ð½Ð½Ð°Ñ Ñтрока требуетÑÑ Ð´Ð»Ñ IE 6 */
​
font-size:.8em;
font-weight:normal; /* СбраÑываем уÑтановки жирного шрифта Ð´Ð»Ñ Ð¿ÑƒÐ½ÐºÑ‚Ð¾Ð² верхнего ÑƒÑ€Ð¾Ð²Ð½Ñ Ð¼ÐµÐ½ÑŽ */
background:#eee;
color:#444;
line-height:1.4em; /* ИзменÑем значение значение ÑвойÑтва line-height */
border-bottom:1px solid #ddd; /* Ð“Ð¾Ñ€Ð¸Ð·Ð¾Ð½Ñ‚Ð°Ð»ÑŒÐ½Ð°Ñ Ð»Ð¸Ð½Ð¸Ñ Ð´Ð»Ñ Ð¿ÑƒÐ½ÐºÑ‚Ð° подменю */
float:left;
margin-left:35px;  
width:100%;
}
    
div#navigation ul ul li a:hover ,
div#navigation ul li.active ul li a:hover,
div#navigation ul li:hover ul li a:hover,
    div#navigation ul li.hover ul li a:hover  { /* Ð”Ð°Ð½Ð½Ð°Ñ Ñтрока требуетÑÑ Ð´Ð»Ñ IE 6 */
background:#36f; /* Цвет фона пункта подменю */
color:#fff;
float:left;
}
​
/* ПереÑтавлÑем поÑледнее подменю так, что оно находитÑÑ Ð²Ð½ÑƒÑ‚Ñ€Ð¸ Ñтраницы */
div#navigation ul ul.last {
left:auto; /* СбраÑываем значение ÑвойÑтва left:0; */
right:0; /* УÑтанавливаем значение Ð´Ð»Ñ ÑвойÑтва right */
}
    div#navigation ul ul.last li.active {
float:right;
position:relative;
right:.0em;
​
}
    /* Выводим подменю при наведении курÑора мыши на пункт оÑновного меню */
div#navigation li:hover ul,
div#navigation ul li.hover ul { /*Ð”Ð°Ð½Ð½Ð°Ñ Ñтрока требуетÑÑ Ð´Ð»Ñ IE 6 */
display:block;
     /* Выводим подменю */
} 
    
      
    
div#extra{float:right; width:-5%; margin-left:-25%; height:362px; text-align:center; }
  div#footer{clear:left; width:auto; }
  
</style>
</head>
<body>
  
<div id="container">
  <div id="header"><h1><i>Помощник КЦ</i></h1></div>
<div id="wrapper">
  <div id="content">
    <img class='ex1' src="http://upload.akusherstvo.ru/image566594.jpg"/>
    <!--ÑÑылка не должна быть внутри тега <p> -->
    
    
<p>
    <u><script type="text/javascript" >
var h=(new Date()).getHours();
      if (h > 23 || h < 7) document.write("Доброй ночи!");
if (h > 6 && h < 12) document.write("С добрым утром!");
if (h > 11 && h < 19) document.write("Добрый день!");
if (h > 18 && h < 24) document. write("Добрый вечер!");
      </script></u> <br>
    
  Ðа Ñтой Ñтраничке Ð’Ñ‹ найдете много информации в Ð´Ð»Ñ Ñ€Ð°Ð±Ð¾Ñ‚Ñ‹ Ñ ÐºÐ»Ð¸ÐµÐ½Ñ‚Ð°Ð¼Ð¸ в КЦ.<br />
  ВоÑпользуйтеÑÑŒ ÑÑылками Ð´Ð»Ñ Ð¿Ð¾Ð¸Ñка необходимой информации!<br />
  Бог в помощь!
    </p>
</div>
</div>
<div id="navigation"> 
​
  <ul>
<li><a href="#">Спутники</a>
  <ul class="last">
        <li><a href="#">КаÑат</a></li>
        <li><a href="#">ХабаровÑк</a></li>
        <li><a href="#">ÐÐœ-44</a></li>
        <li><a href="#">ÐÐœ-3</a></li>
        <li><a href="#">ÐÐœ-22</a></li>
      </ul>
  </li><br><br>
<li><a href="#">Модемы</a>
  <ul class="last">
        <li><a href="#">DW6000</a></li>
        <li><a href="#">HN7000s</a></li>
        <li><a href="#">HN7740s</a></li>
        <li><a href="#">HN7700</a></li>
        <li><a href="#">HN9200</a></li>
        <li><a href="#">HN9400</a></li>
        <li><a href="#">HN9260</a></li>
        <li><a href="#">HN9460</a></li>
        <li><a href="#">Voice-HN1040</a></li>
        <li><a href="#">HX50</a></li>
        <li><a href="#">HX200</a></li>
        <li><a href="#">HX260</a></li>
        <li><a href="#">Surfbeam-2</a></li>
      </ul>
  </li><br><br>
<li><a href="#">Закладка 3</a>
      <ul class="last">
        <li><a href="#">СÑылка один</a></li>
        <li><a href="#">СÑылка два</a></li>
        <li><a href="#">СÑылка три</a></li>
        <li><a href="#">СÑылка четыре</a></li>
        <li><a href="#">СÑылка пÑÑ‚ÑŒ</a></li>
      </ul>
</li><br><br>
<li><a href="#">Закладка 4</a>
  <ul class="last">
        <li><a href="#">СÑылка один</a></li>
        <li><a href="#">СÑылка два</a></li>
        <li><a href="#">СÑылка три</a></li>
        <li><a href="#">СÑылка четыре</a></li>
        <li><a href="#">СÑылка пÑÑ‚ÑŒ</a></li>
      </ul>
</li><br><br>
  
  
<li><a href="#">Закладка 5</a>
  <ul class="last">
        <li><a href="#">СÑылка один</a></li>
        <li><a href="#">СÑылка два</a></li>
        <li><a href="#">СÑылка три</a></li>
        <li><a href="#">СÑылка четыре</a></li>
        <li><a href="#">СÑылка пÑÑ‚ÑŒ</a></li>
      </ul>
</li><br><br>
</ul></div>
  
<div id="extra" >
  <p><input type="button" value="КЦ" onclick="Ohran1()" />
    <script type="text/javascript">
  function Ohran1( ) {document.getElementById("extra").innerHTML="Сообщение"; }
    <a href="D:\Полезные папки и файлы"></a>
   
  </script><hr/>
​
  
   <script type="text/javascript">
   dat=new Date();
   Bum=dat.getDay();
    switch(Bum){
     case 6:  case 7: document.write('<h1>'+"Ð¡ÐµÐ³Ð¾Ð´Ð½Ñ Ð’Ñ‹Ñ…Ð¾Ð´Ð½Ð¾Ð¹ УÐÐÐÐÐÐÐ"+'</h1>');
        break;  default: document.write('<h3>'+"Ð ÑÐµÐ³Ð¾Ð´Ð½Ñ Ñ€Ð°Ð±Ð¾Ñ‡Ð¸Ð¹ день!"+'</h3>')};
  </script>
  
  </div>
​
​
  <div id="footer">
    <p> <a href="mailto: peryshkin-max@mai.ru" style="color:red; text-align:left; text-style:Century;" >Пишите Ñюда: peryshkin-max@mai.ru</a>Документ обновлен <script type="text/javascript">document.writeln(document.lastModified);</script>    </p>
  </div>
</div>  
 
  
</body>
</html>
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers