» »

Код страницы материала и комментариев для uCoz

Код страницы материала и комментариев для uCoz

Здесь представлен полный код на страницу материала и комментариев, где идет автор с Avatar и также категорий с функциями на материал. Просто иногда видишь сайт, все нормально сделан, но как зайдешь на материал, чтоб скачать, то там не понимаешь что есть где. Где сама кнопка, чтоб скачать, что некоторые по умолчанию ее оставляют. Этот код вытащил сайта vebmastak.ru, что сам настраивал. Информация о пользователи там стоит как на сайте веб мастер для uCoz, что ниже идет рамка. Которая выполнена в светло красном оттенке. А по сути там написано про правила, если какой то пользователь хочет залить материал на сайт. Но она сделана красиво, что можно прописать совершенно другие правила.

Это как скачать или как комментировать, чтоб не каких ссылок не было. Кнопку по которой вы можете скачать, она выведена в правой стороне, и на этом же уровне стоят теги с иконкой. Если вы не чего загружать не собираетесь и вообще у вас тематика познавательная, то когда статью напишете и загрузите, то этой кнопки не будет. Она появляется, когда что то загружено в материале, что сделано очень удобно в этом случай. Сам вид комментарий не стал выставлять, но он виден на одном изображение. Все для того, чтоб вы понимали, как все будет после установки. Здесь вид материала и комментариев к нему стоит оригинальный от системы, что можно поставить на любой шаблон.

Только вот картинка выделена в обводе, где закруглены углы. И она полностью редактируется, что можно шире иди уже сделать, но и по длине автоматически вы сами выставляете. Но и статус будет высвечивать, кто онлайн, это только у того, кто представил материал, идет красный и свело зеленый оттенок. Но думаю здесь больше не чего добавлять, здесь нужно ставить и просто настраивать под себя. Также хочу обратить внимание, что Ст. Материалов и комментариев до этого уже заливал на сайт, что возможно вам пригодиться. Сама установка этого вида будет точно такой как с источника, так что вам советую ее поставить и уже потом вы можете что то от себя добавить или лишнее по вашему убрать.

Приступаем к установке:

1. Установим полностью страницу, вы ее можете скачать и заменить вид материала и комментариев к нему на модуле файлы, так как с него снимал, если на другой, то немного переделать нужно.

2. Это выставим автора, основной код уже установлен на странице, только осталось пройти в персональную Ст. И там в самый вверх установить код.

Код
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
<span style="display:none">  
<span class="info_avtor_avatar"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="http://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg"><?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>


3. Проходим в CSS и в самый низ пропишем стили, они идут на все автоматически, но также виде есть на обвод стили, но эти основные, чтоб корректно смотрелось.

Код
/* Правила публикации комментариев */
.p_comment {background: #FCE9E9;border-left: 7px solid #E26565; padding: 12px;color: #7B6363;}
/* InternetEmpire.Ru */

/* Информация об авторе и о материале */
.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: 65px; 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;}
/* InternetEmpire.Ru */

/* Фон для Автора материала */
  .ieavtor{padding:0px;background:#E2E2E2;width: 100%;}
/* InternetEmpire.Ru */

  .rld-but, .ld-but { text-transform: uppercase; font-weight: bold; color: #3498db; border: 2px solid #3498db; text-decoration: none; display: inline-block; padding: 10px 28px; margin-right: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ld-but:hover {background:#3498db; color:#FFF; text-decoration: none;}
.rld-but:hover {background:#3498db; color:#FFF; text-decoration: none;}
.ful-img img {width: 100%; height: 250px; margin: 0 0 10px 0; float: left; border: 4px solid #A0ACC1; box-shadow: 0px 0px 1px 1px #DDD; border-radius: 10px;}
  .uz a { }


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

Полный код на Ст. материала и комментария юкоз

Это как раз правило, они поле автора и перед комментарием идут.

Скрипт на правила для сайта

Все потом нужно сохранить, и зайдя на замененную страницу, здесь обновляем ее или почистить кэш и потом визуально увидите, как изменилось. Сам переставлял ее на тестовый сайт, все нормально и все вывело.

PS - под краткое описание, прописан оператор BRIEF, здесь нужно заметить, что он работает, только на модуле файлов и не на каких других. Что по мета тегам, то там оператор Meta Keywords: который самостоятельно выводил, сто вам нужно его убрать и вручную написать.

Если будут вопросы, то спрашиваем в комментариях, что по тегам, то чтоб не чего не менять, а прочесть статью под названием "Мета теги для каталога файлов" и после как все сделаете, у каждого материала, будут свои ключевые слова, что отлично скажется при ранжирование в поисковой системе.

Если у вас куплен CEO пакет, то просто убираем и ставим свои CEO операторы, которые и будет автоматом выводить всю информацию, что у вас находиться на сайте. Просто это сделано бесплатно и не какой разницы с платной не вижу, так как считаю одинаково и аналогично все показывает.
01.08.2017 Загрузок: 6 Просмотров: 303 Комментарий: (8)

Поделиться в социальных сетях

Материал разместил

Комментарий: 8
Kosten
Kosten 01.08.2017 20:501
0
Чтоб просто прикинуть как будет, то пока с тестового сайте, который можно посмотреть ЗДЕСЬ, что убирать пока не буду, на время, так как тесты на нем. что можете посмотреть, там только один материал, как раз под эту страницу сделал.
avatar
K23 02.08.2017 07:242
0
С мобильного текст на текст ложится, не красиво
First
First 02.08.2017 12:413
+1
Его адаптивным сделать 5 минут
Kosten
Kosten 02.08.2017 14:144
0
First, привет, подскажи что в стилях под адаптацию прописать, это за медео как понял тема идет. Просто она там была. но реально не разобрался.
First
First 02.08.2017 14:505
0
Там не только стили, а ещё и две обвёртки с классами убирать нужно
Kosten
Kosten 02.08.2017 14:526
0
Может ключи от тестового скинуть, плиз сделай, чтоб реально нормально было и люди не парились с этой адаптацией.
Kosten
Kosten 04.08.2017 15:038
0
First, так что поможешь этот вид материала и комментариев адаптивным сделать?
Kosten
Kosten 02.08.2017 14:537
0
То есть хотел сказать с адаптивностью, здесь все переплелось.)
avatar