-Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Создание аватар Создание аватарСервис для создания аватар в режиме онлайн. Позволяет вырезать из большой фотографии свою мордочку и сделать из неё аватару :) Есть возможность сразу же установить аватару в качестве своей основной.
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению ИГРЫ ПИТОМЦА ИГРЫ ПИТОМЦАСамые популярные и увлекательные игры для вас и вашего питомца.

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в в_поисках_любви

 -Подписка по e-mail

 


Делаем кнопочки ссылки!-УРОК

Пятница, 27 Мая 2011 г. 21:40 + в цитатник
Цитата сообщения НИФРИТ_78 Делаем кнопочки ссылки!-УРОК


 (205x98, 9Kb) 

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

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

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

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

Попробую объяснить на примере,который Вы видите выше.
Вот код для вставки кодов баннеров.Выделенное-это каждый ряд.
Они начинаются и заканчиваются одинаково.
Допустим в 1,2,3 рядах будет по 3 баннера,а в последнем один.
Если Вам надо добавить к последнему ряду еще один баннер,
то выделяем и копируем то,что подчеркнуто красным
и вставляем туда,куда показывает синяя стрелка.
Или в любой ряд перед этим словом"/block"
Если надо удалить один баннер,
то соответственно стираем в любом ряду,то же,что подчеркнуто красным.

Если надо удалить ряд,то стираем любой выделенный зеленым или желтым участок.
А если добавить ряд,то вставляем туда,куда показывает синяя стрелка.

Так что,посмотрите сколько баннеров Вам надо выставить,
рассчитаете сколько и каких будет в каждом ряду,
сделаете шаблон для вставки кодов.
Потом этот шаблон можно вставить в рамку.
Затем после каждого моего слова КОД,Вы вставляете код нужного баннера
и АККУРАТНО стираете мое слово.

На места,где написано КОД,можно вставить и кнопки для бродилки
и вообще любые изображения.

В моем комменте код с рамкой Вы увидите,а без рамки будет выглядеть так,

 

ВСЁ.
Удачи!



 (220x40, 4Kb)

 (400x82, 45Kb)
Галерея_Дефне

Серия сообщений "~~ССЫЛКИ~~":
Часть 1 - WisdomSoft ScreenHunter Pro v5.1.759-ПРОГРАММА КАК СФОТОГРАФИРОВАТЬ С КОМПЬЮТЕРА
Часть 2 - Как сделать анимированную картинку за 3 минуты
...
Часть 11 - "Оживляем"картинки.
Часть 12 - Делаем рингтон.
Часть 13 - Делаем кнопочки ссылки!-УРОК
Часть 14 - ПИШЕМ БЛЕСТЯЩЕЙ НАДПИСЬЮ НА ВАШЕЙ АВАТОРКЕ
Часть 15 - Как сделать визитку самому.
Часть 16 - Для слепых котят и опытных блогеров. Полный справочник по ЛиРу

Серия сообщений "~~ВСЁ ДЛЯ ДНЕВНИКА~~":
Часть 1 - КУРСОРЫ СМАЙЛИКИ
Часть 2 - КУРСОРЫ
...
Часть 56 - ОКОШЕЧКО ДЛЯ КОДОВ, УРОК ДЛЯ НАЧИНАЮЩИХ
Часть 57 - моя блестящая подпись
Часть 58 - Делаем кнопочки ссылки!-УРОК
Часть 59 - Делаем ссылку на свой блог
Часть 60 - Красивые баннеры 2!
...
Часть 98 - Разные стили Прокрутки для поста.
Часть 99 - СОКРОВИЩНИЦА ФОНОВ ДЛЯ РАБОТЫ С РАМОЧКАМИ!
Часть 100 - Узнай цену личного блога

Серия сообщений "~~HTML-КОДЫ ДЛЯ ВСЕГО ,ВСЕГО~~":
Часть 1 - Всё для днева и не только, html !!!
Часть 2 - Окошко для кодов
...
Часть 15 - ОКОШЕЧКО ДЛЯ КОДОВ, УРОК ДЛЯ НАЧИНАЮЩИХ
Часть 16 - моя блестящая подпись
Часть 17 - Делаем кнопочки ссылки!-УРОК
Часть 18 - Делаем ссылку на свой блог
Часть 19 - Красивые баннеры 2!
...
Часть 38 - Complete HTML True Color Chart-цвета для шрифта
Часть 39 - Таблица цветов
Часть 40 - Для слепых котят и опытных блогеров. Полный справочник по ЛиРу
Рубрики:  Цитаты
все для оформления дневников
полезности для оформления днева

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку