Оповещение о новых материалах

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Страница 1 из 1
1

robertbat123 Оффлайн

Проверенный

Дата: Понедельник, 2014-08-18, 22:46 | Сообщение # 1

Здравствуйте! Есть такое меню

Код

<div id="uNMenuDiv1" class="uMenuV"><ul class="uMenuRoot">
<li><a href="/"><span>Главная</span></a></li>
<li><a href="/forum"><span>Форум</span></a></li>
<li><a href="/publ"><span>Гайды</span></a></li>
<li><a href="/load"><span>Файлы</span></a></li>
<li><a href="/video"><span>Видео</span></a></li>
<li><a href="/photo"><span>Альбом</span></a></li>
<li><a href="/gb"><span>Гости</span></a></li></ul></div>

Код

#top .uMenuRoot .newmenu :visited {background: url(/images/new_menu1.png);}
#top { background: #515151; box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.14);}
#top nav { margin-right: 160px;}
#top .uMenuRoot { margin: 0; padding: 0; list-style: none;font-weight: bold;font-size:1.2em;}
#top .uMenuRoot ul {margin: 0; padding: 0; min-width: 100%; list-style: none; position: absolute; width: 0; z-index: 1; left: 0; top: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s 0.15s ease-out; transition: all 0.2s 0.15s ease-out;white-space: nowrap;background: #515151; overflow: hidden;}
#top .uMenuRoot ul ul { top: 0; left: 100%;}
#top .uMenuRoot li { float: left; position: relative; list-style: none !important; -webkit-transition: all 0.1s 0s ease-out; transition: all 0.1s 0s ease-out;}
#top .uMenuRoot li.has-submenu > a:after,
#top .uMenuRoot li.has-submenu > span:after { display: block; position: absolute; content: "+"; right: 5px; top: 0;}
#top .uMenuRoot li:hover > a { color: #fff; background: #0a8fcc; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);}
#top .uMenuRoot li:hover > ul { visibility: visible; opacity: 1; width: auto; overflow: visible;}
#top .uMenuRoot li .uMenuItemA { color: #fff; background: #0a8fcc; box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);}
#top .uMenuRoot li li { float: none;}
#top .uMenuRoot li li:hover > a { box-shadow: none;}
#top .uMenuRoot li li a { padding: 0 25px 0 20px; line-height: 2.5;}
#top .uMenuRoot li li .uMenuItemA { box-shadow: none;}
#top .uMenuRoot li > span { display: block; padding: 0 15px 4px 15px; line-height: 3.286;}
#top .uMenuRoot a { display: block; padding: 0 15px 4px 15px; line-height: 3.286; color: #a7a7a7; -webkit-transition: all 0.1s 0s ease-out; transition: all 0.1s 0s ease-out;}
#top .uMenuRoot a:hover + ul { visibility: visible; opacity: 1;}

помогите реализовать идею, чтобы пользователь зайдя на сайт видел в меню в какие разделы добавлены материалы и сколько, а после их просмотра оповещение исчезало из меню (как в одноклассниках примерно)

Вот картинка как должно быть : Картинка

Сообщение отредактировал robertbat123 - Вторник, 2014-08-19, 17:05

Профиль

BLAzER Оффлайн

Проверенный

Дата: Вторник, 2014-08-19, 11:02 | Сообщение # 2

Я не думаю, что это реально сделать на uCoz

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

Профиль

dima_riabets Оффлайн

Проверенный

Дата: Четверг, 2014-08-21, 19:21 | Сообщение # 3

Это реально сделать! Сделать запись в Coockies на оповещения музыки 1 раз.

Но будет непросто сделать это с условными операторами.

То есть сделайте информер с меню на отображение добавленных материалов и ссылок (За сколько дней), а вот насчет музыки надо сделать скрипт с записью в куки.

* Не советую делать музыку, так как без оптимизации, на юКозе страницы и так грузятся не быстро на этом хосте, а с вашей музыкой не только будет грузится долго, но и лагать.

#Условные операторы uCoz
#Информеры uCoz

Чат в Skype
-------------------------------------------
Занимаюсь новым проектом.
-------------------------------------------
Изучаю: js, jquery
Хорошо знаю: HTML5, CSS3
Обращайтесь по uCoz FAQ

Профиль

robertbat123 Оффлайн

Проверенный

Дата: Пятница, 2014-09-19, 18:17 | Сообщение # 4

Цитата dima_riabets (

)

То есть сделайте информер с меню на отображение добавленных материалов и ссылок (За сколько дней)

Мдааа, это не так уж и просто и инфы об этом нету нигде...

Добавлено (19.09.2014, 18:17)
---------------------------------------------
Вот погуглил:

Скрипт выводит новые материалы за сегодня с помощью информера

Шаблон информера:

Код

if('$DATE$'==cur_date){num++;}

В шапку страницы:

Код

Там где надо вывести:

Код

Где $MYINF_X$ X = номер информера.

В css:

Код

.badge{
   background-color: #fa623f;
   position: absolute;
   top: 6px;
   right: 3px;
   line-height: 11px;
   height: 11px;
   padding: 0 2px;
   font-size:10px;
   color: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
}

Получилось так:

Как сделать, чтобы если материалов 0, то не показывалось ничего?

И круто бы было, чтобы материалы считались до клика по ссылке меню, обнулялись и заново считались. ^_^

Сообщение отредактировал robertbat123 - Суббота, 2014-09-20, 19:39

Профиль

Оповещение о новых материалах

Страница 1 из 1
1