Изменил вид меню пользователя на Instantcms 1.7
кому понравится забираем
Здесь

Пришло новое сообшение

при наведении курсора мыши

Были такие изменения!
в mod_usermenu.tpl
в самом верху вместо <div class=" поставил <div id=" и добавил везде <li>
в /960.css
сверху в этой страке
Код PHP:
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,
удалил это
Код PHP:
.grid_9,
и всамом низу вставил это
здесь я grid опустил ниже margin-top:5px
Код PHP:
.grid_9{display:inline;float:left;margin-left:10px;margin-right:10px;margin-top:5px;}
в /styles.css
вместо этого кода
Код PHP:
/*---------------------------PERSONAL MENU -----------------------------------*/ .mod_user_menu { text-align:right; } .mod_user_menu span{ margin-right:0px; } .mod_user_menu span a{ padding:6px; padding-left:26px; color:#BFDEFF; text-decoration:none; } .mod_user_menu span a:hover{ color:#FFF; background-color:#5D90D1; border-radius:8px; -moz-border-radius:8px; } .mod_user_menu .my_profile a{ background:url(../images/icons/user.png) no-repeat 6px center; } .mod_user_menu .my_messages a{ background:url(../images/icons/message.png) no-repeat 6px 6px; } .mod_user_menu .my_messages a.has_new { color:#FFE900; } .mod_user_menu .my_blog a{ background:url(../images/icons/blog.png) no-repeat 6px center; } .mod_user_menu .my_photos a{ background:url(../images/icons/folder_picture.png) no-repeat 6px center; } .mod_user_menu .my_content a{ background:url(../images/icons/folder_page.png) no-repeat 6px center; } .mod_user_menu .add_content a{ background:url(../images/icons/add.png) no-repeat 6px center; } .mod_user_menu .admin a{ background:url(../images/icons/cpanel.png) no-repeat 6px center; } .mod_user_menu .logout a{ background:url(../images/icons/logout.png) no-repeat 6px center; } .mod_user_menu .register a{ background:url(../images/icons/register.png) no-repeat 6px center; }
вставил этот
Код PHP:
/*---------------------------PERSONAL MENU -----------------------------------*/ #mod_user_menu { float:right; height:50px; } #mod_user_menu li{ list-style:none; display:block; float:left; margin:5px 5px; } #mod_user_menu li a{ display:block; float:left; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:0px 0px; text-decoration:none; text-align:center; } #mod_user_menu li a:hover{ color:#fff; } #mod_user_menu .my_profile a{ background:url(../images/icons/user1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px;} #mod_user_menu .my_profile a:hover {background:url(../images/icons/user2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .my_messages a{ background:url(../images/icons/message1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px;} #mod_user_menu .my_messages a.has_new { color:#FFE900; background:url(../images/icons/newmsn.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px;} #mod_user_menu .my_messages a:hover.has_new { color:#FFE900; background:url(../images/icons/newmsn.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px;} #mod_user_menu .my_messages a:hover {background:url(../images/icons/message2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .my_blog a{ background:url(../images/icons/blog1.png) no-repeat center top;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .my_blog a:hover { background:url(../images/icons/blog2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .my_photos a{ background:url(../images/icons/folder_picture1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .my_photos a:hover { background:url(../images/icons/folder_picture2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .my_content a{ background:url(../images/icons/folder_page1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .my_content a:hover { background:url(../images/icons/folder_page2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .add_content a{ background:url(../images/icons/add1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .add_content a:hover{ background:url(../images/icons/add2.png) no-repeat center top ;color:#FF9900; } #mod_user_menu .admin a{ background:url(../images/icons/cpanel1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .admin a:hover { background:url(../images/icons/cpanel2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .logout a{ background:url(../images/icons/logout1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .logout a:hover { background:url(../images/icons/logout2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .register a{ background:url(../images/icons/register1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .register a:hover {background:url(../images/icons/register2.png) no-repeat center top ;color:#FF9900;} #mod_user_menu .login a{ background:url(../images/icons/key1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; } #mod_user_menu .login a:hover {background:url(../images/icons/key2.png) no-repeat center top ;color:#FF9900;}
иконки из папки images/icons
закинуть на хостинг где находится сайт в template/_default_/images/icons
в template.php
здесь я проста вставил <li> и вместо <div class=" поставил <div id="
вместо этого кода
Код PHP:
<div class="mod_user_menu"> <span class="register"><a href="/registration">Регистрация</a></span> <span class="login"><a href="/login">Вход</a></span> </div>
вставить этот
Код PHP:
<div id="mod_user_menu"> <span class="register"><li><a href="/registration">Регистрация</a></li></span> <span class="login"><li><a href="/login">Вход</a></li></span> </div>
вроди все