Главная Блоги Заметки

Вывод наград в профиле

Опубликовано:
Блог: Заметки
Рубрика: Профиль
Редактировалось: 2 раза — последний вчера в 03:21
Просмотров: 2399
Играет: Ноггано - Антоша Наркоша
+4↑
Голосов: 4

Пришло в голову как сделать более приятный вывод наград в профиле.

И так как это реализовать:

1. Ищем файл

com_users_awards.tpl

в

templates/Ваш Шаблон/components

Удаляем все что в файле и вставляем этот код:

Код PHP:
  1.  
  2. {* ================================================================================ *}
  3. {* =================== Список наград пользователя ================================= *}
  4. {* ================================================================================ *}
  5. {foreach key=tid item=aw from=$aws}
  6. <a href="/users/awardslist.html" class="tt">
  7. 	<img src="/images/users/awards/{$aw.imageurl}" border="0" alt="{$aw.title}"/>
  8.     <span class="tooltip">
  9.     <span class="middle">
  10.     <span>{$aw.description}</span>
  11. 	 <div class="usr_award_date" style="color:red;"><strong>{$aw.title}</strong></div>
  12. 	<div class="usr_award_date">{$aw.pubdate}</div>
  13.     </span>
  14.     </span>
  15.     </a>
  16. {/foreach}
  17.  

2. Далее идем в файл стилей

styles.css

templates/Ваш Шаблон/css

и в самый конец вставляем следующее:

Код PHP:
  1.  
  2. /* Подсказки для наград */
  3. 	a.tt{
  4. 	position:relative;
  5. 	z-index:24;
  6. 	color:#3CA3FF;
  7. 	font-weight:bold;
  8. 	text-decoration:none;
  9. 	}
  10. 	a.tt span{ display: none; }
  11.     a.tt:hover{ z-index:25; color: #aaaaff; background:;}
  12.     a.tt:hover span.tooltip{
  13.     display:block;
  14.   position:absolute;
  15.     top:0px; left:0;
  16.     padding: 15px 0 0 0;
  17.     width:200px;
  18.     color: #993300;
  19.     text-align: center;
  20.     filter: alpha(opacity:90);
  21.     KHTMLOpacity: 0.90;
  22.     MozOpacity: 0.90;
  23.     opacity: 0.90;
  24.     }
  25.  
  26.     a.tt:hover span.middle{
  27.     display: block;
  28.     padding: 0 8px; 
  29.     background: #F1F1F1; 
  30. 	border:1px solid #D2D2D2;
  31. 	-webkit-border-radius: 15px;
  32. 	-moz-border-radius: 15px;
  33. 	border-radius: 15px;
  34. 	float:left;
  35.     }
  36.  

3. Теперь помещаем код вывода наград в профиле. В файле

com_users_profile.tpl

templates/Ваш Шаблон/components

ищем

{$usr.avatar}

и после вставляем следующий код:

Код PHP:
  1.  
  2. <!-- Блок награды -->	
  3.  
  4. {if $cfg.sw_awards}
  5. {if sizeof($usr.awards_html)}
  6. {$usr.awards_html}
  7. {/if}
  8. {/if}
  9.  
  10.  
  11. <!-- Блок награды конец -->	
  12.  

Главное не забудьте удалить старый код вывода наград.
Комментарии (9)
Letsgo #
: 0
вот с таких мелочей и складываются красивые комбинации в  Инстанте.
Ответить
maia #
: 0
При таком количестве орденов - пора на планки переходить. Или, проще, ввести как обязательное приветствие такого чела "Аве"..
Ответить
Letsgo #
: 0
я тоже наградами не балую..ибо тогда их ценность стремится упасть.  3 награды у моих лидеров.
Ответить
Микулин Сергей #
: 0
Это тестовый сайт) Просто добавил много наград что бы посмотреть как будет выводится большое количество.
Ответить
maia #
: 0
Смотрится смешно.. Вообще это пригодилось бы на каком-то сайте знакомств, например, поцелуями какими-нибудь засыпать или цветами, которые выдаются при достижении определенного уровня чего-то, выдаваемого поклонниками. А так сразу Брежнев вспоминается.
Ответить
Михаил М. #
: 0
<!-- Блок награды -->

{if $cfg.sw_awards}
{if sizeof($usr.awards_html)}
{$usr.awards_html}
{/if}
{/if}
{foreach key=id item=plugin from=$plugins}
<div id="upr_{$plugin.name}">{$plugin.html}</div>
{/foreach}

<!-- Блок награды конец -->
Это что после наград потянутся все плагины выводимые в профиль так как
{foreach key=id item=plugin from=$plugins}
<div id="upr_{$plugin.name}">{$plugin.html}</div>
{/foreach}
цикл отвечает за вывод плагинов
Ответить
Михаил М. #
: +1
Не проще сделать так что после {$usr.avatar} просто вставить
Код PHP:
  1. {if $cfg.sw_awards}
  2. {if sizeof($usr.awards_html)}
  3. {$usr.awards_html}
  4. {/if}
  5. {/if}
Ответить
Letsgo #
: 0
вставил, все награды под фоткой))) Миха молодец)

но я убрал под адрес страницы пользователя.
Ответить
MAGer #
: 0
Поставил smile Спасибо!!! Убрал вкладку "Награды" совсем... но то, что автор поста предложил разместил в другом месте... посмотреть можно тут:
http://russianpoetry.ru/users/novac17sts5
Ответить
Добавить комментарий RSS-лента комментариев

Голосуем

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