Навигация: различия между версиями
Yuretski>Dxe |
Yuretski>Sektorianin (onmouseover&onmouseout) |
||
Строка 55: | Строка 55: | ||
пробел! | пробел! | ||
Так же пробел нужен между '''style='...'''' и '''target=_blank'''! | Так же пробел нужен между '''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;') | |||
===Как добавить картинки=== | ===Как добавить картинки=== |
Версия от 19:22, 13 марта 2013
Навигация — это панель из 15 ссылок, которые вы можете заполнить по своему желанию.
Для того чтобы они не сливались их можно написать разным шрифтом и сделать разноцветными.
Инструкция
Как изменять шрифт и цвет
Например ссылка:
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
FONT-SIZE
— означает размер шрифта
COLOR
— цвет шрифта, можно записывать как в виде шести цифр, так в прописном
виде, например: red, brown, gold, blue, black и т. д. (найти таблицу цветов
можно
в Интернете, но для вас предоставляем данную таблицу для выбора:
http://4wdesign.skamsk.ru/color.htm
http://xoxol.r2.ru/urok_color.shtml
http://www.35rus.ru/htmlcolor.php
http://timona2.narod.ru/colors.html)
FONT-FAMILY
— тип шрифта. В данном случае указываются все шрифты, после
стандартно установленного на вашем компьютере.
FONT-WEIGHT
— род стиля. Бывают normal (нормальный),
lighter (Светлое начертание),
bold (полужирный),
bolder (жирный).
target=_blank
— означает, что данная ссылка откроется в новом окне (для
открытия
в том-же окне можно не добавлять).
Учтите, что между самой ссылкой и последующими записями должен быть поставлен пробел! Так же пробел нужен между style='...' и target=_blank!
Как заставить ссылку изменяться под курсором
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;')
Как добавить картинки
Например это ссылка на ваш синдикат и вы хотите поставить там его значек:
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;
background-image:url( );
— сюда помещаете адрес рисунка
background-repeat: no-repeat;
— запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)
Картинку можно разместить справа или слева под ссылкой,
background-position=right;
background-position=left;
Чтобы картинка была не под текстом, а сбоку, то можно её сдвинуть на то кол-во пикселей, сколько вы укажете в значении.
padding-left значение px
— картинка будет слева от ссылки.
padding-right значение px
-картинка будет справа от ссылки.
Например:
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;
background-position=right
— картинка будет справа под ссылкой.
padding-right: 14px;
— картинка будет смещена вправо на 14 пикселей от конца ссылки.
Ещё один момент: если вы не хотите, чтобы ваша ссылка была подчёркнутой, впишите в строку style=' следующий код: text-decoration:none; Пример: http://www.ganjawars.ru/statlist.php?r=uran style='text-decoration:none;'
Автоматический вход
Для автоматического входа в игру, можно использовать ссылку:
http://ganjawars.ru/login.php?login=ИМЯ&pass=ПАРОЛЬ
Это актуально для тех кто играет с телефона или использует несколько персонажей(не нужно каждый раз вводить логин и пароль).
Разное
Навигацию можно настроить как угодно по своему вкусу.
Навигация впервые появилась 2005-11-02.