Шаблоны для uCoz [18] |
Виды материалов [10] |
Мини профили [7] |
Мини чаты [8] |
Виды комментариев [14] |
Формы входа [3] |
Информеры [33] |
Украшения [16] |
Меню сайта [5] |
Кнопки [27] |
Шапки сайта [3] |
Медиа [19] |
Переключатели [8] |
Разное [65] |
Формы поиска [9] |
Скрипты [46] |
Игры на сайт [6] |
Аякс (Ajax) окна [1] |
PHP скрипты [3] |
16:12 Вид комментариев не использующий картинки всё в CSS стиле |
Новый вид комментариев не
использующий картинки всё в CSS, что улучшает скорость загрузки
страницы. Конечно совсем без картинок не обошлось ведь нужен и noavater и
кнопки хороший/плохой пост хотя без последних можно и обойтись. Прост в
установке и подойдет к любому дизайну.
Установка: Файлы архива закачиваем в папку images. Заходим панель управления, комментарии, вид комментариев. Удаляем старый код и вставляем этот: Код <table
style="opacity: 0.5;" id="fImga$ID$" onMouseOver="fadeOpacity(this.id,
'oR1')" onMouseOut="fadeOpacity.back(this.id)" border="0"
cellpadding="0" cellspacing="0"
width="100%"> <tr><td width="15%"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <div class="e_details01"> <a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$" target="blank"><img src="$USER_AVATAR_URL$" width="60px" border="0"></a><a title="$USERNAME$" href="$PROFILE_URL$"><img border="0" title="Просмотреть профиль $USERNAME$" src="/images/noavatar.png" width="60px"></a> </div> </td></tr> </tbody></table> </td> <td width="85%" align="right"><div class="e_details01"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td width="6%"><img src="/images/commentquote.png" onclick="emoticon('$USERNAME$, ','message');return false;" rel="nofollow" href="javascript://" title="Клик для цитирования $USERNAME$" border="0" width="60"> </td> <td width="94%"> <div style="float: right; font-size: 11px; font-family: Arial,sans-serif;"> <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> <a href="$GOOD_COMMENT_URL$"><img title="Хороший пост" src="/images/thumbu.png" alt="" align="absmiddle" border="0" width="13"></a> <a href="$BAD_COMMENT_URL$"><img title="Плохой пост" src="/images/thumbd.png" alt="" align="absmiddle" border="0" width="13"></a> <img alt="" src="/images/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="/images/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"> $MODER_PANEL$</div> <div style="text-align: left;" class="cTop"> <span class="myWinError">*</span> <span class="myWinSuccess">*</span> <a name="ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" href="#ent$ID$"><b>$NUMBER$)</b></a> Добавил: <a href="$PROFILE_URL$"><b>$USERNAME$</b></a><b>$NAME$</b> <span style="font-size: 7pt; unicode-bidi: embed;">($DATE$ $TIME$)</span> [<a title="Перейти на страницу материала" target="_blank" href="$ENTRY_URL$">Материал</a>] </div> <div style="text-align: left; clear: both; padding-left: 10px;" class="cMessage"> $MESSAGE$</div> <div style="text-align: left; clear: both;" class="cAnswer"><font color="#0BE00B"><b> Ответ</b>:</font> $ANSWER$</div> <div style="clear: both; padding-left: 15px; font-size: 7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div> </td></tr> </tbody></table> </div> </td></tr></table><br> Это вставляем в самый низ CSS: Код .e_details01
{ padding:6px !important; background:#FFFFFF; border:1px solid#C9C9C9 !important; border-radius:6px; -moz-border-radius:6px; box-shadow:0px 0px 10px #e8e8e8; -moz-box-shadow:0px 0px 5px #dcdbd8;} |
Всего комментариев: 0 | |