Модуль ( usermenu )

Опубликовано:
Блог: Instant CMS
Редактировалось: 2 раза — последний 12 декабря 2018
Просмотров: 2218
+2
Голосов: 2

Изменил вид меню пользователя на Instantcms 1.7

кому понравится забираем

Здесь

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

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

Были такие изменения!

в mod_usermenu.tpl

в самом верху вместо <div class=" поставил <div id=" и добавил везде <li>

в /960.css

сверху в этой страке

Код PHP:
  1. .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,

удалил это

Код PHP:
  1. .grid_9,

и всамом низу вставил это

здесь я grid опустил ниже margin-top:5px

Код PHP:
  1. .grid_9{display:inline;float:left;margin-left:10px;margin-right:10px;margin-top:5px;}

в /styles.css

вместо этого кода

Код PHP:
  1. /*---------------------------PERSONAL MENU -----------------------------------*/
  2. .mod_user_menu { text-align:right; }
  3.  
  4. .mod_user_menu span{
  5. margin-right:0px;
  6. }
  7. .mod_user_menu span a{
  8. padding:6px;
  9. padding-left:26px;
  10. color:#BFDEFF;
  11. text-decoration:none;
  12. }
  13.  
  14. .mod_user_menu span a:hover{
  15. color:#FFF;
  16. background-color:#5D90D1;
  17. border-radius:8px;
  18. -moz-border-radius:8px;
  19. }
  20.  
  21. .mod_user_menu .my_profile a{ background:url(../images/icons/user.png) no-repeat 6px center; }
  22. .mod_user_menu .my_messages a{ background:url(../images/icons/message.png) no-repeat 6px 6px; }
  23. .mod_user_menu .my_messages a.has_new { color:#FFE900; }
  24. .mod_user_menu .my_blog a{ background:url(../images/icons/blog.png) no-repeat 6px center; }
  25. .mod_user_menu .my_photos a{ background:url(../images/icons/folder_picture.png) no-repeat 6px center; }
  26. .mod_user_menu .my_content a{ background:url(../images/icons/folder_page.png) no-repeat 6px center; }
  27. .mod_user_menu .add_content a{ background:url(../images/icons/add.png) no-repeat 6px center; }
  28. .mod_user_menu .admin a{ background:url(../images/icons/cpanel.png) no-repeat 6px center; }
  29. .mod_user_menu .logout a{ background:url(../images/icons/logout.png) no-repeat 6px center; }
  30. .mod_user_menu .register a{ background:url(../images/icons/register.png) no-repeat 6px center; }
  31. .mod_user_menu .login a{ background:url(../images/icons/key.png) no-repeat 6px center; }
  32.  

вставил этот

Код PHP:
  1. /*---------------------------PERSONAL MENU -----------------------------------*/
  2. #mod_user_menu {
  3. float:right;
  4. height:50px;
  5.  
  6. }
  7.  
  8. #mod_user_menu li{
  9. list-style:none;
  10. display:block;
  11. float:left;
  12. margin:5px 5px;
  13.  
  14. }
  15.  
  16. #mod_user_menu li a{
  17. display:block;
  18. float:left;
  19. color:#fff;
  20. text-transform:uppercase;
  21. font-size:10px;
  22. font-weight:bold;
  23. padding:0px 0px;
  24. text-decoration:none;
  25. text-align:center;
  26.  
  27. }
  28.  
  29. #mod_user_menu li a:hover{
  30. color:#fff;
  31.  
  32. }
  33.  
  34.  
  35. #mod_user_menu .my_profile a{ background:url(../images/icons/user1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px;}
  36. #mod_user_menu .my_profile a:hover {background:url(../images/icons/user2.png) no-repeat center top ;color:#FF9900;}
  37. #mod_user_menu .my_messages a{ background:url(../images/icons/message1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px;}
  38. #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;}
  39. #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;}
  40. #mod_user_menu .my_messages a:hover {background:url(../images/icons/message2.png) no-repeat center top ;color:#FF9900;}
  41. #mod_user_menu .my_blog a{ background:url(../images/icons/blog1.png) no-repeat center top;height:50px;padding:0px 10px 0px 10px; }
  42. #mod_user_menu .my_blog a:hover { background:url(../images/icons/blog2.png) no-repeat center top ;color:#FF9900;}
  43. #mod_user_menu .my_photos a{ background:url(../images/icons/folder_picture1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; }
  44. #mod_user_menu .my_photos a:hover { background:url(../images/icons/folder_picture2.png) no-repeat center top ;color:#FF9900;}
  45. #mod_user_menu .my_content a{ background:url(../images/icons/folder_page1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; }
  46. #mod_user_menu .my_content a:hover { background:url(../images/icons/folder_page2.png) no-repeat center top ;color:#FF9900;}
  47. #mod_user_menu .add_content a{ background:url(../images/icons/add1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; }
  48. #mod_user_menu .add_content a:hover{ background:url(../images/icons/add2.png) no-repeat center top ;color:#FF9900; }
  49. #mod_user_menu .admin a{ background:url(../images/icons/cpanel1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; }
  50. #mod_user_menu .admin a:hover { background:url(../images/icons/cpanel2.png) no-repeat center top ;color:#FF9900;}
  51. #mod_user_menu .logout a{ background:url(../images/icons/logout1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; }
  52. #mod_user_menu .logout a:hover { background:url(../images/icons/logout2.png) no-repeat center top ;color:#FF9900;}
  53. #mod_user_menu .register a{ background:url(../images/icons/register1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; }
  54. #mod_user_menu .register a:hover {background:url(../images/icons/register2.png) no-repeat center top ;color:#FF9900;}
  55. #mod_user_menu .login a{ background:url(../images/icons/key1.png) no-repeat center top ;height:50px;padding:0px 10px 0px 10px; }
  56. #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:
  1. <div class="mod_user_menu">
  2. <span class="register"><a href="/registration">Регистрация</a></span>
  3. <span class="login"><a href="/login">Вход</a></span>
  4. </div>

вставить этот

Код PHP:
  1. <div id="mod_user_menu">
  2. <span class="register"><li><a href="/registration">Регистрация</a></li></span>
  3. <span class="login"><li><a href="/login">Вход</a></li></span>
  4. </div>

вроди все

Комментарии (0)

Нет комментариев. Ваш будет первым!

Голосуем

Самый нужный компонент