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

стилевые правки
Yuretski>Sektorianin
(onmouseover&onmouseout)
(стилевые правки)
Строка 1: Строка 1:
Навигация — это панель из 15 [http://www.ganjawars.ru/info.edit.php?type=navy ссылок], которые вы можете заполнить по своему желанию.


Для того чтобы они не сливались их можно написать разным шрифтом и сделать разноцветными.
== Инструкция ==
===Как изменять шрифт и цвет===
Например ссылка:
http://ganjawars.ru/shop.php
Описание будет например Гос. Магазин.
Чтобы данная ссылка у вас в горизонтальной строке отображалась красным цветом,
имела шрифт например 10 и открывалась в новом окне, вам необходимо сделать
запись в строке адреса примерно такую:
http://ganjawars.ru/shop.php
style='font-size:10pt;color:#FF0000;font-
family:verdana, geneva, arialcyr;font:bo
ld' target=_blank
более простая форма советуем использовать её:
http://ganjawars.ru/shop.php style='color:#000080;font:bold' target=_blank
<code>FONT-SIZE</code> — означает размер шрифта
<code>COLOR</code> — цвет шрифта, можно записывать как в виде шести цифр, так в прописном
виде, например: red, brown, gold, blue, black и т. д. (найти таблицу цветов
можно
в Интернете, но для вас предоставляем данную таблицу для выбора:
<s>http://4wdesign.skamsk.ru/color.htm </s>
<s>http://xoxol.r2.ru/urok_color.shtml </s>
http://www.35rus.ru/htmlcolor.php
<s>http://timona2.narod.ru/colors.html) </s>
<code>FONT-FAMILY</code> — тип шрифта. В данном случае указываются все шрифты, после
стандартно установленного на вашем компьютере.
<code>FONT-WEIGHT</code> — род стиля. Бывают normal (нормальный),
lighter (Светлое начертание),
bold (полужирный),
bolder (жирный).
<code>target=_blank</code> — означает, что данная ссылка откроется в новом окне (для
открытия
в том-же окне можно не добавлять).
Учтите, что между самой ссылкой и последующими записями должен быть поставлен
пробел!
Так же пробел нужен между '''style='...'''' и '''target=_blank'''!
===Как заставить ссылку изменяться под курсором===
onmouseover - курсор на ссылке<br>
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;')
===Как добавить картинки===
Например это ссылка на ваш синдикат и вы хотите поставить там его значек:
http://www.ganjawars.ru/syndicate.php?id=2181&page=members
style=' background-image:url(http://images.ganjawars.ru/img/synds/2181.gif); background-repeat: no-repeat;
<code>background-image:url( );</code> — сюда помещаете адрес рисунка
<code>background-repeat: no-repeat;</code> — запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)
Картинку можно разместить справа или слева под ссылкой, <br />
background-position=right;<br />
background-position=left;<br />
Чтобы картинка была не под текстом, а сбоку, то можно её сдвинуть на то кол-во пикселей, сколько вы укажете в значении.<br />
<code>padding-left ''значение'' px</code> — картинка будет слева от ссылки.<br />
<code>padding-right ''значение'' px</code> -картинка будет справа от ссылки.<br /><br />
Например:<br />
http://www.ganjawars.ru/object.php?id=11774 style ='background-image:url(http://images.ganjawars.ru/i/home/realty.gif); background-position=right; padding-right: 14px;
<br /><br />
<code>background-position=right</code> — картинка будет справа под ссылкой.<br />
<code>padding-right: 14px;</code> — картинка будет смещена вправо на 14 пикселей от конца ссылки.<br />
Ещё один момент: если вы не хотите, чтобы ваша ссылка была подчёркнутой, впишите в строку style='
следующий код: text-decoration:none;
Пример:
http://www.ganjawars.ru/statlist.php?r=uran style='text-decoration:none;'
== Автоматический вход ==
Для автоматического входа в игру, можно использовать ссылку:<br />
http://ganjawars.ru/login.php?login=ИМЯ&pass=ПАРОЛЬ
Это актуально для тех кто играет с телефона или использует несколько [[персонаж|персонажей]](не нужно каждый раз вводить логин и пароль).
== Разное ==
Навигацию можно настроить как угодно по своему вкусу.<br>
[[Изображение:Pic1.JPG|thumb|801x105px|left]]<br style="clear:both" />
Навигация впервые появилась [http://www.ganjawars.ru/messages.php?fid=1&tid=613 2005-11-02].<br>
[[Категория:Терминология]]
[[Категория:Мой персонаж]]
10 330

правок