> Обо всём мне близком и далёком  >  Как я создавал этот сайт  >  Навигация по сайту  > Страница "Законодательство"

Обо всём мне близком и далёком

Лучше скажи мало,
но хорошо.
Козьма Прутков

Как я самостоятельно создавал этот сайт.

Принимаясь за дело, соберись с духом. Козьма Прутков

Страница "Законодательство"

Я сделал копию файла main.html и сохранил её в файле lows.html. В пункте "Законодательство" главного меню я убрал ссылку и изменил фон пункта, задав тегу <div> стиль с классом оформления .chief_menu_item_click. Этот стиль у меня уже добавлен в таблицу стилей в файле my_style.css.

В ссылки остальных пунктов главного меню я добавил класс оформления .chief. В ссылки пунктов нижнего меню я добавил класс .bottom. Оба эти класса уже определены мной для тега <a> в таблице стилей (файл my_style.css).

Пунктам вертикального меню я задал стиль .vertical из таблицы стилей .

Текст файла lows.html теперь выглядит так:


<html>
    <head>
       <title> Моя вторая страница сайта </title>
       <link rel = "stylesheet" type = "text/css" href = "my_style.css">
    </head>
    <body>
    <center>
       <div class = "page">

<!-- Чердак (заголовок) моей первой и второй страничек -->
<div style = "background-color: #557bac; font-style: bold; font-size: 15px; color: #fff; border-bottom-width: 2px; border-bottom-color: #fff9bd; border-bottom-style: solid;">
<img style = "width: 500px; padding-right: 40px; float: left;" src="images/lblSadovoe.jpg" alt="Заголовок сайта">
<p style = "padding-top: 2px;">Ленинградская область, Всеволожский район, Лесколовская волость, район деревни Верхние Осельки, ж/с Пери </p>
</div>

<!-- Главное меню -->
    <div class = "chief_menu">
          <div class = "chief_menu_item"><a class = "chief" href = "main.html">О товариществе</a> </div>
          <div class = "chief_menu_item_click"> Законодательство </div>
          <div class = "chief_menu_item"> <a class = "chief"href = "help.html">Помощь садоводу</a> </div>
          <div class = "chief_menu_item"> <a class = "chief" href = "ssilki.html">Интересные ссылки</a> </div>
   </div>

<!-- Вспомогательное меню -->
<div class ="aux_menu">
          <a class = "home" href = "index.html"> </a> > Законодательство 
          <div>
<!-- Cчётчик посещений страницы -->
!!! Здесь будет счётчик !!!
          </div>
     </div>
<!-- Вертикальное меню -->
<div class = "vertical_menu">
          <div class = "vertical_menu_item"> <a class = "vertical" href = ""> Федеральный закон №66 </a></div>
          <div class = "vertical_menu_item"> <a class = "vertical" href = ""> СНиП 30-02 </a></div>
</div>
<!-- Содержание с моими идеями (контент) -->
<div class = "content">
       <h3> В этом разделе законы, постановления для садоводов СНТ "Садовое": </h3>
<p> <span class= "epig"> Закон суров,
но это закон! </span>
<span class= "avtor">Народная мудрость </span><p>
   <div class = "one_column">
          <p style ="background-color: pink; font-size: 15pt; font-family: 'Arial';"> Здесь подборка законов и постановлений о товариществах</p>
    </div>
</div>

<!-- Нижнее меню -->
<div class = "bottom_menu">
|  <a class = "bottom" href = "index.html">Главная</a>  |  
|  <a class = "bottom" href = "main.html">О товариществе</a>  |  
|  <a class = "bottom" href = "lows.html">Законы о СНТ</a>   |  
|  <a class = "bottom" href = "help.html">Помощь садоводу</a>  |  
|  <a class = "bottom" href = "ssilki.html">Интересные ссылки</a>  |
</div>
<!-- Подвал странички -->
<div class = "bottom">
Сайт основан в августе 2012 - 2015 г. © Все права на материалы сайта принадлежат Правлению СНТ «Садовое».
Плагиат не преследуется!
</div>

      </div>
    </center>
    </body>
</html>

Я сохранил этот текст в файле lows.html в папке I make site, и открыл этот файл в браузере Firefox. На экране появилась cтраница "Законодательство".

Главное меню

Теперь аналогично чуть-чуть изменю основной файл раздела "Помощь садоводу".

Сайт основан в августе 2012 - 2024 г. © Все права на материалы сайта принадлежат Правлению садоводческого некоммерческого товарищества «Садовое».
Ленинградская область, Всеволожский район, Лесколовская волость, район деревни Верхние Осельки, ж/с Пери
Плагиат не преследуется!