Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
История Джона 2 (ОБТ) (0)
У костра (193)
Анекдоты (145)
Города (94)
Обновления сайта (77)
Свалка (68)
StraNNik (1416)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
Fugaz56 (09.08.2023)
Пряня (22.06.2023)
yaroslavcohevis80 (16.11.2022)
61373872 (12.08.2022)
vhaack72 (15.06.2022)
  • Страница 1 из 1
  • 1
Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Виды материалов » По очередность картинок для вида материалов на сайтах uCoz
По очередность картинок для вида материалов на сайтах uCoz
Бармен
Группа: Бывалые
Ранг: Отмычка
Сообщений: 74
Карма: 19
Сообщение # 1
Дата: 19.05.2015 в 21:48

По очередность картинок для вида материалов на сайтах бесплатного конструктора 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;}

Готова!



Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Виды материалов » По очередность картинок для вида материалов на сайтах uCoz
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Microsoft Edge
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-30.11.2023