Сообщение # 1 | 21:18:05
Здравствуйте! Есть такое меню

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

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


Код
Вот картинка как должно быть : http://hostingkartinok.com/show-image.php?id=aa97c38120b3c74eff5f6ff309000681
Прикрепления: 1307989.png(3Kb)