|
|
Модератор форума: dotbot |
Сообщество uCoz » Архивариус » Корзина » Оповещение о новых материалах |
Оповещение о новых материалах |
Здравствуйте! Есть такое меню
Код <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
(3.4 Kb)
|
помогите реализовать идею, чтобы пользователь зайдя на сайт видел в меню в какие разделы добавлены материалы и сколько, а после их просмотра оповещение исчезало из меню (как в одноклассниках примерно) |
| |||
| |||