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

Модератор: Fleelancer

<<

KatяGold

Аватара пользователя

Автор темы

Сообщения: 3

Зарегистрирован: 26 сен 2011, 21:09

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 01 окт 2011, 19:20

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

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

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

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

aldous

Аватара пользователя

Сообщения: 1167

Зарегистрирован: 22 май 2011, 22:53

Откуда: Оттуда

Благодарил (а): 20 раз.
Поблагодарили: 131 раз.

Сообщение 01 окт 2011, 20:30

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

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

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 в стилях я не нашёл ничего интересного, думаю, что изображения будут следовать друг за другом. Если возьмёте код, то отредактируйте ссылки, перезалейте изображения на хостинг блоггера и поставьте в хтмл виджет над постами.

Вернуться в Вопросы от новичков

Кто сейчас на конференции

Зарегистрированные пользователи: нет зарегистрированных пользователей

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo