Перовое задание на новой работе (hml+css) :(

maxim nestoff

Создатель
Регистрация
23 Апр 2009
Сообщения
185
Реакции
15
Друзья, нужна ваша помощь. Устроился на работу админом сайта, а мне сразу первое задание на знание css:
Сделать полу-прозрачность меню на главной странице
Описание:
При переходе на главную страницу agtplus.ua верхнее меню сайта должно быть полупрозрачное (позиция 1)
При скроле вниз меню становится непрозрачным (так как сейчас на сайте, позиция 2)

Уже второй день бьюсь, но не знанию как реализовать. Сайт
Скрытое содержимое доступно для зарегистрированных пользователей!
 

Вложения

  • poziciya1.png
    poziciya1.png
    1,9 MB · Просмотры: 19
  • poziciya2.png
    poziciya2.png
    739,1 KB · Просмотры: 18
... второй день бьюсь, но не знанию как реализовать...
Второй день не можешь opacity сменить? :facepalm:Попробуй так:
HTML:
#gkTop{
    opacity: 0.8;
}
JS на прокрутку не буду тебе вешать, это тебе в другой раздел нужно. Успехов на новой работе)
 
Последнее редактирование:
opacity я знаю как прописать. А как сделать чтоб при входе на главную меню сначала было полупрозрачное, а при прокрутке вниз стало непрозрачным (как сейчас).

Я думал сделать еще одно меню, но в сайте есть моб версия, так что не катит.(
 
как сделать чтоб при входе на главную меню сначала было полупрозрачное, а при прокрутке вниз стало непрозрачным (как сейчас).
В css пиши opacity 0.8, потом вешай Для просмотра ссылки Войди или Зарегистрируйся и с помощью Для просмотра ссылки Войди или Зарегистрируйся меняй opacity на 1.
 
Локально проверил, работает:
Сначала в css нужно поменять
HTML:
#gkTop.isIntro {
    top: -200px;
}
на
HTML:
#gkTop.isIntro {
top: 0;
opacity: 0.8;
}
Потом в gk.scripts.js заменить
HTML:
if(pos >= 100) {
document.id('gkTop').setStyle('top', '0px');
} else if(pos < 100) {
document.id('gkTop').setStyle('top', '-100px');
}
на
HTML:
if(pos < 400) {
    document.id('gkTop').setStyle('opacity', '0.8');
} else {
    document.id('gkTop').setStyle('opacity', '1');
}

где 400 - граница где будет сменяться прозрачность, можно поиграть и посмотреть где нужно делать меню непрозрачным.
 
Назад
Сверху