Как сделать Меню - Кликабельная картинка.

01 окт 2011, 15:20 KatяGold

Как сделать что бы меню блога (Home, About Me и т.п) кликабельными на картинке. Чо бы было так. Вот у меня есть определенное изображение, и на нем помимо всяких заголовков в низу написаны (Home, About Me и т.п), как сделать так что бы при нажатии на эти участки картинки блог переправлял посетителя (или меня) на страницы (как гаджет страницы).

Либо есть алтенатива как на этом блоге http://flkmiracle.blogspot.com/ ,т .е если я правильно поняла то там присутствует гаджет "Страници" но каким то образом там вставлены картинки вместо обычных надписе.

Беду очень благодарна если мне помогут с этими вопросами, за рание благодарю :yes:

01 окт 2011, 16:30 aldous

Вы немного запутались.
То, что вы хотите, можно реализовать несколькими путями, результаты тоже будут быть разными.

1) Расставляем графические элементы в ряд, привязываем к ним ссылки.
2) Расставляем графические элементы с помощью css, привязываем к ним ссылки. Большинство меню на сайтах сделаны именно так.
3) Создаем ImageMap, о которой недавно спрашивали. Это старая школа Пример (для матёрых верстальщиков).
4) Используем javascript. Тоже самое, что первые два пункта + скрипт какого либо действия (например, анимации).

В блоге, ссылку которого вы скинули, просто расставлены изображения:

Код:: <center><a href="http://ссылка"> <img src="http://i061.radikal.ru/1108/ba/8ab8c8fccdf1.png"></a><a href="http://ссылка"><img src="http://s61.radikal.ru/i171/1108/2c/5f24df76d3b1.png"></a><a href="ссылка"><img src="http://i026.radikal.ru/1108/8b/5b7f418f41ce.png"></a><a href="http://twitter.com/ник_в_твиттере"><img src="http://s39.radikal.ru/i083/1108/11/41771dabbdd8.png"></a><a href="ссылка"><img src="http://s011.radikal.ru/i316/1108/a3/7d85ac69ac24.jpg"></a></center>

В img в стилях я не нашёл ничего интересного, думаю, что изображения будут следовать друг за другом. Если возьмёте код, то отредактируйте ссылки, перезалейте изображения на хостинг блоггера и поставьте в хтмл виджет над постами.