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

·	29.09.2013, 13:35
Для установки обычным 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 вердикт сайта* установлен, на этом всё. Спасибо за внимание!
1 2 3 4 5 Категория: Вид новостей \| Добавил: tashkent97
Просмотров: 555 \| Загрузок: 331 \| Источник: center-dm.ru \| Рейтинг: 3.0/3

Всего комментариев: 0