книги хакеры / журнал хакер / специальные выпуски / Специальный выпуск 21_Optimized
.pdf
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
hang |
e |
|
|
|
|
|
||
|
|
C |
|
E |
|
|
|
|
|
|
C |
|
E |
|
|
|
||||||
|
X |
|
|
|
|
|
|
|
|
X |
|
|
|
|
|
|
||||||
|
- |
|
|
|
|
|
d |
|
|
|
- |
|
|
|
|
|
d |
|
||||
|
F |
|
|
|
|
|
|
|
i |
|
|
|
F |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
t |
|
|
|
|
|
|
|
|
|
|
t |
|
||
P |
D |
|
|
|
|
|
|
|
o |
|
P |
D |
|
|
|
|
|
|
|
o |
||
|
|
|
NOW! |
r |
|
|
|
|
NOW! |
r |
||||||||||||
|
|
|
|
BUY |
|
|
|
|
|
|
|
BUY |
|
|
||||||||
|
|
|
to |
|
|
|
|
|
|
|
|
|
|
to |
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
w |
|
|
|
|
|
|
|
|
m |
|
w |
|
|
|
|
|
|
|
|
m |
||
w Click |
|
|
|
|
|
|
o |
|
w Click |
|
|
|
|
|
|
o |
||||||
|
w. |
|
|
|
|
|
|
|
|
|
Креативw. |
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
.c |
|
|
|
|
|
|
|
|
.c |
|
|||||
|
p |
df |
|
|
|
|
e |
|
|
|
p |
df |
|
|
|
|
e |
|
||||
|
|
|
|
g |
|
|
|
|
|
|
|
|
g |
|
|
|
||||||
|
|
|
|
n |
|
|
|
|
|
|
|
|
|
n |
|
|
|
|
||||
|
|
|
-xcha |
|
|
|
|
|
|
|
|
|
-x cha |
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
“cursor:value”. Если хочешь, чтобы |
вводится либо в формате RGB (тремя числами), либо |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
на территории всей страницы |
|
словом (black, green, white и так далее), |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
курсор тусил в виде песочных |
|
или шестнадцатеричным значением. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
часов, вписывай в тэг <BODY> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
курсор “wait” вот таким образом: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<body style=”cursor:wait”>. Чтобы |
Почтовые ссылки на паге можно |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
при наведении на ссылку курсор |
немного усовершенствовать. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
превращался в стрелку с вопросом, |
Например, если ты поддерживаешь |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
делай так: <a |
|
сайт с кем-то на пару, и посетитель |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
href=”http://www.xakep.ru” |
|
решил написать вам мессагу, есть |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
style=”cursor:help”>”Ксакеп”</a>. |
возможность сделать так, чтобы |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Полный список и вид курсоров ты |
письмо отправлялось сразу обоим. хтмл-код такой ссылки |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
видишь на прилагаемом скрине. |
будет выглядеть так: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Правда, здесь есть и грустная |
Доступные виды курсоров |
<a href=”mailto:vasya@xakep.ru?cc=petya@xakep.ru”>Написать |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
новость: эту типсу |
|
Васе и Пете</a>. Можно также автоматически вставлять |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
поддерживает Internet Explorer, но другие браузеры ее |
тему письма (subject). Для этого ссылку надо оформить так: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
бойкотируют :(. |
|
<a |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
href=mailto:suslik@mail.ru?subject=”Письмо%20с%20сайта”> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Письмо суслику</a>. Не забудь вставить “%20” между |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Headers è footers. Header - ýòî |
словами, иначе в поле сабжа будет только первое слово |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
шапка сайта, которую имеют |
(обработка текста идет до первого пробела). |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
многие сетевые ресурсы. В нее, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
как правило, вынесены меню, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
форма для поиска, почтовая |
Ни один уважающий себя |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ссылка и другие мелочи. Если |
мажорный сайт не обходится без |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
какая-либо страница сайта очень длинная (в несколько |
функции поиска. Это и не |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
экранов), то скроллить на самый верх, чтобы |
удивительно - юзер всегда |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
воспользоваться поиском, отправить мыло или перейти |
спешит, и поиск хорошо |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
в другой раздел, для посетителя будет довольно |
экономит его время. Но чтобы |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
утомительным делом. Во избежание этой проблемы в самом |
реализовать его, нужно шарить в перле или другом |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
низу страницы создаются footer’ы - облегченная версия |
языке, используемом на твоем хост-сервере, а это, как я |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
шапки, с более простой графикой и копирующая из нее |
думаю, дано не каждому. Выход есть: существуют |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
только важные кнопки. На худой конец, можно поставить |
службы, предоставляющие услугу поиска, например, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
кнопку “наверх”, используя внутреннюю ссылку (смотри |
www.picosearch.com. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
типсы предыдущего номера). |
|
Ты регишься у них, и на почту высылается кусок кода, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
который вставляется на твою страницу. К сожалению, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
страница с результатами поиска будет с их сервера, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Навороченные полосы прокрутки. |
да и рядом с полем поиска будет торчать их логотип :(. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Не всех удовлетворяет |
Учи серверные языки, короче :)! |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
стандартный скроллбар, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
предоставляемый мелкософтом; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
местами он даже может |
Splash-страница. Такие страницы |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
подпортить дизайн. К нашей |
делают в качестве прелюдии |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
великой радости, мелкомягкие сжалились и дали |
к сайту, дабы зритель проникся |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
возможность контролировать |
|
величественностью посещаемого |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
цвета всех составляющих |
|
ресурса. На нее помещают |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
скроллбара с помощью CSS. |
|
небольшую красивую картинку |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Вставь следующую |
|
или анимацию. Некоторые пишут на ней “Enter”, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
конструкцию между тэгами |
|
и только после нажатия этой кнопки посетитель |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<HEAD></HEAD>, выстави |
|
попадает на главную страницу. Однако есть метод лучше. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
значения цветов |
|
Между тэгами <HEAD></HEAD> вставим такую |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
и наслаждайся произведенным |
|
метаинформацию: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
эффектом. Конструкция: |
|
<META http-equiv=”refresh” content=”10; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<STYLE |
|
URL=index.html”> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
type=”text/css”><!— |
|
В параметре “content” задается количество секунд, через |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
BODY |
|
которое браузер автоматически перескочит на указанную |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-base-color: color; |
|
далее в URL страницу. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-track-color: color; |
|
Проблема этого метода состоит в том, что отсчет |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-face-color: color; |
|
начинается с самого начала, и сплэш-страница может |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-highlight-color: color; |
|
попросту не успеть загрузиться. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-3dlight-color: color; |
|
Чтобы начать отсчет после загрузки паги, вместо |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-darkshadow-color: |
|
метатега надо вписать в тэг <BODY> атрибут onload: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
color; |
Элементы скроллбара |
onload=setTimeout(“location.href=’index.html’”,5000). ä |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-shadow-color: color; |
анном случае время измеряется не в секундах, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
scrollbar-arrow-color: color; |
|
а в миллисекундах, поэтому используется такое большое |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</STYLE> |
|
число, как 5000. Удачных тебе сайтов! |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Всего составляющих скроллбара семь штук плюс base - |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
устанавливает цвет для всего скроллбара. Чтобы знать, цвет |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
чего ты меняешь, прилагается скрин. Значение цвета |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
089 |
|
|
|
|
|
|
|
|
|
|