• Страница 1 из 1
  • 1
Оповещение о новых материалах
robertbat123 Оффлайн
Проверенный
5
Дата: Понедельник, 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 Оффлайн
Проверенный
86
Дата: Вторник, 2014-08-19, 11:02 | Сообщение # 2
Я не думаю, что это реально сделать на uCoz

У скуки есть светлая сторона. Скучающие люди нередко ищут возможность сделать добрые дела, поскольку развлечения им надоели и не привносят смысл в их жизнь.
Профиль
dima_riabets Оффлайн
Проверенный
19
Дата: Четверг, 2014-08-21, 19:21 | Сообщение # 3
Это реально сделать! Сделать запись в Coockies на оповещения музыки 1 раз.

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

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

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

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


Чат в Skype
-------------------------------------------
Занимаюсь новым проектом.
-------------------------------------------
Изучаю: js, jquery
Хорошо знаю: HTML5, CSS3
Обращайтесь по uCoz FAQ
Профиль
robertbat123 Оффлайн
Проверенный
5
Дата: Пятница, 2014-09-19, 18:17 | Сообщение # 4
Цитата dima_riabets ()
То есть сделайте информер с меню на отображение добавленных материалов и ссылок (За сколько дней)

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

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

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

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

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


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

<script type="text/javascript">
cur_date='$DATE$';
num=0;
</script>


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

<script type="text/javascript">
$MYINF_X$;
document.write('<span class="badge">'+num+'</span>');
</script>


Где $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
Поиск: