Часть профиля в Сайдбар

Часть профиля в Сайдбар (Левый или правый блок сайта)

1
2
Следующая
Показаны 1-15 из 16

#1 24 февраля 2014 в 18:01

Всем привет!
Подскажите пожалуйста кто знает и делал, как перенести часть профиля в Сайдбар?
Левый или правый блок сайта, не важно.
Горизонтальные кнопки оставляем на месте, только фото пользователя и ссылки под ним.
Видел на нескольких сайтах такое, но что как сделать пока не понял.
Желательно в модуле реализовать, хотя если кто то уже делал по другому тоже вариант!
Скриншот приложил как хотелось бы перенести и куда.

Прикрепленный файл

20140224195711_r1pq4.png 109 Кб

#2 24 февраля 2014 в 18:14

Когда вы приходите в профиль пользователя, то видите работу компонента users.
Это вам нужно сделать модуль, который будет из базы забирать нужные вам данные и выводить их в сайдбар.

NOP

#3 24 февраля 2014 в 18:14

У нас это реализовано так.

user_menu.tpl

{if $id}
<link rel="stylesheet" href="/templates/ekibastuz/css/usermenu.css" type="text/css" />
<ul id="user-widget">
  <li class="user-info" id="usermenu">
    <span class="image">
		<a href="/users/{$id}/avatar.html"><img class="usr_img" src="{$avatar}"></a>
<!-- Это аватарчик например-->
    </span>
    <span class="user">
      <a href="{profile_url login=$login}">{$nickname}</a>
    </span>
	{if $users_cfg.sw_msg}
    <span class="message">
        {if $newmsg.total}
		<a onclick="d_pm({$id});return false;" class="has_new" href="#" title="{$LANG.NEW_MESSAGES}: {$newmsg.messages}, {$LANG.NEW_NOTICES}: {$newmsg.notices}">{$LANG.USERMENU_MESS} ({$newmsg.total})</a>
		{else}
		<a onclick="d_pm({$id});return false;" href="#">{$LANG.USERMENU_MESS}</a>
		{/if}
    </span>
	{/if}
    <ul>
	  {if $is_billing}
      <li> 
        <a href="{profile_url login=$login}#upr_p_balance">
			Баланс: 
			<span class="hover">{if $balance==1}1 экибакс{elseif $balance==2}2 экибакса{elseif $balance==3}3 экибакса{elseif $balance==4}4 экибакса{elseif $balance>4}{$balance} экибаксов{else}0 экибаксов{/if}</span>
        </a>
      </li>
	  {/if}
	  {if $is_admin}
      <li>
        <a href="/admin" target="_blank">
          {$LANG.USERMENU_ADMININTER} 
          <span class="hover"> О, счастливчик! </span>
        </a>
      </li>
	  {else}
	  <li>
        <a href="/users/{$id}/editprofile.html">
		  Настройки 
          <span class="hover"> (всё о вас) </span>
        </a>
      </li>
	  {/if}
	  <li>
	  <a href="/content/add.html">
	  Добавить статью
	  <span class="hover"> (или новость) </span>
	  </a>
	  </li>
	  <li> <a href="/logout">
          Выход
          <span class="hover"> Уже уходите?😥</span>
        </a>
       </li> 
    </ul>
  </li>
</ul>
<div class="module_pan"></div>
{/if}

Простите за этот кусочек.

css

 
#user-widget {width:235px;padding:0px;border-radius: 0px 0px 4px 4px;box-shadow: 0px 0px 25px rgba(0,0,0,.4);}
#usermenu {width: 235px;color: #2980b9;font-size: 14px;}
#user-widget  .user-info {background: #34495e;border-radius: 0px 0px 4px 4px;overflow: hidden;}
#user-widget  .user {margin-top: 20px;display: inline-block;width: 150px;color: white;font-weight: bold;}
#user-widget .message {font-size: 10px;display: inline-block;width: 150px;color: white;}
#usermenu > ul {display: none;border-radius: 0px 0px 4px 4px;}
#usermenu:hover > ul {display: block;}
#user-widget ul {list-style-type: none;margin: 0;padding: 0;}
#usermenu li {padding: 10px;background: white;}
#usermenu ul li {text-align: left;font-size: 13px;border-top: solid 1px #eaeaea;}
#usermenu ul li span:after {content: "\00a0";}
#menu ul li:hover {text-align: left;}
#usermenu ul {clear: both;}
#user-widget .image {float: left;display: inline-block;width: 50px;height: 50px;font-size: 30px;text-align: center;line-height: 50px;color: #F7FFFF;background: white;border-radius: 27px;margin: 10px;border: solid 3px #dedede;overflow: hidden;}
#user-widget img{margin: -8px -8px;}
#usermenu a{text-decoration: none;color: #e67e22;}
#usermenu a:hover {color: #e74c3c;}
#usermenu a:hover > span.hover {transition: opacity 1s;opacity: .7;}
#user-widget .hover {display: inline-block;margin-bottom: 4px;opacity: .0;font-size: 10px;color: white;background: #34495e;border-radius: 2px;}
#user-widget .hover:before {content: "\00a0";}

Конечный вариант получается такой. (меню выпадающее)

Разберёшься?

build the new world

Сегодня в 23:18

#4 24 февраля 2014 в 18:20

Разберёшься?
wormcop

немного не то...
я user_menu уже вывел куда мне нужно.
Сделал ссылки входа и выхода отдельно от остальных ссылок дополнительным модулем.
Вывести требуется как раз часть пользовательского профиля.
Иллюстрация

#5 24 февраля 2014 в 22:13

Ну что, кто нибудь делал уже что то подобное?
Столкнулся ещё вот с выводом Аватара в сайдбаре.
Есть две разные ссылки:

 
<a href="/users/{$id}/avatar.html"><img src="{$avatar}" alt="{$usr.nickname|escape:'html'}"></a>
<a href="/users/{$id}/avatar.html"><img src="{$usr.avatar}" alt="{$usr.nickname|escape:'html'}" /></a>

Первая выводит маленькую аватарку и на каждой странице нормально, а вторая выводит большую как в профиле, но только когда мы в профиле, если заходим в чужой профиль, то выводит большую фотку этого профиля, а на других страницах не выводит вообще ничего!

#6 24 февраля 2014 в 22:20

$usr.avatar на $id.avatar поменяй

build the new world

#7 24 февраля 2014 в 22:30

Тот самый кусок кода

 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" valign="middle">
      <div class="usr_avatar">
        <img alt="{$usr.nickname|escape:'html'}" class="usr_img" src="{$usr.avatar}" />
      </div>
      {if $is_auth}
	<div id="usermenu" style="">
          <div class="usr_profile_menu">
	    <table cellpadding="0" cellspacing="6" ><tr>
              {if !$myprofile}
                <tr>
                 <td><img src="/templates/{template}/images/icons/profile/message.png" border="0"/></td>
                 <td><a class="ajaxlink" href="javascript:void(0)" title="{$LANG.WRITE_MESS}: {$usr.nickname|escape:'html'}" onclick="users.sendMess('{$usr.id}', 0, this);return false;">{$LANG.WRITE_MESS}</a></td>
                </tr>
	      {/if}
	      <tr>
                <td><img src="/templates/{template}/images/icons/profile/ajaxmessages.png" border="0"/></td>
                <td><a class="ajaxlink" href="javascript:void(0)" title="Переписка: {$usr.nickname|escape:'html'}" onclick="d_pm('{$usr.id}');return false;">Переписка</a></td>
              </tr>
              {if !$myprofile}
                {if !$usr.isfriend}
                  <tr>
                    <td><img src="/templates/{template}/images/icons/profile/friends.png" border="0"/></td>
                    <td><a class="ajaxlink" href="javascript:void(0)" title="{$usr.nickname|escape:'html'}" onclick="users.addFriend('{$usr.id}', this);return false;">{$LANG.ADD_TO_FRIEND}</a></td>
                  </tr>
                {else}
                  <tr>
                    <td class="add_friend_ajax" style="display: none;"><img src="/templates/{template}/images/icons/profile/friends.png" border="0"/></td>
                    <td class="add_friend_ajax" style="display: none;"><a class="ajaxlink" href="javascript:void(0)" title="{$usr.nickname|escape:'html'}" onclick="users.addFriend('{$usr.id}', this);return false;">{$LANG.ADD_TO_FRIEND}</a></td>
                    <td class="del_friend_ajax"><img src="/templates/{template}/images/icons/profile/nofriends.png" border="0"/></td>
                    <td class="del_friend_ajax"><a id="del_friend" class="ajaxlink" href="javascript:void(0)" title="{$usr.nickname|escape:'html'}" onclick="users.delFriend('{$usr.id}', this);return false;">{$LANG.STOP_FRIENDLY}</a></td>
                  </tr>
                {/if}
              {/if}
              {if $myprofile}
                {if $cfg.sw_msg}
                  <tr>
                    <td><img src="/templates/{template}/images/icons/profile/message.png" border="0"/></td>
                    <td><a href="javascript:void(0)" onclick="d_pm('{$usr.id}');return false;" title="{$LANG.MY_MESS}">{$LANG.MY_MESS}</a></td>
                  </tr>
                {/if}
                {if $cfg.sw_photo}
                  <tr>
                    <td><img src="/templates/{template}/images/icons/profile/addphoto.png" border="0"/></td>
                    <td><a href="/users/addphoto.html" title="{$LANG.ADD_PHOTO}">{$LANG.ADD_PHOTO}</a></td>
                  </tr>
                {/if}
                <tr>
                  <td><img src="/templates/{template}/images/icons/profile/avatar.png" border="0"/></td>
                  <td><a href="/users/{$usr.id}/avatar.html" title="{$LANG.SET_AVATAR}">{$LANG.SET_AVATAR}</a></td>
                </tr>
		{if $usr.invites_count}
                  <tr>
                    <td><img src="/templates/{template}/images/icons/profile/invites.png" border="0"/></td>
                    <td><a href="/users/invites.html" title="{$LANG.MY_INVITES}">{$LANG.MY_INVITES}</a> {$usr.invites_count}</td>
                  </tr>
		{/if}
                <tr>
                  <td><img src="/templates/{template}/images/icons/profile/edit.png" border="0"/></td>
                  <td><a href="/users/{$usr.id}/editprofile.html" title="{$LANG.CONFIG_PROFILE}">{$LANG.MY_CONFIG}</a></td>
                </tr>
              {/if}
              {if $is_admin && !$myprofile}
                <tr>
                  <td><img src="/templates/{template}/images/icons/profile/edit.png" border="0"/></td>
                  <td><a href="/users/{$usr.id}/editprofile.html" title="{$LANG.CONFIG_PROFILE}">{$LANG.CONFIG_PROFILE}</a></td>
                </tr>
              {/if}
              <tr>
                <td><img src="/templates/{template}/images/icons/profile/karma.png" border="0"/></td>
                <td><a href="/users/{$usr.id}/karma.html" title="{$LANG.KARMA_HISTORY}">{$LANG.KARMA_HISTORY}</a></td>
              </tr>
	      {if !$myprofile}
                {if $is_admin}
                  {if !$usr.banned}
                    <tr>
                      <td><img src="/templates/{template}/images/icons/profile/award.png" border="0"/></td>
                      <td><a href="/users/{$usr.id}/giveaward.html" title="{$LANG.TO_AWARD}">{$LANG.TO_AWARD}</a></td>
                    </tr>
                    {if $usr.id != 1}
                      <tr>
                        <td><img src="/templates/{template}/images/icons/profile/ban.png" border="0"/></td>
                        <td><a href="/admin/index.php?view=userbanlist&do=add&to={$usr.id}" title="{$LANG.TO_BANN}">{$LANG.TO_BANN}</a></td>
                      </tr>
                    {/if}
                  {/if}
                  {if $usr.id != 1}
                    <tr>
                      <td><img src="/templates/{template}/images/icons/profile/delprofile.png" border="0"/></td>
                      <td><a href="/users/{$usr.id}/delprofile.html" title="{$LANG.DEL_PROFILE}">{$LANG.DEL_PROFILE}</a></td>
                    </tr>
                  {/if}
                {/if}
              {/if}
            </table>
          </div>
        </div>
      {/if}
    </td>
  </tr>
</table>

Естественно меняй на нужные тебе параметры заместо $usr — $id прописывай.

P.S. Простите, что-то лагнуло. stuk

build the new world

#8 25 февраля 2014 в 02:58

$usr.avatar на $id.avatar поменяй
wormcop

Не работает к сожалению.
Если в аватаре прописать так, то выводит <img src="1"/> и при переходе в другие профиля выводит ID того профиля.
Есть другие варианты?

#9 25 февраля 2014 в 03:53

Вывел пока что смог,
Осталось решить вопрос, как вывести большую аватарку вместо маленькой и что бы она на всех страницах отображала Аватар зарегенного пользователя, а не каждый раз разные:
Иллюстрация

#10 25 февраля 2014 в 12:47

src="{$avatar}"
smoke

build the new world

#11 25 февраля 2014 в 14:47

src="{$avatar}"

wormcop

<img src="{$avatar}" — выводит маленькую фотку аватарки, а мне нужна большая.

#12 25 февраля 2014 в 16:39

Главная → Компоненты → Профили пользователей v1.10
Вкладка "Аватары"
Ширина большого аватара: ***

Просто так...

#13 25 февраля 2014 в 16:42

Главная → Компоненты → Профили пользователей v1.10 Вкладка "Аватары" Ширина большого аватара: ***
PolarOne

Нет, так тоже не катит, планируется выводить маленькие аватары в левом блоке, в модуле Новые пользователи.
Можно конечно в маленькой аватарке вбить размеры нужные для ширины левого блока, но если планируется выводить слишком много новых пользователей, то все эти изображения будут грузить страницу, даже если изменять размер фото в css.
Вариант отпадает!

#14 25 февраля 2014 в 16:45

{$record.avatar}
{$usr.avatar}

Просто так...

#15 25 февраля 2014 в 16:47

{$record.avatar}
PolarOne

Не катит, каждый раз разные выводит и маленькие :(
{$usr.avatar} — выводит большую только если ты в своём профиле, на других страницах не выводит.

1
2
Следующая
Показаны 1-15 из 16

Расширение возможностей катало

Создать компонент каталог фирм

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Часть профиля в Сайдбар

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Пропадает часть кода в статьях

[ЗАКРЫТО] Сделать последние темы/сообщения в сайдбаре Инстанта

Проблема в Конструкторе тем

Как убрать блоки, в профиле пользователя ?

[ЕСТЬ РЕШЕНИЕ] Редактирование профиля - оформление

Возможно ли продавать поля в профиле пользователей

InstantCMS Team

О проекте

Поддержка

Дополнения