Меню на 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.
|
|
|
|