| Главная | Форум | Файлы | Статьи | Игровые новости | Новости Кино | Топ сайтов | Ucoz скрипты | Online Фильмы и Сериалы | Первый игровой телеканал | Фильмы(2011) |
>
| Главная | Мой профиль | Вход | RSS |
Меню сайта
On-line сервисы
Поиск по сайту
Мини-чат
Правила чата

 
500
Друзья и Топы
Друзья сайта

Мы в Топах
Топ Статей
для css
Автор: ☠Вагид☠™
Статья: Как дать Админку по Нику и Паролю?
Дата: 05.01.2011
Ответов: 8
для css
Автор: ☠Вагид☠™
Статья: как установить прицел в CSS...
Дата: 05.01.2011
Ответов: 0
для css
Автор: ☠Вагид☠™
Статья: Как забиндить кнопки на запись демо
Дата: 21.12.2010
Ответов: 0
для css
Автор: ☠Вагид☠™
Статья: Прикольные символы для css
Дата: 09.12.2010
Ответов: 0
Мои статьи
Автор: ☠Вагид☠™
Статья: как установить новый фон меню в CSS...
Дата: 05.01.2011
Ответов: 0
Случайные Файлы

скачать Maplist Creator [удобная вещь] бесплатно

скачать Maplist Creator [удобная вещь] бесплатно

ak-47

ak-47

Adobe Photoshop CS5 Extended SE 12.0.4 Portable by FC Portable

Adobe Photoshop CS5 Extended SE 12.0.4 Portable by FC Portable

(ADR-1) Navy NWU Type II...

(ADR-1) Navy NWU Type II...

Modern Warfare 2 *T*

Modern Warfare 2 *T*

title=
Главная » Статьи » Скрипты

Вид комментариев для 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);
}


На этом всё, спасибо за внимание!
Категория: Скрипты | Добавил: startsmart (08.03.2013)
Просмотров: 251 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа

Погода
Наша кнопка
Если вы хотите помочь нашему сайту в дальнейшем развиваться, то поместите нашу кнопку на вашем сайте или на сайте ваших друзей! Мы будем вам очень благодарны! Если же вы хотите произвести баннеробмен то напишите в ЛС администратору сайта




Наши баннеры
Нашa группa
Статистика



» Зарег. на сайте
Всего: 282
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

» Из них
Администраторов: 1
Модераторов: 1
Модератор форума: 0
Хламовцев: 6
Обычных юзеров: 274  

» Из них
Парней: 264
Девушек: 18

Рейтинг@Mail.ru

AD-Pixel Pagerank Anzeige ohne Toolbar

EASY.LV Interneta resursu reitings

Рейтинг SIMPLETOP.NET


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

Последние зарегистрированные пользователи

  • 283 - nagimrasul - 23.05.2023
  • 282 - ivanovwano2013 - 10.03.2019
  • 281 - shamavalera0 - 09.03.2019
  • 280 - almas6837 - 08.08.2017
  • 279 - neosparim93 - 30.05.2017


  • Последнее Форума
    Добавить новость, файл и т.д. в ajax
    Автор: ☠Вагид☠™
    Форум: Ajax
    Дата: 30.04.2024
    Ответов: 600
    http://kickback.com/invite/vagid
    Автор: ☠Вагид☠™
    Форум: Банероoбмен
    Дата: 19.04.2024
    Ответов: 2
    Играй без читов! Учись стрелять метко!
    Автор: ☠Вагид☠™
    Форум: Pазнoе
    Дата: 14.03.2024
    Ответов: 4
    Информер новый пользователь для для Counter Strike порталов
    Автор: ☠Вагид☠™
    Форум: Пользователи
    Дата: 29.02.2024
    Ответов: 2
    Реклама между новостями (Java) для Ucoz
    Автор: ☠Вагид☠™
    Форум: Реклама
    Дата: 22.02.2024
    Ответов: 4

    myxlam.clan.su © 2017Пользовательское соглашение Для правообладателей Хостинг от uCoz

    Сайт тестировался на просмотр следующих браузеров: Internet Explorer 6-8 , Mozilla Firefox 2-3 , Opera 8-10 и Google Chrome.Все права защищены, myxlam.clan.su 2010-2017 © Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, используется в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов данного сайта. Входя на сайт вы автоматически соглашаетесь с данными условиями.

    free counters Хостинг от uCoz