2010-07-31

Textual description of firstImageUrl

Как сделать бродилку


Делаем бродилку.
Бродилка или путеводитель по блогу.
Позволяет быстро найти все записи по определенным темам.
Вот один из примеров оформленной бродилки(фото 1).
1.
..

Все картинки-кнопочки кликабельны.При нажатии на любую,можно увидеть все посты из блога именно на ту тему,которая написана на кнопке.Названия для кнопок можете придумать свои.
2.
Перед тем,как создавать СВОЮ бродилку,надо обязательно под всеми постами поставить метки.
Потом надо сделать свои или найти в инете картинки-кнопочки.На них надо написать разделы,по которым будут разделены записи в блоге(см. фото 1)
Теперь смотрите как выглядит код самой кнопки.
Вводим http-адрес нужной страницы блога, http-адрес картинки-кнопки и слова,которые появляются при наведении курсора на кнопку.
3.


4.
Делаем кликабельную кнопку
Возьмите код из этого окошечка.

АДРЕС МЕТКИ.
Нажимаем в стандартной бродилке(см.фото 2) на метку ,например,МОИ РАМКИ.Откроются все записи с этой меткой.
Вверху копируем http-адрес этой страницы и вставляем сразу после моих слов АДРЕС МЕТКИ(между последней буквой и кавычкой).Затем аккуратно стираем мои слова.
АДРЕС КНОПКИ.
Идем на Радикал,загружаем изображение с нужной кнопкой,копируем строчку №1 и вставляем сразу после моих слов АДРЕС КНОПКИ(между последней буквой и кавычкой).Стираем мои слова.
Вместо моих слов ВАШИ СЛОВА,пишите пояснение или подсказку к этой кнопочке.
Так поступаем с каждой кнопкой бродилки.Когда все будет сделано,вставляем кнопочки в код рамки или просто в запись.

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

Анонимный комментирует...

СПАСИБО!!!

Анонимный комментирует...

Как зафиксировать бродилку?...
Я ТАК И НЕ НАШЛА...

Анонимный комментирует...

извените за мою тупость,адрес кнопки с радикала брать?

Анонимный комментирует...

и еще border="0"-он всегда равен нулю?

NATALKA комментирует...

Адрес кнопки берите с радикала (первая строчка). Вы можете border="0" из кода выкинуть, border - это обводка. Если вы хотите добавить обводку вокруг кнопки, то можете добавить к коду style="border: 5px solid black;" , где 5px - толщина обводки в пикселях, solid - обводка сплошной линией и black - черный цвет. Вы можете выбрать другой цвет для обводки (red - красный, blue - синий, yellow - желтый, green - зеленый, white - белый и др).

Получим полный код кнопки с обводкой черным:

<a href="АДРЕС МЕТКИ"><img style="border: 5px solid black;" src="адрес кнопки" alt="всплывающая подсказка"></a>

Лариса комментирует...

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

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности