-Музыка

 -Фотоальбом

Посмотреть все фотографии серии Моя вышивка
Моя вышивка
12:44 19.01.2011
Фотографий: 12

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

Поиск сообщений в Stjuha

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 19.01.2011
Записей: 141
Комментариев: 69
Написано: 258


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

Понедельник, 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 - Прозрачные фоны для дневника

Метки:  

 

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

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

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

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