Страница 1 из 11
Форум о заработке | Seo форум | Кузница вебмастеров » Система uCoz » Помощь по uCoz » Оповещение о новых материалах
Оповещение о новых материалах
robertbat Дата: Вторник, 19.08.2014, 17:16 | Сообщение # 1
robertbat
Статус не установлен
Сообщений:1
Награды:0
Репутация:0
Статус:Оффлайн
Здравствуйте! Есть такое меню:


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

Заранее благодарю.
Форум о заработке | Seo форум | Кузница вебмастеров » Система uCoz » Помощь по uCoz » Оповещение о новых материалах
Страница 1 из 11
Поиск: