Создаём ячейку вердикта для сайтов на uCoz
827материалов
228тем на форуме
3004комментария
6161пользователь

Создаём ячейку вердикта для сайтов на uCoz


Всем доброго дня, сегодня в этом решении мы будем создавать ячейку с оценкой и кратким вердиктом сайта, о том или ином фильме, игре или клипе, данное решение можно будет использовать либо как обычный html код, который вы помещаете прямо в контент сайта или реализуем его благодаря системным переменным uCoz, в которых будем использовать дополнительные поля, но для начала смотрим демо.

Для установки обычным html кодом в статью, нам потребуется данный код:

HTML
Код
<div class="verdict-site">   
   <div class="verdict-site-title">Вердикт сайта</div>   
   <div class="verdict-site-text">  
   <div class="verdict-site-assessment">   
   <span>Оценка сайта</span>  
   <strong>6.5</strong>  
   <span>Так себе</span>  
   </div>   
   Рука не сгибается написать, что «Росомаха: Бессмертный» — плохое кино. Оно не плохое. Оно — никакое. Искусственный и необязательный продукт кинопроизводства, типичный сиквел ради сиквела.   
   </div>   
   </div>


в котором нам следует прописать вручную нужную информацию, желательно прописать весь html код в одну строчку, та как при добавлении или редактировании материала на uCoz, у вас возможно включена функция Заменять переводы строк тегом BR.

А теперь давайте установим благодаря системным переменным uCoz данную ячейку к вам на сайт.

Шаг 1 - Создадим новые поля:
Для начала давайте создадим новые поля, в которые вы будите вписывать нужную информацию, для этого идём:

1. в Админ панель => Новости сайта => Настройки модуля => Поля для добавления материалов:

2. ставим напротив Дополнительное поле 1 и Дополнительное поле 2 по одной галочки, тут же с правой стороны видим ссылку на страницу замена стандартных надписей, переходим по ней

3. выбираем => Форма добавления модуля "Новости сайта"

4. и заменяем Дополнительное поле 1 => Оценка вердикта, а Дополнительное поле 2 => Текст вердикта

5. теперь на странице добавление или редактирование контента у вас появились нужные поля, теперь нам следует установить данные системные переменные дополнительных полей в наш html каркас, который мы устанавливаем на страницу комментариев после MESSAGE

HTML
Код
<?if($OTHER2$)?>  
   <div class="verdict-site">   
   <div class="verdict-site-title">Вердикт сайта</div>   
   <div class="verdict-site-text">  
   <div class="verdict-site-assessment"><span>Оценка сайта</span><strong>$OTHER1$</strong></div>$OTHER2$  
   </div>   
   </div>   
<?endif?>


Обратите внимание, если вы не заполните поле OTHER2, то данное решение не отобразиться на странице контента, согласитесь удобно, если вы размещаете на странице сайта ещё и новости.

Также хочу предупредить, что в модули новости в поле Текст вердикта, помещается текст с ограничением в с 131-н символ, дальше текст обрезается.

Шаг 2 - Установим CSS:
А теперь девайте стилизуем наш html каркас ,благодаря css стилям:

CSS-Code
Код
/* Ячейка вердикта  
------------------------------------------*/  
.verdict-site{  
   float:left;  
   width:580px;  
}  

.verdict-site-title{  
   float:left;  
   background: #4182d9;   
   padding: 5px 20px 2px 20px;   
   border-radius:5px 5px 0px 0px;   
   font-weight:bold;  
   color:#fff;   
}  

.verdict-site-text{  
   float:left;  
   width:550px;  
   padding: 10px 15px;   
   background: #fff;   
   border: 1px solid #CAD3DA;   
   border-top: 3px solid #4182d9;   
   border-radius:0px 5px 5px 5px;   
   font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
   text-align:justify;  
   color:#555;   
}  

.verdict-site-assessment{  
   float:right;  
   width:130px;  
   padding: 5px 0px;   
   background: #F4F8F9;   
   margin: 0px 0px 0px 15px;   
   border: 1px solid #CAD3DA;   
   border-radius:5px;   
   text-align:center;  
}  

.verdict-site-assessment strong{  
   float:left;  
   width:100%;  
   padding: 3px 0px;   
   font:25px Verdana,Arial,Helvetica, sans-serif;  
   font-weight:bold;  
   color:#c54744;   
}  

.verdict-site-assessment span{  
   float:left;  
   width:100%;  
   font:11px Verdana,Arial,Helvetica, sans-serif;  
   font-weight:bold;  
}

Всё, наше с вами решение для uCoz вердикт сайта установлен, на этом всё.

Спасибо за внимание!

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 13.08.2013 в 13:14
Материал просмотрен: 471 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта