Бродилка или путеводитель по блогу.
Позволяет быстро найти все записи по определенным темам. Вот один из примеров оформленной бродилки(фото 1).
1.
Все картинки-кнопочки кликабельны.При нажатии на любую,можно увидеть все посты из блога именно на ту тему,которая написана на кнопке.Названия для кнопок можете придумать свои.
Это тоже бродилка(фото 2),но стандартного вида и формируется автоматически,при добавлении меток под записями.
2
Перед тем,как создавать СВОЮ бродилку,надо обязательно под всеми постами поставить метки. Как делать метки см.здесь
Потом надо сделать свои или найти в инете картинки-кнопочки.На них надо написать разделы,по которым будут разделены записи в блоге(см. фото 1)
Теперь смотрите как выглядит код самой кнопки.Я взяла свою кнопку МОИ РАМКИ.
Розовым цветом выделен http-адрес нужной страницы блога.Голубым http-адрес картинки-кнопки.Желтым слова,которые появляются при наведении курсора на кнопку.
3. Делаем кликабельную кнопку
Возьмите код из этого окошечка.
Код,который взяли в окошке будет выглядеть так,как на фото 4
4
. АДРЕС МЕТКИ.
Нажимаем в стандартной бродилке(см.фото 2) на метку ,например,МОИ РАМКИ.Откроются все записи с этой меткой.
Вверху копируем http-адрес этой страницы и вставляем сразу после моих слов АДРЕС МЕТКИ(между последней буквой и кавычкой).Затем аккуратно стираем мои слова. АДРЕС КНОПКИ.
Идем на Радикал,загружаем изображение с нужной кнопкой,копируем строчку №1 и вставляем сразу после моих слов АДРЕС КНОПКИ(между последней буквой и кавычкой).Стираем мои слова.
Вместо моих слов ВАШИ СЛОВА,пишите пояснение или подсказку к этой кнопочке.
Так поступаем с каждой кнопкой бродилки.Когда все будет сделано,вставляем кнопочки в код рамки или просто в запись. Как вставить кнопки в рамку см.здесь
ВСЁ.
Удачи!
В коде этой шпаргалки стоит таблица, в которую вносите дважды адрес вашей картинки или фона и он становиться кликабельным - открывается в новом окне и сразу выдает адрес в адресной строке - очень удобно. Спасибо
Нике*Я. Добавлю - можно вставлять не только с радикала адрес, но и с
других хостингов.
Сегодня я расскажу Вам, о таблицах. Для того чтобы, сделать таблицу, вам больше не придется ломать себе голову. Просто выбирайте подходящую табличку и копируйте код в окошке. Изначально рассмотрим вариант, когда видимость таблицы не нужна. Когда просто нужно расположить текст или картинки в пост так, чтобы они ровно стояли.
1. Так будет смотреться ваша таблица с текстом.
ВАШ ТЕКСТ
или
КАРТИНКА 1
ВАШ ТЕКСТ
или
КАРТИНКА 2
ВАШ ТЕКСТ
или
КАРТИНКА 3
ВАШ ТЕКСТ
или
КАРТИНКА 4
ВАШ ТЕКСТ
или
КАРТИНКА 5
2. Так будет смотреться ваша таблица с картинкой.
Если картинки нужно сделать кликабельными, как в примере.
3. Таблица с видимыми границами.
ВАШ ТЕКСТ 1
ВАШ ТЕКСТ 2
ВАШ ТЕКСТ 3
ВАШ ТЕКСТ 4
ВАШ ТЕКСТ 5
ВАШ ТЕКСТ 6
Для текста.
Для картинок.
4. Таблицы с рамками.
ВАШ ТЕКСТ 1
ВАШ ТЕКСТ 2
ВАШ ТЕКСТ 3
ВАШ ТЕКСТ 4
ВАШ ТЕКСТ 5
ВАШ ТЕКСТ 6
Изменив цифровые значения «CELLPADDING=10 CELLSPACING=10» в большую или меньшую сторону, вы измените вид таблицы.
Для текста.
Для картинок.
5. Таблица с рамкой.
ВАШ ТЕКСТ 1
ВАШ ТЕКСТ 2
ВАШ ТЕКСТ 3
ВАШ ТЕКСТ 4
ВАШ ТЕКСТ 5
ВАШ ТЕКСТ 6
Поменяв цифровое значение «TABLE BORDER=10» в большую или меньшую сторону, можно регулировать бордюр таблицы.
Для текста.
Для картинок.
6. Таблица с рамкой.
ВАШ ТЕКСТ 1
ВАШ ТЕКСТ 2
ВАШ ТЕКСТ 3
ВАШ ТЕКСТ 4
ВАШ ТЕКСТ 5
ВАШ ТЕКСТ 6
Поменяв цифровые значения «TABLE BORDER=5 CELLPADDING=10 CELLSPACING=10» в большую или меньшую сторону, также можно видоизменить вашу таблицу.
Для текста.
Для картинок.
А еще, таблицы могут быть с заголовками (верхними или боковыми).
С помощью этого генератора можно создать любую таблицу. Заполните необходимые поля и нажмите кнопку Create Table. В открывшемся окошке вы увидите созданную вами таблицу, и HTML код созданной таблицы
Девчата, меня попросили сделать урок,
как можно,на небольшом пространстве разместить много картинок.
В этом вам помогут Таблицы,
в них очень удобно компактно загружать картинки.
Таблица с 6 картинками будет выглядить вот так.
Картинки лучше подбирать одного размера.