Делаем навигацию "предыдущих" и "следующих" страниц картинками

Сегодня я вам расскажу о том, как сделать ссылки "Предыдущие", "Главная страница" и "Следующие" в конце страницы в виде картинок.

Для начала необходимо найти подходящие картинки. Долго не искал, но вот тут кое что есть:
1. Для "Предыдущие" тут: http://www.bigoo.ws/tag//0-1/back.htm
2. Для "Главной страницы" здесь: http://www.bigoo.ws/tag//0-1/home.htm
3. Для "Следующие" там: http://www.bigoo.ws/tag//0-1/next.htm

Конечно, вы можете сделать картинки сами в фотошопе, можете заказать на сайтах, например вот здесь: http://www.o-ucoze.ru/forum/15

После чего вам нужен адрес картинки в интернете, для этого можете воспользоваться Радикалом radikal.ru, например, либо загрузить на другой файлообменник.

Итак, картинки есть, адреса картинок тоже, приступаем к установке. После установки у вас получатся вот такие картинки вместо навигации:

Все, что я вам сейчас расскажу, работает. Я убедился, когда поставил такие кнопки у себя в блоге. Приступаем к работе.

Открываем нашу панель управления — Дизайн — Изменить HTML. Обязательно ставим галочку "Расширить шаблоны виджета". Затем комбинаций клавиш CTRL+F находим:

1. Для "Предыдущей" страницы такой код: <data:olderPageTitle/>
и вместо него вставляем следующий:

<img alt="Предыдущие" src="http://s41.radikal.ru/i092/1006/df/c7a292f9fb2e.jpg" title="Предыдущее"/>

2. Для "Главной" страницы такой код: <data:homeMsg/>
и вместо него вставляем следующий:

<img alt="Главная страница" src="http://i061.radikal.ru/1006/b8/1586f82feb51.jpg" title="Главная страницы"/>

3. Для "Следующей" страницы такой код: <data:newerPageTitle/>
и вместо него вставляем следующий:

<img alt="Следующие" src="http://s59.radikal.ru/i166/1006/54/18daba18e7c0.jpg" title="Следующие"/>

 где title определяет всплывающий комментарий к картинке.

Сохраните шаблон и проверяйте свою красоту. Помните о том, что у вас обязтельно получится красивее, чем у меня, поскольку я картинки выбрал слишком мрачные (искать не хотелось). А для девушек в предложенных выше адресах вы найдете прекрасные разноцветные картинки с сердечками и цветочками.

Желаю удачи в оформлении вашего блога!!!

_________________________________________
ОАО "НИТИ "Прогресс" занимается сварочным, шинным, сервисным и нестандартным оборудованием. Новая разработка компании – серия "Прогресс" для дуговой сварки кольцевых и продольных швов. Аргонодуговая сварка позволит сэкономить ваши время и деньги!

Компания "Русская зима" предлагает широкий ассортимент оборудования. Здесь вы можете приобрести тепловентиляторы оптом, водоочистители, грузоподъемники, инфракрасные обогреватели и т.п. Мы заботимся о вашем здоровье!

Вы не знаете что подарить близким? Спешите на podarki.ru, где собраны лучшие подарки от 200 различных интернет-магазинов. Вас приятно удивят наш ассортимент и доступные цены!

This entry was posted on Вторник, Июнь 22nd, 2010 at 2:47 пп and is filed under Оформление блога. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

4 Responses to “Делаем навигацию "предыдущих" и "следующих" страниц картинками”

  1. Игорь Илюшин:

    Спасибо, пригодилось.

  2. Verigold:

    Help, плиз! Хотел себе поставить такие кнопочки, но у меня до этого были удалены надписи "предыдущие-главная…" и видимо поэтому кнопочки не видны. Как это можно исправить? Спасибо!

  3. Verigold:

    …и ещё – на форум не войти, при регистрации пишет, что мой е-мейл занят (?), а пробую войти и соответственно напомнить пароль – пишет, что такого пользователя нет. Парадокс!)))

  4. Алексей:

    Я сейчас немного работаю.Вечером разберусь с вашей проблемой. На форуме попробуйте другой емэйл ввести. Так как во всей системе UCOZ регистрируешься один раз, после чего этот емэйл действует на всех сайтах системы.Странно только почему вас не находит…

Прокомментировать запись: