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

Материал из Ганджавики
Перейти к навигации Перейти к поиску
Yuretski>Dbgrid
мНет описания правки
Yuretski>Dbgrid
Нет описания правки
Строка 79: Строка 79:
<code>background-repeat: no-repeat;</code> — запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)
<code>background-repeat: no-repeat;</code> — запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)


 
Картинку можно разместить справа или слева под ссылкой, <br />
Если вы не хотите чтобы картинка была ''под'' текстом ссылки, то поставте перед названием несколько пробелов('''Alt+255''').
background-position=left;<br />
Картинку можно сместить справа или слева от ссылки, <br />
background-position=right;<br />
<code>padding-left</code> - картинка будет слева от ссылки.<br />
Чтобы картинка была не под текстом, а сбоку, то можно её сдвинуть на то кол-во пикселей, сколько вы укажете в значении.<br />
<code>padding-right</code> картинка будет справа от ссылки.<br /><br />
<code>padding-left ''значение'' px</code> - картинка будет слева от ссылки.<br />
<code>padding-right ''значение'' px</code> -картинка будет справа от ссылки.<br /><br />
Например:<br />
Например:<br />
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;
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 />
<br /><br />
<code>padding-left: 12px;</code> указывает что картинка будет находится левее текста на 12 пикселей.<br />
 
<code>background-position=right</code> - картинка будет справа.<br />
<code>padding-right: 14px;</code> - картинка будет смещена вправо на 14 пикселей.<br />
 




== Разное ==
<br />


== Разное ==
Навигацию можно настроить как угодно по своему вкусу.<br /><br />
[[Изображение:Pic1.JPG]]<br /><br /><br />


Навигация впервые появилась [http://www.ganjawars.ru/messages.php?fid=1&tid=613 2005-11-02].
Навигация впервые появилась [http://www.ganjawars.ru/messages.php?fid=1&tid=613 2005-11-02].


[[Категория:Терминология]]
[[Категория:Терминология]]

Версия от 14:21, 1 ноября 2008

Описание

Навигация — это панель из 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.