Навигация

Описание

Навигация — это панель из 10 ссылок, которые вы можете заполнить по своему желанию.

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

Инструкция

Если вам часто приходится пользоваться техом, то вы можете заходить им используя ссылку:

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

Как изменять шрифт и цвет

Например ссылка:

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! 

Как добавить картинки

Например это ссылка на ваш синдикат и вы хотите поставить там его значек:

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=left;
background-position=right;
Чтобы картинка была не под текстом, а сбоку, то можно её сдвинуть на то кол-во пикселей, сколько вы укажете в значении.
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 пикселей.

Разное

Навигацию можно настроить как угодно по своему вкусу.

Файл:Pic1.JPG

Навигация впервые появилась 2005-11-02.