All-For-Kompa.RU

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

Всё для компа

chat

Реклама

Реклама

Календарь

Популярное

Партнёры



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

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

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

Авторизация

Реклама

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

Опрос

Какую поисковую систему используете?

1. Яndex
2. Google
3. Rambler
4. Nigma
5. Другое
6. Mail
7. Yahoo!

Реклама

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

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

Комментарии

Счетчики

На сайте: 289
Прохожие: 288
Пользователей: 1
ivashka
Статус:

Счётчик тИЦ и 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 ...[ Скачали 67557 раз ]
    Амфибии, Гайд по ассасина...[ Скачали 31905 раз ]
    Амфибии, Гайд по шаманам.[ Скачали 30797 раз ]
    cs 1.6 patch v48 full[ Скачали 29211 раз ]
    Русский бот PW Alfa v 2.6[ Скачали 17356 раз ]
    Огромный пак глюков и баг...[ Скачали 12898 раз ]
    civilization 5 скачать бе...[ Скачали 12099 раз ]
    PW MP5[ Скачали 11299 раз ]
    MHS-Bot-PW 2.3 ботовод[ Скачали 10605 раз ]
    Niko Bellic (нико белич) ...[ Скачали 10146 раз ]
    Wallpapers Girls №1158[ Добавлен 01.11.2024 ]
    Granny Remake (2023/Ru/En...[ Добавлен 01.11.2024 ]
    Vampire Survivors (2021/R...[ Добавлен 01.11.2024 ]
    Wallpapers Mix №1866[ Добавлен 30.10.2024 ]
    Wallpapers Girls №1157[ Добавлен 30.10.2024 ]
    Red Dead Redemption (2024...[ Добавлен 30.10.2024 ]
    Wallpapers Girls №1156[ Добавлен 29.10.2024 ]
    Wallpapers Girls №1155[ Добавлен 27.10.2024 ]
    Wallpapers Girls №1154[ Добавлен 27.10.2024 ]
    Wallpapers Girls №1153[ Добавлен 26.10.2024 ]