Суббота, 20.10.2018, 10:35
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Основные достоинства теплого пола
  • Виртуальное казино играть онлайн бесплатно слоты
  • Установка качественного интернета в офисы
  • Онлайн клуб Вулкан играть автоматы
  • Как начать играть в онлайн казино?
  • Как правильно выбрать домашний интернет и телевидение
  • Как начать учить английский язык?
  • Web дизайн с эксклюзивной графикой от фрилансера
  • Когда выгодно использовать напольно-потолочные кондиционеры сплит-системы?
  • Загляните в самый популярный интернет-магазин умных устройств
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Какой поисковик Вы используете?


    Всего ответов: 309

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0


    Зарегистрировано 30674 (сегодня + 1 новых, вчера + 0 новых), В каталоге файлов 1128 материала(ов), Оставлено 5133 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок CW результаты

    Победы
    Победы(10)

    Поражения
    Поражения(5)


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Фотогалерея для uCoz с плавным увеличением фото (lightbox)
    Павел написал:
    ваша фотогалерея не работает на шаблонах ucoz, перепроверьте работоспособность и исправьте свои ошибки. спасибо
    Новость: Музыкальный шаблон
    eddison написал:
    doe it use file catalog or forum?
    Новость: Что такое деревопласт? Приобретение забора из деревопласта?
    написал:
    Интересный материал для строительства, даже не слышал о таком. smile
    Новость: Мини-кабинет личного профиля сайта uCoz как на CSL.lv
    Игорь написал:
    Добрый день
    Есть ли сейчас какой-то функционал,на основе которого можно сделать подобие личного кабинета пользователя со статистикой?
    Нужен минимум, как пример:
    http://joxi.ru/82Q9JP6t1EaRg2 - главная страница
    http://joxi.ru/Q2K9kPNt9Y6WQr - форма регистрации
    http://joxi.ru/n2Y9pP3tj31n42 - меню пользователя простейшее
    Через какие инструменты можно будет создать подобное?

    Читать все комментарии
    Топ комментаторов

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория Для Веб мастера » Добавлено [01.11.2013, 16:32]

    Оригинальный вид комментариев для uCOZ

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

    Оригинальный вид комментариев для uCOZ . Отличительной особенностью от других видов комментариев является то что в данной версии присутствует нестандартный вид панели редактирования, который сделан под дизайн вида комментариев. Также кроме панели редактирования, присутствует маленькая кнопочка LIKE и кнопка ответить на комментарий пользователя.
     
    Данный вид комментариев будет отлично смотреться на сайтах различной тематики и послужит отличной заменой стандартного вида комментариев uCOZ. Еще одним на мой взгляд немалым плюсом данного скрипта является полное отсутствие багов и простота в установке, а так же возможность использовать социальный замок вместе с ним.

    Если же у вас у вас остались какие-то вопросы и проблемы по установке данного вида комментариев для uCOZ, то прошу оставлять их в комментариях и в скорее наши модераторы ответят на все интересующие вас вопросы.

    Установка:
    Шаг 1

    Для начала нам следует удалить старый html код вида комментариев, для этого идём в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев и устанавливаем следующий код:


    Код
    <div class="content-com">  
      <div class="com_p text_r text_9">  
      <a href="$PROFILE_URL$"> <img class="avatar_comment wbr3" src="$USER_AVATAR_URL$" /><img src="/img/no_avatar.jpg" class="avatar_comment wbr3" alt="аватар отсутствует" /></a><img src="/img/no_avatar.jpg" class="avatar_comment wbr3" alt="аватар отсутствует" />  

        
        
        
      <a class="kcom_like ts_b wbr3" href="$GOOD_COMMENT_URL$">Like</a>  
        
        
        
       
      </div>  
      <div class="com_l wbr3">  
      <div class="com_v grey">  
      <div class="left_block"><a href="$ANSWER_URL$" title="Комментировать"><div class="otvet"></div></a></div>  
    <div class="left_block top cherta-right gren">$USERNAME$</div><div class="left_block top cherta-right gren">$NAME$</div><div class="left_block top cherta-right gren">Гость</div>  
      <div class="left_block top2 text_9">$DATE$ - $TIME$</div>  
      <div class="right top2 text_9 grey cherta-left ">Like | 0<span class="gren">+$COMMENT_RATING$</span></div>  
      <div class="right top2 text_9 grey cherta-left">№$NUMBER$</div>  
        
      <a title="Удалить" onclick="del_item($ID$);return false;" id="di$ID$">  
      <div class="delete-com right"></div>  
      </a>  
      <a title="Редактировать" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;">  
      <div class="edit-com right"></div>  
      </a>  
        
      </div>  
      <div class="com_c text_115">$MESSAGE$ </div>  
      <div class="com_n grey text_9">  
      <span class="left">  
      </span>  
      </div>  
      </div>  
    </div>

    Шаг 2 

    Теперь нам надо прописать стили "css" что бы наш вид комментариев отображался корректно и стал симпатичным.

    Код
    /* Вид комментариев v.1  
      ------------------------------------------*/  

    /* Выравнивание */  
      div.left_block {float:left;}  
      div.right_block {float:right;}  

    /* Кнопки комментировать, редактировать, удалить */  
    .otvet {  
      background: url(/img/otvet.png);  
      background-position: -0px -0px;  
      width: 25px;  
      height: 23px;  
      cursor: pointer;  
      border-right:1px solid #cad1db;  
      }  
    .otvet:hover  
      {  
      background: url(/img/otvet.png);  
      background-position: -0px -23px;  
      width: 25px;  
      height: 23px;  
      cursor: pointer;  
      }  

    .edit-com {  
      background: url(/img/moder-panel.png);  
      background-position: -0px -0px;  
      width: 35px;  
      height: 23px;  
      cursor: pointer;  
      border-left:1px solid #cad1db;  
      }  
    .edit-com:hover  
      {  
      background: url(/img/moder-panel.png);  
      background-position: -0px -23px;  
      width: 35px;  
      height: 23px;  
      cursor: pointer;  
      }  

    .delete-com {  
      background: url(/img/moder-panel.png);  
      background-position: -35px -0px;  
      width: 35px;  
      height: 23px;  
      cursor: pointer;  
      border-left:1px solid #cad1db;  
      }  
    .delete-com:hover  
      {  
      background: url(/img/moder-panel.png);  
      background-position: -35px -23px;  
      width: 35px;  
      height: 23px;  
      cursor: pointer;  
      }  

    /* Аватар */  
    .avatar_comment {  
      width:50px;  
      height:50px;  
      padding:3px;  
      background:#888888;  
    }  

    /* Закругление углов */  
    .wbr3 {  
      -webkit-border-radius:3px;  
      -moz-border-radius:3px;  
      border-radius:3px;  
    }  

    /* Контент */  
    .content-com {  
      float:left;  
      width:100%;  
      position:relative;  
      margin-bottom:15px  
      }  

    .com_p {  
      top:0;  
      right:0;  
      width:75px;  
      position:absolute;  
      background:url(/img/ugolok.png) no-repeat top left  
    }  

    .com_l {  
      padding:0px 0;  
      background:#fff;  
      border:1px solid #cad1db;  
      margin:0 74px 0 0;  
      overflow:hidden  
    }  

    .com_v {  
      height:23px;  
      border-bottom:1px solid #cad3da  
    }  

    .com_v,.com_n {  
      margin:0 0px 0 0px  
    }  

    .com_c {  
      min-height: 39px;  
      overflow:hidden;  
      margin:5px 15px 7px 15px;  
    }  

    .com_c p {  
      padding:10px;  
      margin:10px 0;  
      background:#ebfce8;  
      overflow:hidden!important;  
      border:1px solid #b4e5ac  
    }  

    /* Like */  
    .kcom_like:link,.kcom_like:visited {  
      text-align:center;  
      color:#fff;  
      float:right;  
      width:47px;  
      background:#999999;  
      margin-top:3px;  
      padding:1px 3px 1px 3px;  
      border:1px solid #666666  
    }  

    .kcom_like:hover {  
      text-decoration: none;  
      border:1px solid #666666!important;  
      color:#375e15!important;  
      text-shadow:1px 1px 1px #d7ffb6!important;  
      background:#9aeb56!important  
    }  

    /* Черта возле кнопок */  
    .cherta-right {  
      height:20px;  
      border-right:1px solid #cad1db;  
    }  

    .cherta-left {  
      height:19px;  
      border-left:1px solid #cad1db;  
    }  

    /* Текст */  
    .text_r {  
      text-align:right;  
    }  

    .text_9 {  
      font:9px Verdana,Arial,Helvetica, sans-serif;  
    }  

    .grey {  
      color:#b1b1b1;  
    }  

    .grey2 {  
      color:#cac8c8;  
    }  

    .gren {color:#429e1e;  
      font-weight:bold;  
    }  

    .right {  
      float:right;  
    }  
    .left {  
      float:left;  
    }  

    .top {  
      padding: 4px 12px 0px 12px;  
    }  

    .top2 {  
      padding: 5px 12px 0px 12px;  
    }  

    .bold {  
      font-weight:bold;  
    }  

    .text_115 {  
      font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
    }

    Готово!


    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Оригинальный вид комментариев для uCOZ



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: Для Веб мастера | Добавил: BLoOd | Теги: оформление, Вид комментариев для ucoz, Веб мастеру
    Просмотров: 3344 | Загрузок: 0 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz