ZEOS

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

Міні чат

BB-Коди

Погода

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

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

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

Вік сайту

Реклама

Реклама

Авторизація

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

«  Грудень 2017  »
ПнВтСрЧтПтСбНд
    123
45678910
11121314151617
18192021222324
25262728293031

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

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


Статистика

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