Начни зарабатывать в Интернет!
    Ruble. Dollar. WebMoney.
Главная | | Регистрация | Вход
 
Четверг, 02.05.2024, 14:17
Приветствую Вас Гость | RSS
Меню сайта
Сервисы
Прочее
Онлайн игры
Реклама





WMlink.ru - рекламный брокер

Мини-чат
200
Наш опрос
Какие партнерка приносит Вам наибольший доход?
Всего ответов: 76
Копилка сайта
Статистика










Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2013 » Март » 8 » Вид комментариев для uCoz v.5
Вид комментариев для uCoz v.5
19:55
Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для uCoz реализованный в стили минимализма, ничего лишнего как говориться.

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

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

в котором удаляем старый html код и устанавливаем новый:

Код
<div class="cell_comment">  

  <div class="comment_top">
  <strong class="comment_name">$USERNAME$ $NAME$</strong>
  <span> пишет: | $DATE$ | $TIME$ <a href="$EMAIL_JS$" title="Email"> ( E-mail )</a></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>
  <a class="comment_page" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a>  
  <span class="comment_mp">$MODER_PANEL$</span>
  </div>

  <div class="comment_message">
  <a href="$PROFILE_URL$"><img class="comment_avatar" alt="$USERNAME$" src="$USER_AVATAR_URL$http://bambun.ru/images/no_aiotar.jpg" /></a><img src="http://www.center-dm.ru/img/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" />  
  $MESSAGE$
  <div class="comment_answer_admin"><a href="/index/8-1" ><img class="comment_avatar_admin" alt="админ" src="http://ПРОПИШИТЕ ВАШ АДМИН АВАТАР"></a>$ANSWER$</div>
  </div>

  <div class="comment_bottom">
  <a href="$ANSWER_URL$" class="comment_answer">Ответить</a>  
  <strong> 0)?>Like | +$COMMENT_RATING$ Like | $COMMENT_RATING$ </strong>  
  <a class="comment_like" href="$GOOD_COMMENT_URL$">Like</a>
  </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);
}


На этом всё, спасибо за внимание!




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

Понравилась страница?
Добавь страницу в закладки!
Форма входа
Поиск
Партнерка BEST
Новости
[12.04.2015]
Пополнение и вывод с кошелька Webtransfer стали проще!
[21.03.2015]
Webtransfer подвел итоги P2P-микрокредитования за I квартал 2015 года
[15.03.2015]
Высказывания пользователей «Вебтрансфер Финанс» - участника рынка взаимного кредитования физлиц
[15.03.2015]
IQ Options: новые источники выплат
[11.01.2015]
IQ Options: обновления под новый 2015 год!
[04.01.2015]
Прогноз по паре EUR/USD на 05-09 января 2015 г.
[04.09.2014]
uCoz: новые тарифные планы

Все новости ...
Календарь
«  Март 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Партнерки
Партнерка Интернет-магазина "ALL-GSM.ru" - [Интернет-магазины]
Биржа купли-продажи ссылок - SAPE - лучший заработок в Интернете - [Биржи ссылок]
Партнерская программа Биржи ссылок и статей SetLinks - [Биржи ссылок]
Партнерка системы контекстной рекламы БЕГУН - [Контекстная реклама]
Партнерка для вебмастеров по продаже рефератов - [Заработок на рефератах]
Партнерки для быстрого заработка: серфинг, автосерфинг, чтение почты... - [Партнерки для быстрого заработка]
Немецкая партнерка автосерфинга – eBesucher - [Партнерки автосерфинга]
Партнерка биржи банерной рекламы Rotaban - [Биржи банерной рекламы]
WMmail - заработок на чтении писем - [Партнерки для быстрого заработка]
Партнерка биржи комментариев Qcomment - [Биржи статей]
Партнерка по покупке и продаже трафика WMlink - [Покупка и продажа трафика]
Партнерка биржи контента Advego - [Биржи статей]
Партнерка для авторов по продаже рефератов - [Заработок на рефератах]
Партнерка по покупке и продаже трафика Tak.Ru - [Покупка и продажа трафика]
Партнерская программа интернет-аукциона Мешок.ru (meshok.ru) - [Аукционы]
Биржа статей Liex - [Биржи статей]
Партнерка Интернет-магазина "СотМаркет" - [Интернет-магазины]
Партнерка с оплатой за показы счетчика - Traffbiz.ru - [Покупка и продажа трафика]
Партнерская программа онлайн-игр Alawar - [Партнерки на играх]
Парнерка сети цифрового видео DVN - [Видео партнерки]
Получить бонус: WMZ, WMR, WME. - [БОНУСные парнерки]
Партнёрская программа сайта знакомств MyLove Ru - [Партнерки знакомств]
Партнерская программа GAMESBOSS - [Партнерки на играх]
Партнерка рекламной сети ADLABS - [Медийно-контекстная реклама]
Партнерская программа "Глобальной сети рефератов" - [Заработок на рефератах]
WM-копилка - дополнительный доход для сайта - [Партнерки для быстрого заработка]
Партнерка службы знакомств LovePlanet - [Партнерки знакомств]
Партнерка для серфинга и автосерфинга - SurfsitMoney - [Партнерки автосерфинга]
Партнерки форумов с оплатой за сообщения - [Форумы с оплатой за сообщения]
Реферальная программа регистрации доменов 2domains - [Регистрация доменов]
Партнерка биржи статей Articles.sape - [Биржи статей]
Партнерка сервиса регистрации в каталогах 1PS - [Регистрация в каталогах]
Партнерка компании NETTRADER.ru (онлайновые брокерские услуги) - [Партнёрки Форекс (Forex)]
Партнерка Интернет-магазина GoodBody.ru - [Интернет-магазины]
Партнерка сервиса ввода-вывода вебмоней WMCASHER - [Партнерки ввода-вывода Webmoney]
Партнерка по предоставлению в аренду ПО 1С по модели бизнес-приложения в аренду (SaaS) - [Партнерки 1С]
Биржа покупки и продажи ссылок - Spacelinks - [Биржи ссылок]
Тэги
заработок интернет владивосток интернет-магазин Видео аукцион мобильные sape трафик реклама сапа WmLink работа статьи liex купить продвижение продать скачать бесплатно скачать бесплатно курсовая Диплом контрольная setlinks продажа налог 2850 ссылки Яндекс партнерская программа бегун реферат Alawar игры телефон запрос онлайн Yandex города знакомства LovePlanet Articles.Sape traffbiz автосерфинг qcomment комментарии показы велошоу новосибирск MyLove зоопарк Пустые холмы реферал Сайт биржа вебмастер липецк Хостинг Windows ДСА 2010 Слет сисадминов биржа ссылок домен юридические Google новичкам ТИЦ seo Остров Русский Файр-шоу Тамбов контекстная реклама Begun басов сапе раскрутка twitter FreezeLight магазин биржа комментариев бан webmoney Ucoz агс nigma Wmmail серфинг мобильный поиск 1С-Битрикс ИП деньги Avito.ru Английский язык Маркетинг объявления ozon озон курсовая работа
Друзья сайта
  • Все для сотовых телефонов
  • Скачать Книги Бесплатно
  • Партнерские программы
  • Информация для бухгалтера
  • Интернет-магазин "E-Shop"
  • Рефераты бесплатно
  • Полезные ссылки
    Наша кнопка

    Начни зарабатывать в Интернет!


    Copyright MyCorp © 2024Бесплатный конструктор сайтов - uCoz
    Сайт //rdw.ucoz.ru находят по следующим поисковым запросам:
    партнерка, партнерская программа, партнерки за клики, смс партнерки, лучшие партнерки, партнерки для сайтов, партнерки магазинов, заработок на партнерках, партнерки с оплатой за клики, партнерки интернета, партнерки интернет магазинов, партнерка за показы, тизерная партнерка, партнерка игры, iframe партнёрки, бонус с партнеркой, как заработать на партнерках, как зарабатывать на партнерках, партнерки с оплатой за показы, платящие партнерки, кино партнерки, sms партнерки, партнерки знакомств, партнерки форум, новая партнерка, новые партнерки, заработок на партнерках с нуля, выгодные партнерки, кликовые партнерки, видео партнерка, wmz, wmr, wme, бонус, webmoney