Навигация: различия между версиями

Версия от 23:13, 1 августа 2016

Навигация — это панель из 15 полей для ссылок, заполнив которые, позволит добавить необходимые вам в игре страницы, которые будут отображаться в верхнем горизонтальном меню. Чтобы заполнить поля для навигации выберите на странице персонажа в правом меню «Личные настройки» — «Навигация». Здесь вы также сможете добавить навигацию и для PDA-режима. Дополнительная навигационная полоска не появляется, если оставить все поля пустыми. Данный функционал в игре появился 2 ноября 2005 года.

Для того чтобы они не сливались их можно написать разным шрифтом и сделать разноцветными.

Изменения навигации

Шрифт и цвет

Для изменения навигации вам необходимо, во вкладке «Навигация» в конце адреса страницы добавить style='****', где *** следующие параметры указываются, через точку с запятой (;):

Размер — font-size:11px
Межсимвольные отступы — letter-spacing:5px
Цвет шрифта — color:#9900CC
Цвет фона — background:#FF0000
Шрифт — font-family:"Arial"
Насыщенность — font-weight:700
Стиль начертания — font-style:italic
Отменяет все эффекты, в том числе подчеркивание ссылки — text-decoration:none
Открытие в новом окне — target=_blank^[1]

Пример

http://www.ganjawars.ru/shop.php style='text-decoration:none; font-size:11px; letter-spacing:5px; color:#FF0000; font-family:"Arial"; font-weight:700; font-style:italic;'

Изменение ссылки под курсором

Параметры:

onmouseover — курсор на ссылке
onmouseout — курсор не на ссылке

Пример

http://www.ganjawars.ru/logout.php onmouseover=this.setAttribute('style','color:red;font-size:14px;text-decoration:none;font-weight:bolder;') onmouseout=this.setAttribute('style','color:#669966;font-size:9px;text-decoration:none;')

Добавление иконки

Можно дополнить ссылки иконками, для этого необходимы следующие параметры:

background-image:url( ); — указывается адрес рисунка
background-repeat: no-repeat; — запрещает повторять картинку много раз (если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)

Положение иконки относительно ссылки:

background-position=right; — справа
background-position=left; — слева

Пример

http://www.ganjawars.ru/sms.php style='background-image:url(http://images.ganjawars.ru/i/home/mail.gif); background-repeat: no-repeat;'

Параметры для отступов иконок от ссылки на необходимое количество пикселей:

padding-left значение px — картинка будет слева от ссылки
padding-right значение px — картинка будет справа от ссылки

Пример

http://www.ganjawars.ru/sms.php style='background-image:url(http://images.ganjawars.ru/i/home/mail.gif); background-position=right; padding-right: 14px;'

Автоматический вход

Для автоматического входа в игру, можно использовать ссылку. Это актуально для тех кто играет с телефона или использует несколько персонажей (не нужно каждый раз вводить логин и пароль).

Пример

http://ganjawars.ru/login.php?login=ИМЯ&pass=ПАРОЛЬ

Примечания

↑ Ставится через пробел после указанных параметров в style.

См. также

Ссылки

Сайт «Наша родина — СССР» — подбор цвета навигации и ознакомление с 16-ричным кодом палитры цветов.

[1] Ставится через пробел после указанных параметров в style.

[1]

@@ Строка 4: / Строка 4: @@
 == Изменения навигации ==
-===Шрифт и цвет===
+=== Шрифт и цвет ===
 Для изменения навигации вам необходимо, во вкладке «[http://www.ganjawars.ru/info.edit.php?type=navy Навигация]» в конце адреса страницы добавить style='****', где *** следующие параметры указываются, через точку с запятой (;):
@@ Строка 20: / Строка 21: @@
 <div style="text-decoration:none; background-color:#E7FFE5; margin-left:5px; padding-left:5px"><nowiki>http://www.ganjawars.ru/shop.php</nowiki> style='text-decoration:none; font-size:11px; letter-spacing:5px; color:#FF0000; font-family:"Arial"; font-weight:700; font-style:italic;'</div></p>
-Для подбора цвета воспользуйтесь сервисом сайта [http://cccp-gw.su/navcolor Наша родина — СССР] или ознакомьтесь с 16-ричным кодом палитры цветов.
+=== Изменение ссылки под курсором ===
-===Изменение ссылки под курсором===
 Параметры:
 * onmouseover — курсор на ссылке
@@ Строка 30: / Строка 29: @@
 <div style="text-decoration:none; background-color:#E7FFE5; margin-left:5px; padding-left:5px"><nowiki>http://www.ganjawars.ru/logout.php</nowiki> onmouseover=this.setAttribute('style','color:red;font-size:14px;text-decoration:none;font-weight:bolder;')  onmouseout=this.setAttribute('style','color:#669966;font-size:9px;text-decoration:none;')</div>
-===Добавление иконки===
+=== Добавление иконки ===
 Можно дополнить ссылки иконками, для этого необходимы следующие параметры:
 * background-image:url( ); — указывается адрес рисунка
@@ Строка 49: / Строка 48: @@
 <div style="text-decoration:none; background-color:#E7FFE5; margin-left:5px; padding-left:5px"><nowiki>http://www.ganjawars.ru/sms.php</nowiki> style='background-image:url(<nowiki>http://images.ganjawars.ru/i/home/mail.gif</nowiki>); background-position=right; padding-right: 14px;'</div>
-===Автоматический вход===
+=== Автоматический вход ===
 Для автоматического входа в игру, можно использовать ссылку. Это актуально для тех кто играет с телефона или использует несколько персонажей (не нужно каждый раз вводить логин и пароль).
@@ Строка 63: / Строка 62: @@
 == Ссылки ==
-* [http://www.35rus.ru/htmlcolor.php Таблица html кодов цветов, буквенное написание и коды цветов в RGB.]
+* [http://cccp-gw.su/navcolor Сайт «Наша родина — СССР» — подбор цвета навигации и ознакомление с 16-ричным кодом палитры цветов].
 [[Категория:Терминология]]