Навигация

Материал из Ганджавики
Перейти к навигации Перейти к поиску

Описание

Навигация — это панель из 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; — запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)


Если вы не хотите чтобы картинка была под текстом ссылки, то поставте перед названием несколько пробелов(Alt+255).

Картинку можно сместить справа или слева от ссылки,
padding-left - картинка будет слева от ссылки.
padding-right картинка будет справа от ссылки.

Например:
http://www.ganjawars.ru/syndicate.php?id=1608 style ='background-image:url(http://images.ganjawars.ru/img/synds/1608.gif); padding-left: 12px;background-repeat: no-repeat;

padding-left: 12px; указывает что картинка будет находится левее текста на 12 пикселей.


Разное

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