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

Перейти к навигации Перейти к поиску
м
нет описания правки
Yuretski>Sektorianin
Нет описания правки
Yuretski>Dbgrid
мНет описания правки
Строка 1: Строка 1:
== Описание ==
== Описание ==


'''Навигация''' - это панель из 10 [http://www.ganjawars.ru/info.edit.php?type=navy ссылок], которые вы можете заполнить по своему желанию.
'''Навигация''' — это панель из 10 [http://www.ganjawars.ru/info.edit.php?type=navy ссылок], которые вы можете заполнить по своему желанию.


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


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


http://ganjawars.ru/shop.php  
http://ganjawars.ru/shop.php  
Описание будет например Гос. Магазин.  
Описание будет например Гос. Магазин.


Чтобы данная ссылка у вас в горизонтальной строке отображалась красным цветом,  
Чтобы данная ссылка у вас в горизонтальной строке отображалась красным цветом,
имела шрифт например 10 и открывалась в новом окне, вам необходимо сделать  
имела шрифт например 10 и открывалась в новом окне, вам необходимо сделать
запись в строке адреса примерно такую:  
запись в строке адреса примерно такую:


http://ganjawars.ru/shop.php  
http://ganjawars.ru/shop.php  
style='font-size:10pt;color:#FF0000;font-  
style='font-size:10pt;color:#FF0000;font-
family:verdana,geneva,arialcyr;font:bo  
family:verdana, geneva, arialcyr;font:bo
ld' target=_blank  
ld' target=_blank


более простая форма советуем использовать её:  
более простая форма советуем использовать её:


http://ganjawars.ru/shop.php style='color:#000080;font:bold' target=_blank  
http://ganjawars.ru/shop.php style='color:#000080;font:bold' target=_blank


<code>FONT-SIZE</code> означает размер шрифта  
<code>FONT-SIZE</code> — означает размер шрифта


<code>COLOR</code> цвет шрифта, можно записывать как в виде шести цифр, так в прописном  
<code>COLOR</code> — цвет шрифта, можно записывать как в виде шести цифр, так в прописном
виде, например: red, brown, gold, blue, black и т.д. (найти таблицу цветов  
виде, например: red, brown, gold, blue, black и т. д. (найти таблицу цветов
можно  
можно
в Интернете, но для вас предоставляем данную таблицу для выбора:  
в Интернете, но для вас предоставляем данную таблицу для выбора:


http://4wdesign.skamsk.ru/color.htm  
http://4wdesign.skamsk.ru/color.htm  
Строка 49: Строка 49:
http://timona2.narod.ru/colors.html)  
http://timona2.narod.ru/colors.html)  


<code>FONT-FAMILY</code> тип шрифта. В данном случае указываются все шрифты, после  
<code>FONT-FAMILY</code> — тип шрифта. В данном случае указываются все шрифты, после
стандартно установленного на вашем компьютере.  
стандартно установленного на вашем компьютере.


<code>FONT-WEIGHT</code> род стиля. Бывают normal (нормальный),  
<code>FONT-WEIGHT</code> — род стиля. Бывают normal (нормальный),
lighter (Светлое начертание),
lighter (Светлое начертание),
bold (полужирный),
bold (полужирный),
bolder (жирный).  
bolder (жирный).


<code>target=_blank</code> означает, что данная ссылка откроется в новом окне (для  
<code>target=_blank</code> — означает, что данная ссылка откроется в новом окне (для
открытия  
открытия
в том-же окне можно не добавлять).  
в том-же окне можно не добавлять).


  Учтите, что между самой ссылкой и последующими записями должен быть поставлен  
  Учтите, что между самой ссылкой и последующими записями должен быть поставлен  
Строка 72: Строка 72:


http://www.ganjawars.ru/syndicate.php?id=2181&page=members  
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;  
style=' background-image:url(http://images.ganjawars.ru/img/synds/2181.gif); background-repeat: no-repeat;




<code>background-image:url( );</code> - сюда помещаете адрес рисунка  
<code>background-image:url( );</code> — сюда помещаете адрес рисунка


<code>background-repeat: no-repeat;</code> - запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)
<code>background-repeat: no-repeat;</code> — запрещает повторять картинку много раз(если хотите чтобы картинка повторялась по всему тексту ссылки, можете не добавлять)




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




Анонимный участник

Навигация