Понедельник, 25.01.2021, 06:42
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Пользуетесь ли вы Поиском?


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

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


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

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

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

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

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


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

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

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

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

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

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

Сегодня, я, администратор этого сайта, хочу с вами поделится очень красивым видом комментариев для uCoz сайта, который подходит больше светлым дизайнам. вы задаёте себе вопрос: В чем его красота и уникальность? Так вот здесь собраны только самые нужные бб коды. Ну что давайте его установить, что ждем? Этот скрипт точно все смогут установить и проблем не будет с ним.

  • Заливаем файлы из архива в папку img (если таковой нет, то создайте)
  • В шаблон вид комментариев вставляем
    <divclass="comments">
           <divclass="comments_avatar">
           if($USER_AVATAR_URL$)?><imgsrc="$USER_AVATAR_URL$"title="$USERNAME$"border="0"width="55"height="55">
           else?><imgsrc="/img/noAvatar.png"title="$USERNAME$"border="0"width="55"height="55">endif?>
           </div>
           <divclass="comments_content">
            <divclass="comments_top"><divclass="cNumber">№$NUMBER$</div>
           <divclass="cUser_name"><ahref="$PROFILE_URL$">$USERNAME$</a></div>
           <divclass="cTime_add">$DATE$, $TIME$</div>
           if($MODER_PANEL$)?><divstyle="float: right; padding-left:10px;">$MODER_PANEL$</div>endif?>
           if($COMMENT_RATING$>0)?><divclass="comments-rating">
           <imgsrc="/img/rating.gif"align="left"border="0">$COMMENT_RATING$       
           if(substr($COMMENT_RATING$,-1))='1'?>пользователюelse?>пользователямendif?></div>endif?></div>
           <divclass="comments_text">$MESSAGE$</div>
    if($ANSWER$)?><divclass="cAnswer"><b>Ответ</b>: $ANSWER$</div>endif?>
           <divclass="comments_bottom">
           if($GOOD_COMMENT_URL$)?><divclass="comments_like"><aclass="cLike"href="$GOOD_COMMENT_URL$">Мне нравится</a></div>endif?>
           if($ANSWER_URL$)?><divclass="comments_quote">
    <aclass="cQuote"href="javascript://"onclick="Insert('$USERNAME$',document.getSelection());">Цитировать</a></div><divclass="comments_reply"><aclass="cReply"href="$ANSWER_URL$">Комментировать</a></div><scripttype="text/javascript">
           functionInsert(qname,text){
           if(text!=""){ qname=qname.replace(/[\[\]]/g,"|"); document.getElementById('message').value +="[quote="+qname+"]"+text+"[/quote]\n"; document.getElementById(wh).focus(); document.getElementById(wh).focus()}
           else _uWnd.alert('Выделите текст для цитирования','',{w:230,h:80,tm:3000});
           }
           </script>endif?>       
           </div>
           </div>
    </div>

  • В css вставляем
    .comments:hover {background:#f6f6f6; border: 1px solid #d4d4d4; margin-top: 10px;}
    .comments {background:#FAFAFA; border: 1px solid #e9e9e9; margin-top: 10px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;padding:5px}
    .comments_avatar {float: left; padding:4px;height:55px; width:55px;border:1px solid #d4d4d4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    .comments_content {margin:5px5px5px70px;}
    .comments_top {height:12px;font-size;8pt;}
    .comments_bottom {font-size:10px; line-height:11px; padding-top:4px; height:12px;}
    .cNumber {float:left;padding-right:10px;}
    .cUser_name {float: left; font-weight: bold;}
    .cTime_add {float: left; font-size:10px; padding:1px0010px;}
    .comments-rating {float: right; font-size:10px; padding-left:10px;}
    .comments_text {margin-top:4px; min-height:23px;}
    .cAnswer {padding-left:35px; padding-top:4px; font-style: italic;}
    .comments_reply {float: right;}
    .comments_quote {float: right;padding-left:10px;}
    .comments_like {float: right; padding-left:10px;}
    a.cLike {color:#5c83ac; text-decoration: none;}
    a.cReply {color:#358346; text-decoration: none;}
    a.cQuote {color:#775d87; text-decoration: none;}
    a.cLike:hover {color:#5c83ac; border-bottom: 1px dotted; text-decoration: none;}
    a.cReply:hover {color:#358346; border-bottom: 1px dotted; text-decoration: none;}
    a.cQuote:hover {color:#775d87; border-bottom: 1px dotted; text-decoration: none;}

Если Вы установили всё верно, тогда Ваши комменарии будут такие же, как на картинке!

Заработок на автомате, раскрутить сайт, Реальный заработок, заработок на партнерках



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



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


- Установить на свой сайт блок социальных закладок
Категория: HTML коды для uCoz | Добавил: BLoOd
Просмотров: 3719 | Загрузок: 18 | Рейтинг: 0.0/0


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz