ZEOS

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

Міні чат

BB-Коди

Погода

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

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

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

Вік сайту

Реклама

Реклама

Авторизація

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

«  Грудень 2018  »
ПнВтСрЧтПтСбНд
     12
3456789
10111213141516
17181920212223
24252627282930
31

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

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


Статистика

Онлайн всього: 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;