• Страница 1 из 1
  • 1
Модератор форума: asus  
Форум » Скрипты для ucoz » Форум » Красивый и легкий вид коментариев на CSS для Ucoz by Fallen
Красивый и легкий вид коментариев на CSS для Ucoz by Fallen
fevrikasДата: Суббота, 01.10.2011, 21:41 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 296
Награды: 15
Репутация: 3043
Статус:


Установка:
1) Закруглим рамки для таблиц.
Вставляем это в CSS

Code
.loadComents {padding: 10px 10px 10px 10px;color:ddd;-webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15x; border-radius: 5px;border-top: solid 5px #565656; border-left: solid 5px #565656; border-bottom: solid 5px #343434; border-right: solid 5px #343434;}  


2) Закруглим рамки у всех аватарок
Вставляем это в CSS

Code
.i-1 {position: relative;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;display: inline-block;vertical-align: top;}
.i-1 img {display: block;visibility: hidden;}  


3) А теперь вставим сам вид комментариев
ПУ > Дизайн > Управление дизайном (Шаблоны) > Комментарии > Вид комментариев
Заменяем все на:

Code
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="20%">

<div style="padding:0 10px 0 0">
<table border="0" cellpadding="0" cellspacing="0" class="loadComents">
<tr><td>

<?if($USER_AVATAR_URL$)?><a title="Просмотреть профиль $USERNAME$" href="$PROFILE_URL$" target="blank">
<span class="i-1" style="background: url($USER_AVATAR_URL$)">
<img src="$USER_AVATAR_URL$" border="0">
</span>
</a><?else?><a title="$USERNAME$" href="$PROFILE_URL$"><img title="Просмотреть профиль $USERNAME$" src="http://ucoz-studio.at.ua/shablon/icons/profile/noavatar.png" width="95px" border="0"><?endif?>

</td></tr>
</table>
     
</td><td width="80%" align="right">

<div style="padding:0 15px 0 0">
<table border="0" cellpadding="0" cellspacing="0" class="loadComents" width="100%">
<tr><td style="padding:20px;">

<table border="0" cellpadding="0" cellspacing="0" >
<tr><td width="6%">
   <font color="000000"><img class="quote" title="Клик для цитирования $USERNAME$" href="javascript://" rel="nofollow" onclick="emoticon('[color=yellow]$USERNAME$[/color], ','message');return false;" src="http://ucoz-studio.at.ua/shablon/icons/chat/commentquote1.png" border="0"></td><td width="94%" style="padding-left:10px;"><div title="Добавлен: $DATE$, $TIME$">$MESSAGE$</div></font><span style="float:right;font-size:11px;font-family:Arial,sans-serif;">$MODER_PANEL$</span></td></tr></table>

</td></tr>
</table>

</td></tr></table>
<br>
Прикрепления: 1324445.png(42.4 Kb)
 
Форум » Скрипты для ucoz » Форум » Красивый и легкий вид коментариев на CSS для Ucoz by Fallen
  • Страница 1 из 1
  • 1
Поиск:

 

Полная статистика форума

Ваш текст ну или чего хотите