« По очередность картинок для вида материалов на сайтах uCoz »

Описание материала:

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


Готова!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1040


Поделиться в соц. сетях:
Комментариев к материалу: 2
Александр 01.03.2016 в 22:02Спам
Вопрос очень глупый, а какой закрывающий тег?
0
Виктор Ягодин 02.03.2016 в 16:38
В виде все закрыто)
0
avatar