Сейчас многие на своём сайте который создали устанавливают такой код который выводит информацию на самой странице материала о том кто этот материал добавил. Мы такой скрипт уже выкладывали на наш сайт и называется он Вывод информации об авторе материала для uCoz этот немного другой и более функционален.
Данный скрипт после установки будет выводить не только информацию о том кто добавил этот материал, но и информацию о самом материале когда он был добавлен в какую категорию и сколько просмотрен и оставлено комментариев.
Установка будет в несколько этапов!
В первую очередь установите стили которые указаны ниже в самый низ стилей вашего сайта.
Код .material_informat_title {font-size:17px;color:#5f5f5f;margin-bottom:5px} .material_informat {display:table;width:100%; background: #fff;} .material_informat_left {display:table-cell;vertical-align:top;width:440px;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;font-weight:bold;display:block} .avtor_infa {margin-top:3px;font-size:13px;color:#858585} .avtordatavhodamails {text-transform: lowercase;} .avtor_block{margin-left:20px;}
Теперь скопируйте весь ниже указанный код и вставите на страницу материала и комментария того модуля сайта в котором нужно отображать информацию об авторе материала. Установить в нужное для вас место на странице.
Код <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="puseravatar"><span class="user_avatar"></span></a> </div> </div> <div class="avtor_info"> <a href="$PROFILE_URL$" class="avtor_user" id="avtormaterials"></a> <div class="avtor_infa">Логин на сайте: <span id="nikavtoramaterials"><b></b></span></div> <div class="avtor_infa">Группа: <b><span id="avtorgruops"></span></b></div> <div class="avtor_infa">Дата входа: <span id="avtordatavhoda"><b><span style="color:red;opacity: 0.7;"></span></b></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> раз</div> <div class="avtor_infa">Категория: <b><a href="$CAT_URL$">$CAT_NAME$</a></b></div> <div class="avtor_infa">Оставлены: <b>$COMMENTS_NUM$</b> комментария</div> </div> </div> </div>
<script type="text/javascript"> $.get('$PROFILE_URL$', function(next){ $("#puseravatar").html( $(".puseravatar", next).html() ); $("#avtormaterials").html( $(".avtormaterials", next).html() ); $("#avtorgruops").html( $(".avtorgruops", next).html() ); $("#nikavtoramaterials").html( $(".nikavtoramaterials", next).html() ); $("#avtordatavhoda").html( $(".avtordatavhoda", next).html() ); }); </script>
На странице дизайна персональной страницы пользователя !
Находим
Меняем на
Код <span class="avtorgruops"> $_GROUP_NAME$ </span>
Находим
Меняем
Код <div class="avtormaterials"> $_NAME$</div>
Находим
Код <?if($_AVATAR$)?>$_AVATAR$<?endif?>
Меняем на
Код <div class="puseravatar"><span class="user_avatar"><?if($_AVATAR$)?>$_AVATAR$<?endif?></span></div>
Находим
Меняем на
Код <div class="nikavtoramaterials"><b>$_USERNAME$</div>
Находим
Меняем на
Код <div class="avtordatavhoda"> $_LOG_TIME$</div>
Ну вроде как бы всё, если что спрашивайте!
|