Найти на сайте
  2. Пользователи
  3. ParadoX
  4. Форум
ParadoX

ParadoX

Don't worry, be hippy
+11
Репутация
8
Рейтинг
#1 Новая вкладка профиля 9 апреля 2017 в 20:23
Поднимем тему!
0
#2 [ЕСТЬ РЕШЕНИЕ] Поле в произвольном месте страницы 7 апреля 2017 в 20:47
Господа, знатоки, где же вы? Ау!
0
#1 [ЕСТЬ РЕШЕНИЕ] Поле в произвольном месте страницы 23 марта 2017 в 20:34
Добрый вечер, друзья!
Прошу помощи. Хочу немного украсить страницы профилей и страницы групп. Для этого требуется вывести изображение в произвольном месте страницы. Поле "изображение" создано вручную и имеет системное имя, допустим, "background". Какой код отвечает за это?
Заранее благодарен!
0
#3 Выпадающее меню действий 21 марта 2017 в 19:02
Как обычно "в ответ тишина...", сделал так.
Было решено добавить в виджет "Аватар" дополнительные поля (dop1, dop2, dop3). Для начала в конец схемы шаблона (файл scheme.html) было добавлено:

[hide]
  1. <br>
  2. <table>
  3.     <tr>
  4.         <td colspan="3" class="filled">
  5.             Дополнительные поля Виджета Avatar
  6.         </td>
  7.     </tr>
  8. 	<tr>
  9. 		<td width="33%">
  10.             {position:dop1}
  11.         </td>
  12. 		<td width="33%">
  13.             {position:dop2}
  14.         </td>
  15. 		<td width="33%">
  16.             {position:dop3}
  17.         </td>
  18.     </tr>
  19. </table>
[/hide]
Получаем:

Как видно на рисугке мною уже добавлено 2 виджета: "Уведомления" и "Меню действий".
Далее правим сам виджет, добавляем поля и получаем файл \templates\default\controllers\users\widgets\avatar\avatar.tpl.php вида:

[hide]
  1. <div class="widget_user_avatar">
  2.  
  3.     <div class="user_info">
  4.  
  5.         <div class="avatar">
  6.             <a href="<?php echo href_to('users', $user->id); ?>">
  7.                 <?php echo html_avatar_image($user->avatar, 'micro', $user->nickname); ?>
  8.             </a>
  9.         </div>
  10.  
  11.         <div class="name">
  12.             <a href="<?php echo href_to('users', $user->id); ?>">
  13.                 <?php html($user->nickname); ?>
  14.             </a>
  15.         </div>
  16.  
  17.     </div>
  18.  
  19. 	<div class="more_menus">
  20. 		<?php if($this->hasWidgetsOn('dop1')) { ?>
  21. 			<div class="dop_menu">
  22. 				<?php $this->widgets('dop1', false, 'wrapper_plain'); ?>
  23. 			</div>
  24. 		<?php } ?>
  25. 		<?php if($this->hasWidgetsOn('dop2')) { ?>
  26. 			<div class="dop_menu">
  27. 				<?php $this->widgets('dop2', false, 'wrapper_plain'); ?>
  28. 			</div>
  29. 		<?php } ?>
  30. 		<?php if($this->hasWidgetsOn('dop3')) { ?>
  31. 			<div class="dop_menu">
  32. 				<?php $this->widgets('dop3', false, 'wrapper_plain'); ?>
  33. 			</div>
  34. 		<?php } ?>
  35. 		<div class="avatar_menus">
  36. 			<?php $this->menu( $widget->options['menu'], $widget->options['is_detect'], 'menu', $widget->options['max_items'] ); ?>
  37. 		</div>
  38. 	</div>
  39. </div>
