Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 212»
Модератор форума: z-17, Anarki 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Меню на css для ucoz by Hasker
Меню на 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? smile Как же другие? Вот так выглядит градиент под большинство браузеров:

Код
    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о

не нрав меню? если не нрав то удаляй biggrin
 
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, а ну тогда норм smile
 
RazipДата: Среда, 07.08.2013, 18:44 | Сообщение # 11
Ленивый котэ
Сообщений: 2319
Репутация: 142
Социальная репутация:

Статус: Offline
Мб припилить крутых эффектов? biggrin
 
djemNaДата: Среда, 07.08.2013, 20:06 | Сообщение # 12
злой пингвин
Сообщений: Скрыто
Репутация: Скрыто
Социальная репутация:

Статус: Hidden
Razip, например transition - мой любимый
-> Правила - тут! Читать всем!
-> Линукс - просто, красиво, юзабельно!
-> Есть вопросы? Вам сюда!

Стабильность Windows заключается в ее нестабильности. С чем я от всей души поздравляю Microsoft.
 
RazipДата: Четверг, 08.08.2013, 08:56 | Сообщение # 13
Ленивый котэ
Сообщений: 2319
Репутация: 142
Социальная репутация:

Статус: Offline
djemNa, у меня были другие идеи. Если сделаю — скорее это будет отдельная тема. smile
 
tre8borДата: Четверг, 15.08.2013, 12:13 | Сообщение # 14
Рядовой
Сообщений: 10
Репутация: 0
Социальная репутация:

Статус: Offline
Помогите, пожалуйста. Все перепробовал. Хочу сделать так ,чтобы в разделах меню отдельного блока (любого) выводились свои значки (разные)
 
djemNaДата: Четверг, 15.08.2013, 12:14 | Сообщение # 15
злой пингвин
Сообщений: Скрыто
Репутация: Скрыто
Социальная репутация:

Статус: Hidden
tre8bor, ты про это меню? Или просто написал куда попало?
-> Правила - тут! Читать всем!
-> Линукс - просто, красиво, юзабельно!
-> Есть вопросы? Вам сюда!

Стабильность Windows заключается в ее нестабильности. С чем я от всей души поздравляю Microsoft.
 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Меню на css для ucoz by Hasker
Страница 1 из 212»
Поиск: