0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 2470 Просмотров
*

Tony Jones

  • Захожу иногда
  • 91
  • 0 / 0
  • Tony jones
Zoo item
« : 16.05.2012, 22:35:39 »
Допустим надо сделать Top Item или New Item
Как реализовать (Посредством CSS или лезть в PHP), чтобы в модуле Zoo Item - первый item был с картинкой, а остальные (2,3,4...) просто title? и как туда добавить кнопку read more?
*

Tony Jones

  • Захожу иногда
  • 91
  • 0 / 0
  • Tony jones
Re: Zoo item
« Ответ #1 : 19.05.2012, 08:33:31 »
Неужели никто не знает! Очень прошу помочь!
*

stasyansky

  • Захожу иногда
  • 225
  • 22 / 0
Re: Zoo item
« Ответ #2 : 19.05.2012, 10:47:47 »
можно легко реализовать средствами css

найдите следующий блок: (/modules/mod_zooitem/tmpl/list/style.css)

.zoo-item-list div.media > img,
.zoo-item-list div.media > object,
.zoo-item-list div.media > embed { display: block; }

замените display: block; на display: none;

добавьте ниже блока еще один:

ul.zoo-list li:first-child .media > img,
ul.zoo-list li:first-child .media > object,
ul.zoo-list li:first-child .media > embed { display: block; }

только учтите, это сработает только в том случае, если изображение было добавлено в позицию Media.

кнопку реадморе можно добавить здесь:
ZOO -> "Шестеренка" - > (Ваше приложение) -> ZOO Item (справа) -> Default (по умолчанию используется он)
*

Tony Jones

  • Захожу иногда
  • 91
  • 0 / 0
  • Tony jones
Re: Zoo item
« Ответ #3 : 22.05.2012, 11:46:39 »
можно легко реализовать средствами css

найдите следующий блок: (/modules/mod_zooitem/tmpl/list/style.css)

.zoo-item-list div.media > img,
.zoo-item-list div.media > object,
.zoo-item-list div.media > embed { display: block; }

замените display: block; на display: none;

добавьте ниже блока еще один:

ul.zoo-list li:first-child .media > img,
ul.zoo-list li:first-child .media > object,
ul.zoo-list li:first-child .media > embed { display: block; }

только учтите, это сработает только в том случае, если изображение было добавлено в позицию Media.

кнопку реадморе можно добавить здесь:
ZOO -> "Шестеренка" - > (Ваше приложение) -> ZOO Item (справа) -> Default (по умолчанию используется он)

не работает. У меня элементы выравниваются по "media top". и если в
Код
.zoo-item-list div.media-top { margin-bottom: 10px; }
поставить Display: none то тогда картинки исчезнут, но исчезнут везде...
*

stasyansky

  • Захожу иногда
  • 225
  • 22 / 0
Re: Zoo item
« Ответ #4 : 22.05.2012, 12:00:44 »
ну я ведь это реализовал перед тем как написать решение.

значит пробуйте ко всем строкам, написанным мною выше, довавить top (media-top)...

да и написанное решение вообще не имеет ничего общего с позиционированием медиа-элемента. собственно с расчетом на это все и делалось. смотрите, может чего не дописали.
*

Tony Jones

  • Захожу иногда
  • 91
  • 0 / 0
  • Tony jones
Re: Zoo item
« Ответ #5 : 22.05.2012, 12:54:36 »
ну я ведь это реализовал перед тем как написать решение.

значит пробуйте ко всем строкам, написанным мною выше, довавить top (media-top)...

да и написанное решение вообще не имеет ничего общего с позиционированием медиа-элемента. собственно с расчетом на это все и делалось. смотрите, может чего не дописали.

вот как выглядит у меня исходный style.css
Код
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */

ul.zoo-list {
margin: 0;
padding: 0;
list-style: none;

}

ul.zoo-list > li {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ddd;

}

ul.zoo-list > li:first-child {
margin-top: 0;
padding-top: 0;
border: none;
}

ul.zoo-list > li > a:first-child { display: block; }

.zoo-item-list > li { overflow: hidden; }

/* Position: Media */
.zoo-item-list div.media-top { margin-bottom: 10px; }

.zoo-item-list div.media-left {
margin: 4px 10px 0 0;
float: left;
}

.zoo-item-list div.media-right {
margin: 4px 0 0 10px;
float: right;
}

.zoo-item-list div.media-middle,
.zoo-item-list div.media-bottom { margin-top: 10px; }

.zoo-item-list div.media > img,
.zoo-item-list div.media > object,
.zoo-item-list div.media > embed { display: block; }

/* Position: Title */
.zoo-item-list p.title {
margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}

/* Position: Meta */
.zoo-item-list p.meta {
margin: 0px;
font-size: 11px;
color: #999;
line-height: 13px;
font-style: italic;
}

/* Position: Description */
.zoo-item-list div.descrfiption { margin: 5px 0 0 0; }

.zoo-item-list div.description > div { margin-top: 5px; }
.zoo-item-list div.description > div:first-child { margin-top: 0; }

/* Position: Links */
.zoo-item-list p.links { margin: 0px 0 0 0; }

.zoo-item-list p.links span a:after {
content: " »";
font-size: 16px;
}

вот так после вашей рекомендации
Код
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */

ul.zoo-list {
margin: 0;
padding: 0;
list-style: none;

}

ul.zoo-list > li {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ddd;

}

