Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
История Кота(Cat Story) (0)
Прохождение мода Возвраще... (1)
Гид по прохождению Сезон ... (1)
Реборн: Двойники - «Исток... (0)
Ночь Перед Рождеством 3 (0)
У костра (191)
Анекдоты (145)
Города (94)
Обновление сайта (68)
Создание НПС (63)
StraNNik (1351)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
фокс (07.01.2020)
азазуйчик (06.01.2020)
Dawgstaheadstalker (06.01.2020)
avto-lady (02.12.2019)
alldaniser (18.11.2019)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Виды материалов » По очередность картинок для вида материалов на сайтах uCoz

По очередность картинок для вида материалов на сайтах uCoz
Бармен
Бармен
Пропуск №: 63
Регистрация: 12.04.2014
Ранг: Познающий
Сообщений: 74
Карма: 1 | Хабар: 8
stalkers
Дата: Вторник, 19.05.2015, 21:48/ Сообщение №: 1

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

Установка:
1. Заходим в ПУ - Управление дизайном - выбираем модуль в котором будем менять вид - Вид материалов и устанавливаем данный код:
Код
<div class="cell-news">    
    <?if($IMG_URL1$)?><img alt="$TITLE$" src="$IMG_URL1$" class="news-img"><?endif?>    
    $MESSAGE$    
    </div>

2. Заходим в ПУ - Управление дизайном и на страницу где будет отображаются материал, в самый низ перед закрывающим тегом устанавливаем следующий скрипт:
Код
<script language="javascript">    
    $(document).ready(function() {    
    $('.cell-news:odd').addClass('news-r');    
    $('.cell-news:even').addClass('news-l');    
    });    
    </script>

3. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим код:
Код
.news-img{    
    width:250px;    
    height:100px;    
    }    

    .news-l .news-img{float:left; margin: 0 15px 10px 0;}    
    .news-r .news-img{float:right; margin: 0 0 10px 15px;}

Готова!




Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Виды материалов » По очередность картинок для вида материалов на сайтах uCoz
  • Страница 1 из 1
  • 1
Поиск:
Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-13.01.2020