|
Каталог статей
Новый вид комментариев для uCoz
Итак, если вы хотите у себя на сайте установить новый вид комментариев с несколько другим оформлением, нежели у стандартного оформления системы uCoz, тогда приступаем:
1. Скачиваем архив с исходниками, содержимое архива закачиваем к себе на сайт, файл стилей comment_style.css в корневую папку, файлы изображений в одноимённую папку images в файловом менеджере (Прим. - Если у вас таковой папки нет, создайте её)
2. Открываем Панель управления сайтом. 3. Переходим в Управление дизайном - Редактирование шаблонов. Выбираем шаблон "Вид комментариев", заменяем имеющийся в нём код на следующий:
Code <div id="pc_50" class="jomentry1"> <h5 class="jc_comment_title"><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>№ $NUMBER$</b></a></h5> <div class="jc_avatar"><div class="avatarImg"><img src="$USER_AVATAR_URL$" height="40" width="40" border="0" alt="аватар пользователя"><img src="http://s107.ucoz.net/a/16/2884.gif" height="40" width="40" border="0" alt="аватар пользователя" /></div></div> <div class="jc_comment_text">$MESSAGE$ <p>[<a href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Материал</a>]</p> <div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div> <div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div> </div> <div class="jc_clear"></div> <div class="jc_bottom_container"> <div class="jc_user_details">$MODER_PANEL$ <span class="jc_comment_author"> <a href="$PROFILE_URL$"><b>$USERNAME$</b></a><b>$NAME$</b></span>, <span class="jc_comment_date">$DATE$ </span> </div> <ul class="jc_comment_panel"> <li class="jc_comment_panel_report"> <a href="ЗДЕСЬ АДРЕС ВАШЕГО САЙТА/index/0-3"> <img src="/images/blank.gif" alt="Сообщить администратору" title="Сообщить администратору" height="14" width="14" border="0"> </a> </li> <li class="jc_comment_panel_total"> $COMMENT_RATING$$COMMENT_RATING$+$COMMENT_RATING$</li> <li class="jc_comment_panel_down"> <a href="$BAD_COMMENT_URL$" onclick="jcVt('#ent', -1)" title="Плохой комментарий"> <img src="/images/blank.gif" alt="Сообщить администратору" title="Плохой комментарий" height="14" width="14" border="0"> </a> </li> <li class="jc_comment_panel_up"> <a href="$GOOD_COMMENT_URL$" onclick="jcVt('#ent', 1)" title="Хороший комментарий"> <img src="/images/blank.gif" alt="Сообщить администратору" title="Хороший комментарий" height="14" width="14" border="0"> </a> </li> <li class="jc_comment_panel_down"> <a href="javascript:DoIt();" title="Плохой комментарий"> <img src="/images/blank.gif" alt="Сообщить администратору" title="Плохой комментарий" height="14" width="14" border="0" /></a> </li> <li class="jc_comment_panel_up"> <a href="javascript:DoIt();" title="Хороший комментарий"> <img src="/images/blank.gif" alt="Сообщить администратору" title="Хороший комментарий" height="14" width="14" border="0" /></a> </li> </ul> </div><div class="jc_clear"></div> </div> Сохраняем изменения.
4. Выбираем шаблон нужной страницы с комментариями, например: Новости сайта - "Страница материала и комментариев к нему", находим в нём строку:
и заменяем её на следующую:
Code <div id="jc_commentsDiv" style="display:block; visibility:visible; ">$COM_BODY$</div> В этом же шаблоне между тегами:
вставляем ссылку на файл стилей, который вы предварительно закачали в файловый менеджер в корневую папку:
Code <link type="text/css" rel="StyleSheet" href="ЗДЕСЬ АДРЕС ВАШЕГО САЙТА/comment_style.css"> Сохраняем изменения. Вот и всё, теперь у вас новый вид комментариев.
|
Категория: Вид коментариев для ucoz | Добавил: BeyB (10.01.2013)
|
Просмотров: 550
| Рейтинг: 0.0/0 |
|
Мой профиль
Привет, Гость
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
|
| | |