[/hide]
Осталось облагородить путём CSS:
[hide]
  1. header .widget_user_avatar{
  2.     margin: 0;
  3.     display: inline-block;
  4. 	width: 80px;
  5. }
  6. header .widget_user_avatar div{display: inline-block}
  7. header .widget_user_avatar .more_menu .avatar_menus,
  8. header .widget_user_avatar .more_menu .dop_menus {}
  9. header .widget_user_avatar .default_avatar{border-radius:50%}
  10. header .widget_user_avatar .user_info{line-height: 30px;}
  11. header .widget_user_avatar .user_info .name {display: none;}
  12. header .widget_user_avatar:hover .user_info{background: #708bb6;}
  13. header .widget_user_avatar:hover .menu {visibility: visible !important;}
  14. header .widget_user_avatar .menu{
  15. 	box-shadow:none;
  16. 	background: #708bb6;
  17. 	position: relative;
  18. 	top: 0;
  19. 	z-index:101;
  20. }
  21. header .widget_user_avatar .more_menus {
  22. 	display: table;
  23.     width: 200px;
  24.     margin-left: -140px;
  25.     position: absolute;
  26. }
  27. header .widget_user_avatar .menu {width:220px}
  28. header .widget_user_avatar .menu li{float: none;border-bottom:1px solid rgba(255, 255, 255, 0.14)}
  29. header .widget_user_avatar .menu li:hover, header .widget_user_avatar .menu li ul{background-color:rgba(255, 255, 255, 0.14)}
  30. header .default_avatar{overflow:visible;line-height:30px!important;font-size:14px!important}
  31. header .default_avatar img{display:inline-block}
  32. .widget_user_avatar .user_info .avatar{line-height:10px}
  33. header .widget_user_avatar .menu li a,
  34. header .my_topbar .menu ul li a {
  35. 	color: #fff;
  36. 	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  37. 	font-size: 1.4rem !important;
  38.     height: 40px;
  39.     line-height: 40px;
  40. 	text-transform: initial;
  41. 	background-image: none !important;
  42. }
  43. header .widget_user_avatar .menu li ul{
  44.     left: auto;
  45.     background: #708bb6;
  46.     right: 219px;
  47. 	width:200px
  48. }
  49. header .widget_user_avatar .menu > .folder > a > .wrap:after{content:none}
  50. header .widget_user_avatar .user_info,header .widget_user_avatar .user_info .avatar{float:none;overflow:visible}
  51. header .widget_user_avatar .user_info:after{top:10px}
  52. header .topbar_left .widget_user_avatar:first-child .menu li ul{right: auto;left: 180px;}
  53. header .topbar_left .widget_user_avatar:first-child .menu{right: auto;left:0;}
  54. header .widget_user_avatar .user_info .avatar img{border-radius:50%}
  55. .widget_content_slider{margin-bottom:15px}
  56. .widget > .body, .widget_tabbed .widgets{
  57.     border: 1px solid rgba(0, 0, 0, 0.06);
  58.     border-top: none;
  59. }
  60. .widget_tabbed .tabs ul{border: 1px solid #ecf0f1;border-bottom: none}
  61. .widget_tabbed .tabs ul li a:hover{text-decoration:none}
  62. .widget_user_avatar .user_info{margin-bottom:15px}
  63. .widget_user_avatar .menu{border-top:none}
  64. header .widget_user_avatar.menu_fix{position:fixed;z-index:501;width:42px}
  65. header .widget_user_avatar.menu_fix .user_info .name{display:none}
  66. header .widget_user_avatar.menu_fix .user_info{padding-right:5px}
  67. header .widget_user_avatar.menu_fix .user_info:after{content:none}
  68.  
[/hide]

CSS может быть не весь, т.к. у меня всёрстки как всегда глобальные)) Но всего вышеперечисленного должно хватить, чтобы получилось нечто, как у меня:

А дальше сами, ручками) Всем бобра.
P.S. Тему создать плюсиков не хватает, так что пишу тут glasses
0
#4 Выпадающее меню действий 18 марта 2017 в 15:02
Неужели никто не реализовал?
0
#5 Компонент География 15 марта 2017 в 13:42
Поддерживаю. Нужна опция "Страна по-умолчанию".
0
#6 Яндекс фотки Архив фото для Инстант 2+ 1 марта 2017 в 21:02


Нет сумму не собрали

Cтудия Sitestroi

А если соберём? Есть рабочее демо? По ссылке денвер.
Требуется дополнительный функционал — в принципе заменить /uploads/ папкой на яндекс.фотки, а так же при создании альбома в cms, он создавался на я.ф и оттуда подтягивались фото. Такое возможно?
0
#7 Яндекс фотки Архив фото для Инстант 2+ 27 февраля 2017 в 20:19
Добрый день!
Компонент таки разработали?
0

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.