Здесь я покажу как можно сделать ссылки на соответствующие разделы или темы форума прямо на логотипе. Суть состоит в том, чтобы делать ссылкой выделенный фрагмент картинки. итак, все что нам понадобится - это узнать положение фрагмента картинки относительно ее начала. Сделать это можно в Paint - ставится автоматически на каждом компьютере.
Открываем картинку, подносим курсор к верхнему левому углу (выделен
красным) и видим внизу 2 цифры, например, 205, 3 - это координаты точки
х1 и у1. Записываем их. Теперь подносим курсор к нижнему правому углу
(выделен красным) и проделываем ту же операцию (получаем х2, у2). То же самое проделываем с каждым пунктом нашей будущей навигации. Теперь можно создавать карту ссылок: <img src="адрес_каринки" usemap="#Map"> <map name="Map"> <area shape="rect" coords="х11,у11,х21,у21" href="ссылка1"> <area shape="rect" coords="х12,у12х22,у22" href="ссылка2"> </map>
строку <area можно вставить одну под другой столько раз, сколько у
вас ссылок на данном изображении для данной карты ссылок (в примере -для
двух ссылок 11, это для первой, а 12- для второй) Кроме этого,
область ссылк можно сделать не прямоугольной, а круглой, если в логотипе
присутствует что-нибудь типа круглой кнопки:
Для этого нам необходимо получить координаты центра круга и размер радиуса (как сделать- смотри выше). в итоге получаем: <img src="адрес_картинки" usemap="#Map" /> <map name="Map" id="Map"><area shape="circle" coords="[font color=red]х,у,R[/font]" href="с[font color=red]сылка[/font]" /></map>
х,у- координаты центра окружности R - радиус окружности, например :
<img src="адрес_картинки" usemap="#Map" /> <map name="Map" id="Map"><area shape="circle" coords="37,37,35" href="ссылка" /></map>
таким образом при наведении на уголок квадрата, в который вписана окружность, ссылки не будет, а внутри окружности - будет
|