Zh YandexMap PlacemarkGroupControl/ru - Revision history

Admin at 11:59, 10 October 2019

2019-10-10T11:59:34Z

← Older revision		Revision as of 11:59, 10 October 2019
Line 4:		Line 4:


	Открываем слайдер '''~~Placemark~~ Groups'''		Открываем слайдер '''Groups'''

	Для начала определим положение списка сверху, причем это будет div-верстка.		Для начала определим положение списка сверху, причем это будет div-верстка.
Line 10:		Line 10:
	Для этого указываем для расположения списка групп '''Placemark Control''' значение '''Group-Map'''		Для этого указываем для расположения списка групп '''Placemark Control''' значение '''Group-Map'''

	Указываем для поля '''~~Placemark~~ Group CSS''', что будем использовать '''External''' стиль, т.е. стиль будем определять в своем шаблоне.		Указываем для поля '''Group CSS''', что будем использовать '''External''' стиль, т.е. стиль будем определять в своем шаблоне.

	После чего внешний вид списка будет приблизительно таким		После чего внешний вид списка будет приблизительно таким

Admin at 08:48, 18 May 2012

2012-05-18T08:48:09Z

← Older revision		Revision as of 08:48, 18 May 2012
Line 82:		Line 82:
	{{Languages\|Zh_YandexMap_PlacemarkGroupControl}}		{{Languages\|Zh_YandexMap_PlacemarkGroupControl}}

	[[Category:Zh YandexMap\|~~Map~~]]		[[Category:Zh YandexMap\|PlacemarkGroup]]
	[[Category:Zh YandexMap Tutorial\|~~Map~~]]		[[Category:Zh YandexMap Tutorial\|PlacemarkGroup]]

Admin at 08:46, 18 May 2012

2012-05-18T08:46:08Z

← Older revision		Revision as of 08:46, 18 May 2012
Line 80:		Line 80:


	{{Languages\|~~PlacemarkGroupControl~~}}		{{Languages\|Zh_YandexMap_PlacemarkGroupControl}}

	[[Category:Zh YandexMap\|Map]]		[[Category:Zh YandexMap\|Map]]
	[[Category:Zh YandexMap Tutorial\|Map]]		[[Category:Zh YandexMap Tutorial\|Map]]

Admin: Created page with "== Расположение списка групп горизонтально == В ряде случаев возникает желание при управлении м..."

2012-05-18T08:36:36Z

Created page with "== Расположение списка групп горизонтально == В ряде случаев возникает желание при управлении м..."

New page

== Расположение списка групп горизонтально ==

В ряде случаев возникает желание при управлении метками через список групп расположить список групп горизонтально.

Открываем слайдер '''Placemark Groups'''

Для начала определим положение списка сверху, причем это будет div-верстка.

Для этого указываем для расположения списка групп '''Placemark Control''' значение '''Group-Map'''

Указываем для поля '''Placemark Group CSS''', что будем использовать '''External''' стиль, т.е. стиль будем определять в своем шаблоне.

После чего внешний вид списка будет приблизительно таким

[[File:YM-Tutorial-GroupManagement-Default.JPG]]

Далее идем в стили шаблона (template.css или другой используемый файл стилей).

Добавляем стили для '''ul''' и '''li''' тегов.

<pre>
#YMapsMenu-external #zhym-menu-external li
{
list-style-type: none;
display: inline;
}

#YMapsMenu-external ul
{
margin-left: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
</pre>

Смотрим, что получилось

[[File:YM-Tutorial-GroupManagement-FirstChange.JPG]]

Далее попробуем немного 'оживить' внешний вид

Добавляем следующий код

<pre>
#YMapsMenu-external a
{
padding: 3px;
background-color: #369;
border-bottom: 1px solid #fff;
display: inline;
}

#YMapsMenu-external a:link, #zhym-menu-external a:visited
{
color: #fff;
text-decoration: none;
}

#YMapsMenu-external #zhym-menu-external a.active {
background-color: #035;
color: #bbb;
}
#YMapsMenu-external a:hover
{
background-color: #036;
color: #eee;
}
</pre>

Ну а теперь список групп вот такой

[[File:YM-Tutorial-GroupManagement-SecondChange.JPG]]

{{Languages|PlacemarkGroupControl}}

[[Category:Zh YandexMap|Map]]
[[Category:Zh YandexMap Tutorial|Map]]

← Older revision		Revision as of 08:48, 18 May 2012
Line 82:		Line 82:
	{{Languages\|Zh_YandexMap_PlacemarkGroupControl}}		{{Languages\|Zh_YandexMap_PlacemarkGroupControl}}

	[[Category:Zh YandexMap\|~~Map~~]]		[[Category:Zh YandexMap\|PlacemarkGroup]]
	[[Category:Zh YandexMap Tutorial\|~~Map~~]]		[[Category:Zh YandexMap Tutorial\|PlacemarkGroup]]