ul.zoo-list > li:first-child {
margin-top: 0;
padding-top: 0;
border: none;
}

ul.zoo-list > li > a:first-child { display: block; }

.zoo-item-list > li { overflow: hidden; }

/* Position: Media */
.zoo-item-list div.media-top { margin-bottom: 10px; }

.zoo-item-list div.media-left {
margin: 4px 10px 0 0;
float: left;
}

.zoo-item-list div.media-right {
margin: 4px 0 0 10px;
float: right;
}

.zoo-item-list div.media-middle,
.zoo-item-list div.media-bottom { margin-top: 10px; }

.zoo-item-list div.media > img,
.zoo-item-list div.media > object,
.zoo-item-list div.media > embed { display: none; }

ul.zoo-list li:first-child .media > img,
ul.zoo-list li:first-child .media > object,
ul.zoo-list li:first-child .media > embed { display: block; }

/* Position: Title */
.zoo-item-list p.title {
margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}

/* Position: Meta */
.zoo-item-list p.meta {
margin: 0px;
font-size: 11px;
color: #999;
line-height: 13px;
font-style: italic;
}

/* Position: Description */
.zoo-item-list div.descrfiption { margin: 5px 0 0 0; }

.zoo-item-list div.description > div { margin-top: 5px; }
.zoo-item-list div.description > div:first-child { margin-top: 0; }

/* Position: Links */
.zoo-item-list p.links { margin: 0px 0 0 0; }

.zoo-item-list p.links span a:after {
content: " »";
font-size: 16px;
}

не работает, проверил все еще раз!

*

stasyansky

  • Захожу иногда
  • 225
  • 22 / 0
Re: Zoo item
« Ответ #6 : 22.05.2012, 15:20:48 »
верните все к изначальному виду.
добавьте строки:

ul.zoo-list > li:first-child .media {display: block;}
ul.zoo-list > li .media {display: none;}

уж точно должно сработать.

« Последнее редактирование: 22.05.2012, 15:25:40 от stasyansky »
*

Tony Jones

  • Захожу иногда
  • 91
  • 0 / 0
  • Tony jones
Re: Zoo item
« Ответ #7 : 22.05.2012, 15:22:43 »
верните все к изначальному виду.
добавьте строки:

ul.zoo-list > li:first-child .media {display: block;}
ul.zoo-list > li .media {display: none;}

уж точно должно сработать.

Спасибо, сработало! +
*

мираж

  • Захожу иногда
  • 368
  • 0 / 0
Re: Zoo item
« Ответ #8 : 15.10.2012, 18:29:22 »
люди добрые а подскажите что да где поменять чтобы zoo item выглядил следующим образом при выводе последних статей: ==== то т.е. фото

Заголовок......
======= текст текст текст текст текст текст
======= текст текст текст текст текст текст
======= текст текст текст текст текст текст
======= текст текст текст текст текст текст
или так


======= Заголовок......
======= текст текст текст текст текст текст
======= текст текст текст текст текст текст
======= текст текст текст текст текст текст
*

Apoca1ypto

  • Давно я тут
  • 749
  • 71 / 0
Re: Zoo item
« Ответ #9 : 15.10.2012, 18:56:47 »
Вы можете изменнить шаблон вывода у модуля Zoo Item добавив в него дополнительные поля (в т.ч. и разместив поля как Вам нужно).
Далее опубликуйте в нужные поля необходимую Вам информацию.
Во время спора в Интернете Ваш оппонент приводит неопровержимые доказательства своей точки зрения? Не отчаивайтесь. До...тесь до орфографии.
*

мираж

  • Захожу иногда
  • 368
  • 0 / 0
Re: Zoo item
« Ответ #10 : 15.10.2012, 19:26:59 »
Вы можете изменнить шаблон вывода у модуля Zoo Item добавив в него дополнительные поля (в т.ч. и разместив поля как Вам нужно).
Далее опубликуйте в нужные поля необходимую Вам информацию.
а как добавить? и где добавить? не могу найти файл который отвечает за эти поля.
*

Apoca1ypto

  • Давно я тут
  • 749
  • 71 / 0
Re: Zoo item
« Ответ #11 : 15.10.2012, 19:34:28 »
а как добавить? и где добавить? не могу найти файл который отвечает за эти поля.
ваш_сайт/modules/mod_zooitem/renderer/item
Во время спора в Интернете Ваш оппонент приводит неопровержимые доказательства своей точки зрения? Не отчаивайтесь. До...тесь до орфографии.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кракозябры в описании Item Zoo

Автор 7ssoft

Ответов: 4
Просмотров: 1014
Последний ответ 15.01.2015, 18:03:52
от 7ssoft
ZOO как сделать автоматическое добавление Item в Frontpage?

Автор d91me

Ответов: 33
Просмотров: 7803
Последний ответ 29.12.2014, 11:44:46
от dmi_alex
Вывод item-ов из нескольких категорий

Автор No_Mosk

Ответов: 0
Просмотров: 836
Последний ответ 24.06.2014, 22:51:46
от No_Mosk
Неограниченное добавление элементов в редактировании Item-а, Zoo V 3.1.2

Автор olf

Ответов: 1
Просмотров: 1079
Последний ответ 03.05.2014, 13:36:31
от likrion
Zoo Поиск. Вывод item. Как убрать многоточие?

Автор kravchuk

Ответов: 0
Просмотров: 1155
Последний ответ 06.04.2014, 14:22:35
от kravchuk