|
Меню на css для ucoz by Hasker
|
| Haskеr | Дата: Воскресенье, 04.08.2013, 20:07 | Сообщение # 1 |
Подполковник
Сообщений: 102
Репутация: 16
Статус: Offline
| 
Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем:
Код
ul.menu {
border: 1px solid #e3e3e3;
list-style: none;
background:-webkit-linear-gradient(top, #efefef, #fcfcfc, #fcfcfc, #fcfcfc);
border-radius: 5px;
font-size:13px;
padding: 6px 0px 6px 0px;
width:258px;
}
ul.menu li {
display: inline;
}
ul.menu li a {
border-left: 1px solid #e3e3e3;last-child
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
font-weight: normal;
color: #aaaaaa;
padding: 6px 10px 6px 10px;
}
ul.menu li a:hover {
font-weight: normal;
background: #fcfcfc;
color: #aaaaaa;
}
Вставляем в нужное на сайте место, обычно это Глобальные блоки: Верхняя часть сайта.
Код <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Поиск</a></li> </ul>
Не поленитесь просмотреть весьма внушительный Список рабочих uCoz скриптов
Сообщение отредактировал Haskеr - Воскресенье, 04.08.2013, 20:11 |
| |
|
|
|
|
| Razip | Дата: Понедельник, 05.08.2013, 08:43 | Сообщение # 2 |
Ленивый котэ
Сообщений: 2319
Репутация: 142
Статус: Offline
| Haskеr, у нас все браузеры -webkit?  Как же другие? Вот так выглядит градиент под большинство браузеров:
Код background: #3e87e0;
background: -moz-linear-gradient(top, #70abf7, #4b95f6);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70abf7), color-stop(100%,#4b95f6));
background: -webkit-linear-gradient(top, #70abf7, #4b95f6);
background: -o-linear-gradient(top, #70abf7, #4b95f6);
background: -ms-linear-gradient(top, #70abf7, #4b95f6);
background: linear-gradient(top, #70abf7, #4b95f6);
*цвет для старых браузеров, не поддерживающих градиент
|
| |
|
|
|
|
| Haskеr | Дата: Понедельник, 05.08.2013, 10:53 | Сообщение # 3 |
|
Подполковник
Сообщений: 102
Репутация: 16
Статус: Offline
| Razip, да это пох кому надо будет, переделает)
Сообщение отредактировал Haskеr - Понедельник, 05.08.2013, 14:43 |
| |
|
|
|
|
| Razip | Дата: Понедельник, 05.08.2013, 15:29 | Сообщение # 4 |
|
Ленивый котэ
Сообщений: 2319
Репутация: 142
Статус: Offline
| Haskеr, люди не будут заморачиваться, тем более если не знают как это сделать. Не поленись, впили.) Добавлено (05.08.2013, 15:06)
---------------------------------------------
Haskеr, и да, надо width убрать, ибо пункты меню не умещаются в заданную ширину. Сейчас я напишу свою версию.) Добавлено (05.08.2013, 15:29)
---------------------------------------------
CSS:
Код ul.menu {
border: 1px solid #e3e3e3;
list-style: none;
background: #efefe;
background-image: -webkit-linear-gradient(top, #efefe, #fcfcfc);
background-image: -moz-linear-gradient(top, #efefe, #fcfcfc);
background-image: -ms-linear-gradient(top, #efefe, #fcfcfc);
background-image: -o-linear-gradient(top, #efefe, #fcfcfc);
background-image: linear-gradient(top, #efefe, #fcfcfc);
border-radius: 5px;
font-size:13px;
padding: 6px 0px 6px 0px;
}
ul.menu li {
display: inline;
}
ul.menu li a {
border-left: 1px solid #e3e3e3; last-child
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
font-weight: normal;
color: #aaaaaa;
padding: 6px 10px 6px 10px;
}
ul.menu li a:hover {
font-weight: normal;
background: #fcfcfc;
color: #aaaaaa;
}
HTML:
Код <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Поиск</a></li> </ul> |
| |
|
|
|
|
| Razip | Дата: Вторник, 06.08.2013, 12:11 | Сообщение # 5 |
|
Ленивый котэ
Сообщений: 2319
Репутация: 142
Статус: Offline
| 
Надеюсь не все посты, ну по крайней мере у меня, у гануса можно все удалить. 
Сообщение отредактировал Razip - Вторник, 06.08.2013, 12:17 |
| |
|
|
|
|
| volfgunus | Дата: Вторник, 06.08.2013, 17:33 | Сообщение # 6 |
|
Eternal power
Сообщений: 3684
Репутация: 180
Статус: Offline
| Не было там ничего. Вы что-то путаете.
|
| |
|
|
|
|
| Haskеr | Дата: Вторник, 06.08.2013, 18:32 | Сообщение # 7 |
|
Подполковник
Сообщений: 102
Репутация: 16
Статус: Offline
| Цитата (SleepWalker) ггг, а кто это сделал? 0о
не нрав меню? если не нрав то удаляй 
|
| |
|
|
|
|
| djemNa | Дата: Вторник, 06.08.2013, 20:05 | Сообщение # 8 |
злой пингвин
Сообщений: Скрыто
Репутация: Скрыто
Статус: Hidden
| Haskеr, ты не так понял,он к тому, кто потер посты.
-> Правила - тут! Читать всем!
-> Линукс - просто, красиво, юзабельно!
-> Есть вопросы? Вам сюда!
Стабильность Windows заключается в ее нестабильности. С чем я от всей души поздравляю Microsoft.
|
| |
|
|
|
|
| SleepWalker | Дата: Среда, 07.08.2013, 01:38 | Сообщение # 9 |
Admin
Сообщений: 5493
Репутация: 487
Статус: Offline
| Haskеr, меню красивенькое. простое и без выпендрежа. подойдет к любому светлому сайту.
Time Waits For No One
|
| |
|
|
|
|
| Haskеr | Дата: Среда, 07.08.2013, 12:28 | Сообщение # 10 |
|
Подполковник
Сообщений: 102
Репутация: 16
Статус: Offline
| SleepWalker, а ну тогда норм
|
| |
|
|
|
|
| Razip | Дата: Среда, 07.08.2013, 18:44 | Сообщение # 11 |
|
Ленивый котэ
Сообщений: 2319
Репутация: 142
Статус: Offline
| Мб припилить крутых эффектов?
|
| |
|
|
|
|
| djemNa | Дата: Среда, 07.08.2013, 20:06 | Сообщение # 12 |
|
злой пингвин
Сообщений: Скрыто
Репутация: Скрыто
Статус: Hidden
| Razip, например transition - мой любимый
-> Правила - тут! Читать всем!
-> Линукс - просто, красиво, юзабельно!
-> Есть вопросы? Вам сюда!
Стабильность Windows заключается в ее нестабильности. С чем я от всей души поздравляю Microsoft.
|
| |
|
|
|
|
| Razip | Дата: Четверг, 08.08.2013, 08:56 | Сообщение # 13 |
|
Ленивый котэ
Сообщений: 2319
Репутация: 142
Статус: Offline
| djemNa, у меня были другие идеи. Если сделаю — скорее это будет отдельная тема.
|
| |
|
|
|
|
| tre8bor | Дата: Четверг, 15.08.2013, 12:13 | Сообщение # 14 |
|
Рядовой
Сообщений: 10
Репутация: 0
Статус: Offline
| Помогите, пожалуйста. Все перепробовал. Хочу сделать так ,чтобы в разделах меню отдельного блока (любого) выводились свои значки (разные)
|
| |
|
|
|
|
| djemNa | Дата: Четверг, 15.08.2013, 12:14 | Сообщение # 15 |
|
злой пингвин
Сообщений: Скрыто
Репутация: Скрыто
Статус: Hidden
| tre8bor, ты про это меню? Или просто написал куда попало?
-> Правила - тут! Читать всем!
-> Линукс - просто, красиво, юзабельно!
-> Есть вопросы? Вам сюда!
Стабильность Windows заключается в ее нестабильности. С чем я от всей души поздравляю Microsoft.
|
| |
|
|
