Новый вид комментариев v.1.0 + Модер-панель для uCoz - 8 Марта 2013 - Counter-Strike от NK-GAMES.RU

  • Counter-Strike 1.6
  • Counter-Strike CS:S
  • PhotoShop
  • uCoz
Форма входа
Гость

Новое на форуме
Популярные пользователи
Новые пользователи
Меню сайта
Counter-Strike 1.6
Игры
Мини-чат
Главная » 2013 » Март » 8 » Новый вид комментариев v.1.0 + Модер-панель для uCoz
16:56
Новый вид комментариев v.1.0 + Модер-панель для uCoz
Здравствуйте дорогие читатели, сегодня хочу вас порадовать новым видом комментариев и модер-панель для uCoz, в этом виде комментария присутствует уголок что делает вид комментариев симпатичней, не стандартная модер-панель + кнопка "Ответить", небольшая кнопочка "Like".

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

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

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

  <?if($USER_LOGGED_IN$)?>
  <?if($IS_OWN$)?><?else?>
  <?if($COMMENT_RATING$)?><?else?>
  <a class="kcom_like ts_b wbr3" href="$GOOD_COMMENT_URL$">Like</a>
  <?endif?>
  <?endif?>
  <?endif?>
   
  </div>
  <div class="com_l wbr3">
  <div class="com_v grey">
  <?if($ANSWER_URL$)?><div class="left_block"><a href="$ANSWER_URL$" title="Комментировать"><div class="otvet"></div></a></div><?endif?>
<?if($USERNAME$)?><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><div class="left_block top cherta-right gren">$USERNAME$</div><?else?><?if($NAME$)?><div class="left_block top cherta-right gren">$NAME$</div><?else?><div class="left_block top cherta-right gren">Гость</div><?endif?><?endif?>
  <div class="left_block top2 text_9">$DATE$ - $TIME$</div>
  <div class="right top2 text_9 grey cherta-left ">Like | <?if($COMMENT_RATING$=0)?>0<?else?><span class="gren">+$COMMENT_RATING$</span><?endif?></div>
  <div class="right top2 text_9 grey cherta-left">№$NUMBER$</div>
  <?if($MODER_PANEL$)?>
  <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>
  <?endif?>
  </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:

Теперь нам надо прописать стили "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;  
}


Скачать архив: http://yadi.sk/d/UCCjw3Zv36kUX

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

Облако тегов
карт шрифты 9.0.0.722 карты m4a1 ORANGE Графика сборник Server wallhack version 3.0 программы Модели игроков The Игры для Сотика Темы меню cs pack сайта MOD Beretta Сервера для спрайты для cs 1.6 Оружие для CS:S reskin SG552 AK-47 XP: camo v2.1.8 deathrun Tool studio Читы для CS:S чит null RES текста voice Android Модели админов для CS:S Шаблоны для DLE сервер видео Games TwistedBrush групп java игры период V2 апрель knife из Софт для CS 1.6 Photoshop Zombie Point game карты для cs 1.6 USP for ZeRko Плагин 2.60.551.1 Готовые сервера CS 1.6 Кисти КС Читы для Point Blank scope модели c4 для cs 1.6 Counter-Strike clock Спрайты Steam боевики 2.0 dle Готовый Whizz читера AUG Мы Программа TrafficMonitor модели оружия time скачать Cell: hd Скачать Action Кнопки форума Green admin Мега Megapack Final 1.6 звуки model Public By and Антивирусы Скачать: снайперские прицелы макет Программы для CS 1.6 New шаблоны ucoz Спреи для CS:S RealBot css Strike Kaspersky cs Edition Звуки для CS:S gsg9 Читы для cs 1.6 Фон меню для CS 1.6 меню красивый Hack Античиты Alien 2011) русификатор Снайп. прицелы Urban Removal Colt M4A1 Карта плагины Desert Шаблоны для Cs иконки Bullet сборка Модели Оружия cs 1.6 Ware GUI rus AIMP2 Blue Скачать чит ultimate мультимедия шаблона Иконки Радио для CS 1.6 на 2010 Шаблоны форумов Отличный Played Conviction модель шаблон With Java Sig За моды для cs 1.6 Counter beta моды Все для сервера для CS:S pro noob Muzzleflash ucoz Laser Splinter Counter Strike 1.6 Карты для CS:S Glock 18 Системные программы C4 Bomb psd форума Blank патч Icon Black шрифт Рип Иконки групп Интернет программы gloves Нож ( Knife ) Готовые сервера Темы для виндовс AWP of играли Модели для CS:S боты virus 2006-2010 windows (2010) CS:S игр build читы для cs work WH map читы Sound темы от лучшее 18.04 Прочие программы под Рендеры готовые сервера для cs 1.6 Пак плагины для cs 1.6
Сервер
Поиск
Система uCoz
PhotoShop
CS:S
Фильмы
Статистика
Зарег. на сайте:
Всего: 3268
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 1
Зам.Администрации:
Г.Модераторов:
Модераторов: 0
Дизайнеров: 0
Журналистов: 0
Файловиков: 2
VIP: 1
Обычных: 3257
Друзья: 0
Проверенных: 7
Забаненых: 0
Парней: 3169
Девушек: 99
Онлайн всего: 1
Гостей: 1
Пользователей: 0




Мы рады приветствовать вас на нашем портале, посвящённом онлайн шутеру ставшим популярным во всём мире Counter-Strike 1.6. Если вам нужны различные модели игроков, плагины на ваш сервер и многое другое для Counter-Strike 1.6 и Counter-Strike Source, то вы попали туда, где всё это есть. У нас вы найдёте Читы для CS 1.6, Читы и хаки Point Blank, Модели игроков для Counter-Strike, Плагины amxx для сервера в Cs и многое другое для Counter-Strike. Здесь вы можете найти всё для Point Blank. Это Скрипты, Хаки, WH, Speedhack для Point Blank. Мы надеемся что вы останетесь на www.NK-GAMES.ru надолго.

Администрация не несёт ответственности за содержащие файлы на данном портале.
Дизайн, который стоит на нашем сайте полностью принадлежит нам
© 2011-2019 NK-GAMES.RU