Информация об авторе и о материале для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

Информация об авторе и о материале для uCoz


Описание:

Наверняка, многие администраторы сайтов на uCoz хотели сделать специальный блок "Об авторе материала" на странице материала и комментариев к нему. Такой блок должен содержать в себе аватар, имя, логин, группу пользователя, но не все составляющие списка можно вывести стандартными переменными, по этому мы прибегаем к гет запросу, который будет брать ту или иную с персональной страницы пользователя. Еще, что бы блок не был пустым, мы решили добавить всю информацию об материале. Вообщем, все получилось супер.

Установка:

Страница материала и комментариев к нему, где хотите видеть информация, вставляете код:
Код
<div class="material_informat">
<div class="material_informat_left">
<div class="material_informat_title" style="margin-left:20px;">Автор материала:</div>
<div class="avtor_block">
<div class="avtor_avatar">
<div class="avtor_avatar_mat"><a href="$PROFILE_URL$" id="info_avtor_avatar"></a></div>
</div>
<div class="avtor_info">
<span class="avtor_user" id="info_avtor_fio">...</span>
<div class="avtor_infa">Логин на сайте: <span id="info_avtor_login">...</span></div>
<div class="avtor_infa">Группа: <span id="info_avtor_gruppa">...</span></div>
<div class="avtor_infa">Статус: <span id="info_avtor_status">...</span></div>
</div>
</div>
</div>
<div class="material_informat_right">
<div class="material_informat_title">О материале:</div>
<div class="avtor_info">
<div class="avtor_infa">Дата добавления материала: <b>$ADD_DATE$ в $ADD_TIME$</b></div>
<div class="avtor_infa">Материал просмотрен: <b>$READS$</b> раз<?if($READS$%10=0||$READS$%10>4||$READS$%100>10&&$READS$%100<15)?><?else?><?if($READS$%10=1)?><?else?>а<?endif?><?endif?></div>
<div class="avtor_infa">Категория материала: <b><a href="$CAT_URL$">$CAT_NAME$</a></b></div>
<div class="avtor_infa">К материалу оставлен<?if($COMMENTS_NUM$%10=0||$COMMENTS_NUM$%10>4||$COMMENTS_NUM$%100>10&&$COMMENTS_NUM$%100<15)?>о<?else?><?if($COMMENTS_NUM$%10=1)?><?else?>ы<?endif?><?endif?>: <b>$COMMENTS_NUM$</b> комментари<?if($COMMENTS_NUM$%10=0||$COMMENTS_NUM$%10>4||$COMMENTS_NUM$%100>10&&$COMMENTS_NUM$%100<15)?>ев<?else?><?if($COMMENTS_NUM$%10=1)?>й<?else?>я<?endif?><?endif?></div>
</div>
</div>
</div>

Там же, перед </body> вставляете код:
Код
<script type="text/javascript">                   
$.get('$PROFILE_URL$', function(next){                   
$("#info_avtor_avatar").html( $(".info_avtor_avatar", next).html() );                   
$("#info_avtor_fio").html( $(".info_avtor_fio", next).html() );
$("#info_avtor_login").html( $(".info_avtor_login", next).html() );                   
$("#info_avtor_gruppa").html( $(".info_avtor_gruppa", next).html() );                   
$("#info_avtor_status").html( $(".info_avtor_status", next).html() );                   
});                   
</script>

На персональной странице, в самый верх вставляете код:
Код
<span style="display:none">
<span class="info_avtor_avatar"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="http://webmaster-ucoz.ru/master/avatar.png"><?endif?></span>
<span class="info_avtor_fio"><a href="$_PROFILE_URL$"><b title="Имя пользователя">$_NAME$</b></a></span>
<span class="info_avtor_login"><b>$_USERNAME$</b>, репутация - <a title="Смотреть историю репутации" href="javascript://" rel="nofollow" onclick="new _uWnd('Rh',' ',400,250,{modal:true,autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/9-$_USER_ID$'});return false;"><b>$_REPUTATION$</b></a></span>
<span class="info_avtor_gruppa"><b>$_GROUP_NAME$</b></span>
<span class="info_avtor_status"><b><span style="color:red;opacity: 0.7;"><?if(strpos($_STATUS$,'Offline')!=-1)?>заходил<?if($_GENDER_ID$="2")?>а<?endif?> <?if($DATE$=substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,strpos(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2),', ')))?>сегодня<?else?><?if((substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,2)=($DAY$-1)) && (substr(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,strpos(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2),', ')),3)=substr($DATE$,3)))?>вчера<?else?><?substr(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,strpos(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2),', ')),0)?><?endif?><?endif?> в <?substr($_LOG_TIME$,strrpos($_LOG_TIME$,', ')+2)?></span><?else?><span style="color:green;opacity: 0.7;text-transform:lowercase;">$_USERNAME$ сейчас на сайте</span><?endif?></b></span>
</span>

И еще один штрих, в таблицу стилей вставляете код:
Код
.material_informat_title {font-size:17px;color:#5f5f5f;margin-bottom:5px}
.material_informat {display:table;width:100%;}
.material_informat_left {display:table-cell;vertical-align:top;width:530px;padding-top:5px;padding-bottom:5px}
.material_informat_right {display:table-cell;vertical-align:top;padding-top:5px;padding-left:5px;padding-bottom:5px;}
.avtor_avatar_mat img{width:70px; height: 70px; margin: 3px 10px 0 0;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;border:1px solid #858585}           
.avtor_avatar_mat {display:table-cell;vertical-align:top;width:64px;padding-right:5px}           
.avtor_avatar_mat img {border: 3px solid #fff; box-shadow: 0px 0px 1px 1px #858585;}
.avtor_block {display:table;width:100%}
.avtor_avatar {display:table-cell;vertical-align:top;width:87px}
.avtor_info {display:table-cell;vertical-align:top;}
.avtor_user {font-size:15px;display:block}
.avtor_infa {margin-top:3px;font-size:13px;color:#858585}
.avtor_inform {font-size:13px;color:#858585}
.avtor_block{margin-left:20px;}

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 17.09.2016 в 13:00
Материал просмотрен: 3297 раз
Категория материала: Авторские скрипты
К материалу оставлены: 22 комментария

Пожаловаться
Сказать спасибо
Источник

22 комментария


Oksana
Оксана @Oksana 01.02.2016 01:091
+8
Спасибо
schoolonly
Ой,как долго,то!
Ромчик
Что то не нравиться, могу удалить
schoolonly
А можно скрипт без "О материале"?И сколько это будет стоить
Ромчик
Можно. Бесплатно
schoolonly
Скиньте,пожалуйста
assistant
Assistant @assistant 01.02.2016 18:237
+4
Код
<div class="material_informat">   
<div class="material_informat_left">   
<div class="material_informat_title" style="margin-left:20px;">Автор материала:</div>   
<div class="avtor_block">   
<div class="avtor_avatar">   
<div class="avtor_avatar_mat"><a href="$PROFILE_URL$" id="info_avtor_avatar"></a></div>   
</div>   
<div class="avtor_info">   
<span class="avtor_user" id="info_avtor_fio">...</span>   
<div class="avtor_infa">Логин на сайте: <span id="info_avtor_login">...</span></div>   
<div class="avtor_infa">Группа: <span id="info_avtor_gruppa">...</span></div>   
<div class="avtor_infa">Статус: <span id="info_avtor_status">...</span></div>   
</div>   
</div>   
</div>
Expert
Dmitry @Expert 02.02.2016 00:088
+3
Спасибо, думал что ни когда не выложите)
Ромчик
Не за что! Я тоже так думал :-)
Kosten
Kocsten @Kosten 02.02.2016 03:0010
+2
Роман, от души.
Полина
Полина @Полина 02.02.2016 22:1611
+4
За такой материал, хоть 500 лайков. Спасибо, думала не дождусь
StimuL
Геннадий @StimuL 05.02.2016 06:4412
0
забрал спасибо like
1 2 3 »
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта