» »

Страница материала и комментариев V-7 для uCoz


Страница материала и комментариев V-7 для uCoz

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

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

Установка:

Начнем со стилей и для этого есть скрипт, который нужно поставить в самой странице между head стили /head или смотрим на изображение.

Каталог файлов - Страница материала и комментариев к нему и между ставим код на CSS стили:

Код
<link type="text/css" rel="StyleSheet" href="/ie_strmaterial/style.css" />




И не куда не уходим, так как нам нужно еще здесь прописать основной код, где вы можнте также посмотреть на скрине, куда ставить.

Код
<!-- <body> -->  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5182>-->Файлы<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td>  
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td>  
</tr>  
</table>  
<hr />  
<div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div><hr>  
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">  
<tr><td width="85%">  
<div align="center"><?if($IMG_URL1$)?><a class="ulightbox" alt="$ENTRY_TITLE$" title="$ENTRY_TITLE$" target="_blank" href="$IMG_URL1$"><img src="$IMG_URL1$" style="max-width:650px; max-height:300px;padding:10px;float:center;border: 2px solid #ABABAB; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;" alt="$TITLE$" title="$TITLE$" /></a><?else?><img src="http://internetempire.ru/images/load/noscreen.png" style="max-width:650px; max-height:300px;padding:10px;" title="Изображение Отсутствует" alt="Изображение Отсутствует" /><?endif?></div>  
<u><b>Описание:</b></u><hr>  
$MESSAGE$  
</td></tr>  
</table>  
<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>  
<div align="center"><script type="text/javascript" src="/ie_strmaterial/js/down_ssript.js"></script>  
<div id="mybutton">  
<a href="javascript://" onclick="complaint('Ник адмнистратора')" class="complaint" title="Жалоба на $ENTRY_TITLE$"></a>  
<a href="$FILE_URL$$RFILE_URL$" class="download" title="Скачать $ENTRY_TITLE$" target="_blank"></a>  
</div></div>  
<br>  
<div class="p_comment">  
<strong>Правила публикации комментариев:</strong><hr>  
<b>1.</b> Запрещено оскорблять, унижать в грубой форме других пользователей.<br>  
<b>2.</b> Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.<br>  
<b>3.</b> Запрещено писать ссылки на другие сайты (За исключением официальных сайтов uCoz, например: blog.uсoz.ru)<br>  
<b>4.</b> Запрещено флудить и спамить, предлогать услуги (например: делаю рипы, адаптации на заказ, помогу с установкой и т.д. )<br>  
</div>  
<?if($COM_IS_ACTIVE$)?>  
<?if($COM_CAN_READ$)?>  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>  
<tr><td colspan="2">$COM_BODY$</td></tr>  
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>  
<tr><td colspan="2" height="10"></td></tr>  
</table>  
<?endif?>  

<?if($COM_CAN_ADD$)?>  
$COM_ADD_FORM$  
<?else?>  
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>  
<?endif?>  
<?endif?>  
<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>  
<!-- </body> -->




Все в здесь не нужно не чего делать:

Идем далее, а точнее в персональную страницу и в самый потолок нам нужно поставить код:

Код
<link type="text/css" rel="StyleSheet" href="/ie_strmaterial/style.css" />  
<span style="display:none">  
<span class="info_avtor_avatar"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="http://internetempire.ru/ava/coll3/avatar_6.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>


Все сохраняем и остается только в корень сайта загрузить папку ie_strmaterial что здесь скачаете. И после всего заходим и обновляем страницу и видим совершенно другой дизайн.

Это добавленные кнопки.



Потом видим правила для пользователей:



Вообщем полностью изменено как по дизайну так и по функциональности. Если что то вам не нужно, то в коде можете убрать.

PS - кому не понятно, пишем в комментариях, так как все было проверенно на тестовом сайте и корректно отображается.

Автор: YaVi
Источник: http://internetempire.ru/

При копирование, источник обязательно на клик, уважаем чужой труд.
05.02.2016 Загрузок: 23 Просмотров: 1065 Комментарий: (47)

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

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

Комментарий: 46
YaVi
YaVi 05.02.2016 22:331
+3
Спасибо за источник)
Kosten
Kosten 05.02.2016 22:394
0
Но как без этого, чтоб на клик еще был, а то так поставят, думаю не один час собирал этот вид.
YaVi
YaVi 05.02.2016 22:405
0
Ага) Еще коды путал, да еще эта страница подойдет, под широкий дизайн)
Kosten
Kosten 05.02.2016 22:437
0
YaVi, реально бы раньше его поставил, но поставлю на другой сайт, за что от души.
YaVi
YaVi 05.02.2016 22:4510
0
Я рад что тебе пригодилась страница)
Kosten
Kosten 05.02.2016 22:449
0
YaVi, теперь понял для чего стоит V-7) Такого сайта нет.
YaVi
YaVi 05.02.2016 22:4611
0
Да я понял)
AnTron
AnTron 05.02.2016 22:342
0
Так вообще не когда не менял, да что говорить, это первый скрипт, что вижу. Но всегда приходилось дорабатывать, но здесь смотрю все предусмотрели, но кнопки думаю лишние, сильно они как то не по теме и вылезают из самого дизайн страницы.
YaVi
YaVi 05.02.2016 22:373
0
кнопки можно поменять, это же не трудно)
AnTron
AnTron 05.02.2016 22:4712
0
Вот поменять другое дело, или просто заказать, чтоб нарисовать под сайт, так как они одним файлом идут.
YaVi
YaVi 05.02.2016 22:4813
0
Да можно просто переделать, например на CSS кнопки) Но это уже пользователь сам под свой сайт будет настраивать)
Maryges
Maryges 05.02.2016 22:5015
0
Вот под изображение мне больше понравилось, просто остальные скрипты видел, думаю поменяю на это.
YaVi
YaVi 05.02.2016 22:5217
0
Под изображение код, я взял со своего сайта)
Maryges
Maryges 05.02.2016 22:426
0
YaVi, тебе + отличный вид собрал, думаю он многим пригодиться, кому не нравиться страница, но с Костеном соглашусь, кнопки они там просто не нужны, если для дизайна, но как то сильно они отображаются, сама стилистика теряется. Но здесь решать, кто устанавливать будет. И правильно сделали, что на скринах показали как делать, так как думаю новичок бы не справился с первого раза.
YaVi
YaVi 05.02.2016 22:448
0
Это Kosten все разборчиво показал)
Kosten
Kosten 05.02.2016 22:4914
0
Просто у тебя на сайте не нашел, что убирать нужно, тау у тебя не отобразилось, но на тестовом сайте проверял, реально удивился, как все четко подошло, так только некоторые название переписал и все, больше не чего там не нужно править.
YaVi
YaVi 05.02.2016 22:5116
0
Я старался сделать так, чтоб пользователи легко могли заменить страницу у себя на сайте)
Kosten
Kosten 05.02.2016 22:5519
0
А это для того, чтоб не писали, что не работает, так как сами не правильно выставят и пишут. Здесь как в детском саму, делайте и собирайте по картинкам.
YaVi
YaVi 05.02.2016 22:5721
0
Ну да, так легче и понятнее)
Kosten
Kosten 05.02.2016 23:0127
0
Просто сам скрипт сделан и собран понятно, это вообще в первые возможно вижу такую страницу, так как сложно делать и добавлять, надо все учесть, все закрыть, так как говорю, поставил на сайт тестовый и как реально шел с шаблоном.
YaVi
YaVi 05.02.2016 23:0328
0
Я это страницу раз 5 хотел сделать, но отказывался, так как заморочек много и вот решился, а точнее меня попросили сделать)
Tergran
Tergran 05.02.2016 22:5318
0
Вид просто сделан великолепно, всегда будет, что то лишнее или не подходит, тут главное, что рабочий код и вы потом сами все сделаете.
YaVi
YaVi 05.02.2016 22:5520
0
Ну да, у всех свои вкусы) Но я не думаю, что будет трудно подредактировать страницу под себя)
Сафрон
Сафрон 05.02.2016 22:5823
0
Некоторым трудно, и иногда приходиться самому все делать, чтоб они только скопировали и поставили.
Kosten
Kosten 05.02.2016 22:5925
0
Это точно, но все с этого начинали, и здесь не чего такого нет.
YaVi
YaVi 05.02.2016 23:0026
0
Тем более тем трудно, которые создают сайт под помощь в ucozе, а сами даже скрипт установить не могут) Встречались такие)
Сафрон
Сафрон 05.02.2016 22:5722
0
Так с этого вида можно по то или другое взять, но лучше чтоб не путаться, его выставить полностью и потом уже на сайте разбираться. Что по кнопкам, возможно они на светло синий сайт не идут, но есть и другие, можно их даже и на темном увидеть.
YaVi
YaVi 05.02.2016 22:5924
0
Такие кнопки чаще всего на темном дизайне встречаются, вы правы)
Сафрон
Сафрон 05.02.2016 23:0429
0
Но на темном дизайн всегда все по другому смотрится.
YaVi
YaVi 05.02.2016 23:0730
0
Тоже верно)
Kosten
Kosten 05.02.2016 23:1231
0
Указанный URL уже проиндексирован., вот пускай теперь копируют, YaVi, ты также сразу по социальным ссылкам прогоняй, быстро залетает.
YaVi
YaVi 05.02.2016 23:1432
0
Я так и делаю)
YaVi
YaVi 05.02.2016 23:1533
0
Может, я что-то не так делаю, подскажи как ты делаешь
Kosten
Kosten 05.02.2016 23:1835
0
Сейчас попробую по всем своим профилям прогнать и посмотрим.
YaVi
YaVi 05.02.2016 23:1937
0
Просто с моего сайта, в поисковике еще нет(
Kosten
Kosten 05.02.2016 23:2538
0
Прогнал страницу, но больше дает addurl веб мастере яндекс. Но посмотрим, что получится, если залетит через час к примеру, то просто можешь мне потом урлы скидывать прогонять буду.
YaVi
YaVi 05.02.2016 23:2739
0
Спасибо) Да нее, замарочек для тебя много будет)
Kosten
Kosten 05.02.2016 23:3040
+1
Не чего не будет, 2 минуты на ссылку, нужно проверить, если все получиться, просто потом в ЛС скидывать будешь.
YaVi
YaVi 05.02.2016 23:3141
0
Хорошо) Спасибо заранее)
Dixes
Dixes 05.02.2016 23:1734
0
прикольно
Kosten
Kosten 05.02.2016 23:1936
0
Больше скажу, грамотно.
ucozmental
ucozmental 06.02.2016 02:1142
0
Вот это да, даже не заметил, просто в первые вижу, что можно полностью вид материала и комментариев перенести, теперь можно поставить, сделано красиво. +
YaVi
YaVi 06.02.2016 02:1343
0
Рад что Вам понравилось)
Kosten
Kosten 06.02.2016 02:3044
0
Что оригинальный, то да, и собран, но не думаю, каждый второй может грамотно все сделать, чтоб не снесло шаблон, а все было как нужно.
Kosten
Kosten 06.02.2016 04:3745
0
Так лучше сделать нормальное изображение как будет, если не считая описание, то все отлично.

ucozmental
ucozmental 06.02.2016 04:3946
0
Kosten, да так все понятно было, но это изображение по качественнее и кнопки уже совершенно по другому видятся.
avatar