ZEOS

Ваша IP адреса: 54.225.57.230
Сьогодні: 21.08.2018
16:36
Україна, Київська область, 09200, м. Кагарлик, вул. Воровського, 1
тел. (04573) 5-18-62, e-mail: kagecol_1@ukr.net
Мапа сайту Контакти Головна

Міні чат

BB-Коди

Погода

Натисніть на картинку для збільшення

Календар подій

Календар свят і подій. Листівки, вітання та побажання

Вік сайту

Реклама

Реклама

Авторизація

Календар новин

«  Серпень 2018  »
ПнВтСрЧтПтСбНд
  12345
6789101112
13141516171819
20212223242526
2728293031

Наше опитування

Оцініть наш сайт


Статистика

Онлайн всього: 1
Гостей: 1
Користувачів: 0


Реклама

Реклама 123
     
 

Непогане меню гармошка під UCOZ. Зразок на цьому сайті зліва.

Розробка не моя але довелося добряче попрацювати щоб запрацювало.

Тут зразок лістинг таблиці стилів CSS. 
Повністю завантажуємо CSS, скріпти та картинки тинц -->>

* {
margin: 0;
padding: 0;
/* font-family: Tahoma, Geneva, sans-serif; */
}

h1 {
font-size: 24px;
color: #444;
text-align: center;
margin: 60px 100px 20px;
}
h2 {
font-size: 18px;
color: #666;
text-align: center;
margin: 0 100px 60px;
}

ul.menumain {
margin: 0 auto;
display: block;
width: 200px;
background: #326377;
box-shadow: 0 0 4px #888888;
border: 1px solid #cccccc;
list-style: none;
}
ul.menumain > li {
border-bottom: 1px solid #ccc;
}
ul.menumain > li > a {
position: relative;
display: block;
line-height: 28px;
color: #ffffff;
font-size: 13px;
padding-left: 10px;
text-decoration: none;
}
ul.submenumain > li:last-child,
ul.menumain > li:last-child {
border-bottom: none;
}
ul.menumain li a:hover {
background: #2391bd;
}
ul.submenumain {
list-style: none;
background: #F6F6F1;
}
ul.submenumain > li {
position: relative;
border-bottom: 1px solid #ccc;
}
ul.submenumain > li > a {
position: relative;
display: block;
line-height: 28px;
color: #000000;
font-size: 12px;
padding-left: 20px;
text-decoration: none;
}
ul.submenumain > li > a:hover {
background: #E9E9E9;
}
ul.menumain li a span {
position: absolute;
width: 16px;
height: 16px;
background: url("../images/icon.png") no-repeat top center;
top: 50%;
right: 8px;
margin-top: -8px;
}
ul.menumain li a.active span {
background: url("../images/icon.png") no-repeat bottom center;
}

ul.submenumainleft > li > a {
position: relative;
display: block;
line-height: 28px;
color: #000080;
font-size: 12px;
padding-left: 34px;
text-decoration: none;
}

ul.submenumainleft > li > a:hover {
background: #E9E9E9;