Светлый вид комментариев для uCoz
| 20.07.2010, 00:13 | |
 Вид комментариев в светлых тонах, отлично подойдет к любому сайту схожей цветовой гаммы. Так же присутствует функция no avatar (если у пользователя нет аватарки, то во всех его комментариях его несуществующий аватар будет заменен на соответствующий no avatar).
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-----*/ 3. Открываем страницу Вид комментариев и вставляем туда следующий код: 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$" border="0"><img src="http://best-prog.net.ru/images/noavatar.png" border="0" alt="Аватар не установлен!"/> <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><b>$NAME$</b> | Дата: $DATE$, $TIME$</td><td width="30%"> </td> </tr></table> <hr /> $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> <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>
4. Сохраняем. Все Светлый вид комментариев для uCoz установлен! | |
|
| |
| Просмотров: 455 | Загрузок: 20 | Комментарии: 3 | | |
| Всего комментариев: 3 | |
|
| |
