ГЛАВНАЯ СТРАНИЦА | ВХОД
Свой блог я хочу посвятить таким же новичкам в сети, каким являюсь и я.
Здесь я буду делиться с вами всем тем, чему я научился за время существования моего блога.
И пусть опытные Веб-мастера не удивляются банальности моих тем, ведь я еще сам "чайник", поэтому и делиться советами буду прежде всего с такими же новичками, как и я.
Надеюсь, что мои советы кому-то помогут.
С уважением, Алексей

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

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

Для начала необходимо найти подходящие картинки. Долго не искал, но вот тут кое что есть:
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 различных интернет-магазинов. Вас приятно удивят наш ассортимент и доступные цены!

С этой темой еще читают:

5 комментариев:

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

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

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

    ОтветитьУдалить
  4. Спасибо. Следовала вашим советам и у меня все получилось. Создала на своем блоге классного руководителя мини-чат.

    ОтветитьУдалить

В комментариях оставляем мнения и советы к данной статье. Все вопросы задаем ТОЛЬКО на ФОРУМЕ. Отвечаю и стараюсь помочь всем!