Навигация: различия между версиями
Yuretski>Dbgrid мНет описания правки |
Yuretski>Dbgrid Нет описания правки |
||
Строка 79: | Строка 79: | ||
<code>background-repeat: no-repeat;</code> — запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять) | <code>background-repeat: no-repeat;</code> — запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять) | ||
Картинку можно разместить справа или слева под ссылкой, <br /> | |||
background-position=left;<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/ | 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- | |||
<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.