All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Реклама

Реклама

Календарь

Популярное

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

Про-софт - сайт професионального софта. Ето сайт не только софта но также игровых дополнений, музыки, фильмов, игр для ПК а также читов для ПК игр. Постоянное обновление материалов и каждый день появляется чтото новенькое!

Архив новостей

Авторизация


Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

что лучше?

1. Mozilla Firefox
2. Opera
3. IE

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 2
Прохожие: 2
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100

Раздел: uCoz

Новый вид комментария для uCoz с уголком

АвторАвтор: budyvmaster

|Голосов: 0 ДатаДата: 16.12.2012, 11:28

Описание: Новый вид комментария для 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);}  
  /* =================================================*/




Правообладателям



Перед тем как скачать "Новый вид комментария для uCoz с уголком", проверьте ВСЕ ссылки на работоспособность. На момент публикации "Новый вид комментария для uCoz с уголком", все ссылки были в рабочем состоянии

Другие материалы на эту тему:

    Теги к материалу:

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

    Популярные файлыНовые файлы
    Call of Duty 5: World at ...[ Скачали 67406 раз ]
    Амфибии, Гайд по ассасина...[ Скачали 31780 раз ]
    Амфибии, Гайд по шаманам.[ Скачали 30688 раз ]
    cs 1.6 patch v48 full[ Скачали 29070 раз ]
    Русский бот PW Alfa v 2.6[ Скачали 17214 раз ]
    Огромный пак глюков и баг...[ Скачали 12772 раз ]
    civilization 5 скачать бе...[ Скачали 11957 раз ]
    PW MP5[ Скачали 11180 раз ]
    MHS-Bot-PW 2.3 ботовод[ Скачали 10430 раз ]
    Niko Bellic (нико белич) ...[ Скачали 10026 раз ]
    Wallpapers Mix №1142[ Добавлен 19.05.2024 ]
    Ghost of Tsushima Directo...[ Добавлен 17.05.2024 ]
    Wallpapers Mix №1141[ Добавлен 17.05.2024 ]
    Wallpapers Girls №1059[ Добавлен 17.05.2024 ]
    Wallpapers Girls №1058[ Добавлен 14.05.2024 ]
    Wallpapers Mix №1140[ Добавлен 13.05.2024 ]
    Wallpapers Girls №1057[ Добавлен 13.05.2024 ]
    Wallpapers Girls №1056[ Добавлен 13.05.2024 ]
    V Rising (2024/Ru/En/Mult...[ Добавлен 10.05.2024 ]
    Wallpapers Girls №1055[ Добавлен 09.05.2024 ]