Сделай для блога кнопку.

Понедельник, 24 Января 2011 г. 12:03 + в цитатник

Цитата сообщения Дайтека

Прочитать целиком В свой цитатник или сообщество!

Всем привет!

По стечению обстоятельств 5 разных людей попросили меня объяснить как сделать простую кнопку, так чтоб не писать одно и тоже 5 раз создаю пост) возможно и ещё кому-нибудь пригодится.

Самая простая кнопка

В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода

1. Адрес блога - поменяйте на адрес своего блога или любого поста для которого нужно создать кнопку

2. Надпись - тут я думаю сами знаете что написать)

Теперь давайте попробуем сделать кнопочку чуть посложнее:

Вот собственно сам её код:

разберём чуть подробней:

1. Как и в простом варианте - адрес блога

2. Адрес картинки

#000080 - код цвета фона - если Вам такой цвет не подходит, то код цвета просто поменяйте - Коды цвета

Код картинки - если Вам нужно её поменять, то просто вставьте адрес своей картинке или загружите её на сервер.

Когда определились с цветом, картинкой, добавляйте текст

1. Адрес блога

2. Адрес картинки

3. Цвет фона

4. Цвет текста для кнопки

Сложив всё вместе Вы получите вот такую кнопку, для упрощения всех операций просто скопируйте код из флейма и замените нужные моменты. Если остались вопросы пишите в комментах.

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

Серия сообщений "Уроки по дневнику":
Часть 1 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 2 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
...
Часть 6 - Картинка из кодов
Часть 7 - Коды цвета для текстов
Часть 8 - Сделай для блога кнопку.
Часть 9 - Фон для записи.
Часть 10 - Таблица цветов
...
Часть 12 - Учимся делать Рамку с уголками.
Часть 13 - Все коды цвета для текстов.
Часть 14 - Прозрачные фоны для дневника