Главная Блоги Instant CMS

Модуль ( usermenu )

Опубликовано:
Блог: Instant CMS
Редактировалось: 2 раза — последний 14 августа 2018
Просмотров: 2099
+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)

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

Добавить комментарий

Голосуем

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