Новый вид комментариев v.1.0 + Модер-панель для uCoz - 8 Марта 2013 - Малышам и родителям
Пятница, 24.02.2017, 09:41
Приветствую Вас Гость | RSS
moymult-fon-image_1 moymult-fon-image_2-1
Русские

Советские мультфильмы

Российские мультфильмы

Российские мультсериалы

Зарубежные

Зарубежные мультфильмы

Зарубежные мультсериалы

Развивающее видео

Методика Г. Домана

Методика Е. Железновой

Методика М. Монтессори

Беби Эйнштейн /Baby Einstein

Бэби Гурман / Baby Gurmet

Baby 2

Hello, Kitty!

Гениальный ребенок / Brainy baby

Fisher Price Baby Collection

Классический ребенок /Classical baby

Я все могу

Профессор Карапуз

Умный ребенок / BABY IQ

ДиВиДи МЭДЖИК / DVD MAGIQ TINY LOVE

Nick Jr Baby Curious Buddies

Школа раннего развития

Малыш Гений / Baby Genius

Учимся с Хрюшей и...

Забавная математика для малышей

Телепузики / Teletabbies

Детские телепередачи

Еще из раздела "Развивающее видео"

Фильмы

BBC. Твои веселые друзья зверята

BBC. Прогулки с динозаврами

Фильмы для детей

Разное для детей

Программы и игры (PC)

Интерактивные DVD (игры для DVD-плеера)

Песни и музыка для детей

Детские аудиокниги

Стихи

Книги, журналы, раскраски для детей

Школьные учебники и пособия

Для мобилки и КПК

Видео и мультфильмы для телефонов, iPod, iPhone

Игры для телефонов, iPod, iPhone

Книги для телефонов, iPod, iPhone

Для мам, пап, бабушек, дедушек, тетей и дядей и не только...

Книги взрослым о детях

Книги взрослым о взрослых

Музыка для взрослых

Программы, игры для взрослых

Главная » 2013 » Март » 8 » Новый вид комментариев v.1.0 + Модер-панель для uCoz
16:52
Новый вид комментариев 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, оценивайте и пользуйтесь, спасибо за внимание.
Просмотров: 1498 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Популярные мультфильмы

Адибу: Невероятные приключения в теле человека / Adiboo Adventure

Букашки / Minuscule

Веселая радуга

Веселый счет/ Zumbers

Веселые паровозики из Чаггингтона

Волшебные путешествия Тепы

Гора самоцветов

Гуппи и Пузырики / Bubble Guppies

Даша Следопыт / Dora the Explorer

Диего, вперед! / Do, Diego, Go!

Доктор Плюшева / Doc McStuffins

Загадки Джесса / Guess with Jess

Как научить крокодила хорошим манерам

Клуб Микки Мауса / Mickey Mouse Clubhouse

Команда Умизуми / Team Umizoomi

Крот / Krtek (62 серии)

Лентяево / LazyTown. Сезоны 1,2

Маленькие Эйнштейны / Disney's Little Einsteins

Перекресток в джунглях / Jungle Junction

Пингу / Pingu

Приключения в Изумрудном городе

Сельские хлопоты / Macdonald's Farm

ТуТиТу / TuTiTu. Сезоны 1-3

Уроки тетушки Совы

Шарлотта Земляничка / Strawberry Shortcake

Новое на сайте
Первый звонок  / Стольниц М.  / 1964Первый звонок / Стольниц М. / 1964
     
Стихи русских поэтов  / Коллектив  / 2005Стихи русских поэтов / Коллектив / 2005
     
Настольные логопедические игры-занятия для детей 5-7 лет Ильякова Н.Е.Настольные логопедические игры-занятия для детей 5-7 лет Ильякова Н.Е.
     
Логопедия для дошкольников. В 4-х альбомах. Зуева Л.Н. и др.Логопедия для дошкольников. В 4-х альбомах. Зуева Л.Н. и др.
     
Уроки логопеда. Жукова Н.Уроки логопеда. Жукова Н.
     
Игры, загадки, стихи и скороговорки для развития речи. Трясорукова Т.П.Игры, загадки, стихи и скороговорки для развития речи. Трясорукова Т.П.
     
Легкий способ научиться правильно говорить и писать. Дефекты произношения. Дислексия. Дисграфия. Парамонова Л.Г.Легкий способ научиться правильно говорить и писать. Дефекты произношения. Дислексия. Дисграфия. Парамонова Л.Г.
     


 
Все файлы, размещенные на сайте Moymult.ru найдены в интернете в свободном доступе или присланы пользователями сайта и представлены исключительно с целью предварительного ознакомления без преследования коммерческой выгоды. Любое коммерческое и иное использование, кроме ознакомления, запрещено. 

Уважаемым авторам и владельцам авторских прав:

Если распространение какого-либо материала через наш сайт ущемляет Ваши авторские права, пожалуйста, сообщите администрации сайта об этом через "обратную связь", и ссылки для скачивания будут незамедлительно удалены
 
Яндекс.Метрика