Опрос
 
 
Каким браузером Вы пользуетесь?
(73 ответа)
ОтветитьАрхив
Каталог файлов
Главная » Файлы » Всё для вебмастера » Скрипты Ucoz » Вид комментариев для ucoz

Вид комментариев для ucoz

Вид комментариев для ucoz


Красивый вид комментариев для ucoz.
Установка:
Идём в панель управления -> Управление дизайном -> вид комментариев, стираем всё оттуда, вставляем этот код:
Code
<fieldset style="padding:5px;"><table cellpadding="0" cellspacing="0" width="100%" style="background:#fff;"><tr valign="top">
<td width="95"><div class="avatar"><img src="$USER_AVATAR_URL$" id="photoCard" title="$USERNAME$"/>
                        <div>Рейтинг: $LEVEL$</div>
                        <div>Имя: $NAME$</div>
</div>
</td>
<td>
<table class="comblock" width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="28"><img src="/images/comment/cblock_left_top.gif" width="28" height="12" alt="" /></td>
                  <td class="cblock-top"><img src="/images/spacer.png" width="1" height="12" alt="" /></td>
                  <td width="12"><img src="/images/comment/cblock_right_top.gif" width="12" height="12" alt="" /></td>
                </tr>
                <tr valign="top">
        <td class="cblock-left"><img src="/images/comment/cblock_left_mtop.gif" width="28" height="91" alt="" /></td>
            <td class="cblock-content">
            <span class="newstitle">$TITLE$</span>
            <table cellpadding="0" cellspacing="0" width="100%"><tr>
                <td>Написал: <a href="$PROFILE_URL$"><b>$USERNAME$</b></a> | Дата: $DATE$, $TIME$</td><td width="30%">&nbsp;</td>
            </tr></table>
            <hr />

            <br />$MESSAGE$
            <div align='right'>
            [<a href="$ANSWER_URL$">Ответить</a>]
            <span class="myWinError"><b>$COMMENT_RATING$</b></span><span style="color:gray;"><b>$COMMENT_RATING$</b></span><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span> &nbsp;<a href="$GOOD_COMMENT_URL$"><img src="http://s31.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="+1"></a> <a href="$BAD_COMMENT_URL$"><img src="http://s31.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="-1"></a><img src="http://s31.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="+1"> <img src="http://s31.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="-1"> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><span class="myWinError">*</span> <span class="myWinSuccess">*</span> <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>
            </div><div class="clr"></div>
            </td>
        <td class="cblock-right"><img src="/images/comment/cblock_right_mtop.gif" width="12" height="62" alt="" /></td>
                </tr>
                <tr>
                  <td width="28"><img src="/images/comment/cblock_left_bottom.gif" width="28" height="12" alt="" /></td>
                  <td class="cblock-bottom"><img src="/images/spacer.png" width="1" height="12" alt="" /></td>
                  <td width="12"><img src="/images/comment/cblock_right_bottom.gif" width="12" height="12" alt="" /></td>
                </tr>
</table>
</td>
</tr>
</table></fieldset>


Затем в CSS в любое место добавляем
Code
/*===COMMENTS===*/
table.comblock {background-color: #ffffff; }
table.comblock td.cblock-content {background: transparent url("../images/comment/cblock_center_mtop.gif") left top repeat-x; }

table.comblock td.cblock-left { vertical-align: top; background: url("../images/comment/cblock_middle_left.gif") left top repeat-y;}
table.comblock td.cblock-right { vertical-align: top; background: url("../images/comment/cblock_middle_right.gif") right top repeat-y;}

table.comblock td.cblock-top {background: url("../images/comment/cblock_center_top.gif") left top repeat-x;}
table.comblock td.cblock-bottom {background: url("../images/comment/cblock_center_bottom.gif") left bottom repeat-x;}

table.comblock div.maincont { padding: 4px; }

.avatar img { width: 100px; height: auto; }
/*===END COMMENTS===*/


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

Категория: Скрипты Ucoz | Добавил: 7soft | Теги: вид, uCoz, комментариев, вебмастеру, Для
Просмотров: 2171 | Загрузок: 53 | Комментарии: 8 | Рейтинг: 5.0/1

Всего комментариев: 8

Написал: erora | Дата: 13.12.2010, 18:36 0


спасиба)
8
Форма входа
 
 
Гость

Вход Регистрация
Мини-чат
 
 
!!!
Присоединяйся!
 
 
Наша кнопка
 
 
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:



Статистика
 
 
ОнлайнПодробно
Онлайн всего: 1
Гостей: 1
Пользователей: 0
20:06
23.11.2024
Внимание! Здравствуйте, гость!
Мы просим Вас зарегистрироваться на нашем сайте, или войти под своим логином.