Изначально скрипт выглядит так:
При нажатии на эту кнопку, если есть непроверенные новости, то будет выгладеть так:
Нажав на кнопку Новости сайта мы перейдем на страницу непроверенных материалов
Нажми на картинку для просмотра в полном размере
[spoiler="скрин"][/spoiler]
Вставляем данный код в ваш Мини профиль
Code
Данный код вставляем в СSS
Code
.nncity {padding:0; margin:0; width:189px; border-top: 1px solid #ccc;}
.nncity li {background-color:#FFFFFF; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}
* html .nncity li {background-color:#ebebeb; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}
.nncity li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#aaaaaa; margin:0;}
.nncity li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}
.nncity ul ul { left: 198px; }
.nncity li:hover ul ul,
.nncity li:hover ul li:hover ul ul,
.nncity li.sfHover ul ul,
.nncity li.sfHover ul li.sfHover ul ul { display: none; }
.nncity li:hover ul,
.nncity li:hover ul li:hover ul,
.nncity li:hover ul li:hover ul li:hover ul,
.nncity li.sfHover ul,
.nncity li.sfHover ul li.sfHover ul,
.nncity li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }
.nncity li:hover, li.sfHover { background: #E3E3E3; }
.nncity a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#999999;}
.nncity li {background-color:#FFFFFF; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}
* html .nncity li {background-color:#ebebeb; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}
.nncity li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#aaaaaa; margin:0;}
.nncity li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}
.nncity ul ul { left: 198px; }
.nncity li:hover ul ul,
.nncity li:hover ul li:hover ul ul,
.nncity li.sfHover ul ul,
.nncity li.sfHover ul li.sfHover ul ul { display: none; }
.nncity li:hover ul,
.nncity li:hover ul li:hover ul,
.nncity li:hover ul li:hover ul li:hover ul,
.nncity li.sfHover ul,
.nncity li.sfHover ul li.sfHover ul,
.nncity li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }
.nncity li:hover, li.sfHover { background: #E3E3E3; }
.nncity a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#999999;}




