Zoo item

Tony Jones

Захожу иногда
91
0 / 0
Tony jones

Допустим надо сделать 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 »

Цитата: stasyansky от 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 (по умолчанию используется он)

не работает. У меня элементы выравниваются по "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 »

Цитата: stasyansky от 22.05.2012, 12:00:44

ну я ведь это реализовал перед тем как написать решение.

значит пробуйте ко всем строкам, написанным мною выше, довавить 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 »

Цитата: stasyansky от 22.05.2012, 15:20:48

верните все к изначальному виду.
добавьте строки:

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 »

Цитата: Apoca1ypto от 15.10.2012, 18:56:47

Вы можете изменнить шаблон вывода у модуля Zoo Item добавив в него дополнительные поля (в т.ч. и разместив поля как Вам нужно).
Далее опубликуйте в нужные поля необходимую Вам информацию.

а как добавить? и где добавить? не могу найти файл который отвечает за эти поля.

Записан

Apoca1ypto

Давно я тут
749
71 / 0

Re: Zoo item

« Ответ #11 : 15.10.2012, 19:34:28 »

Цитата: мираж от 15.10.2012, 19:26:59

а как добавить? и где добавить? не могу найти файл который отвечает за эти поля.

ваш_сайт/modules/mod_zooitem/renderer/item

Записан

Во время спора в Интернете Ваш оппонент приводит неопровержимые доказательства своей точки зрения? Не отчаивайтесь. До...тесь до орфографии.

Кракозябры в описании Item Zoo Автор 7ssoft	Ответов: 4 Просмотров: 1652	15.01.2015, 18:03:52 от 7ssoft
ZOO как сделать автоматическое добавление Item в Frontpage? Автор d91me	Ответов: 33 Просмотров: 9801	29.12.2014, 11:44:46 от dmi_alex
Вывод item-ов из нескольких категорий Автор No_Mosk	Ответов: 0 Просмотров: 1435	24.06.2014, 22:51:46 от No_Mosk
Неограниченное добавление элементов в редактировании Item-а, Zoo V 3.1.2 Автор olf	Ответов: 1 Просмотров: 1848	03.05.2014, 13:36:31 от likrion
Zoo Поиск. Вывод item. Как убрать многоточие? Автор kravchuk	Ответов: 0 Просмотров: 1930	06.04.2014, 14:22:35 от kravchuk

Zoo item - ZOO 2.х

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Tony Jones

Zoo item

Tony Jones

Re: Zoo item

stasyansky

Re: Zoo item

Tony Jones

Re: Zoo item

stasyansky

Re: Zoo item

Tony Jones

Re: Zoo item

stasyansky

Re: Zoo item

Tony Jones

Re: Zoo item

мираж

Re: Zoo item

Apoca1ypto

Re: Zoo item

мираж

Re: Zoo item

Apoca1ypto

Re: Zoo item

Похожие темы