Как сделать кнопку-указатель для блога?

Суббота, 02 Февраля 2013 г. 13:31 + в цитатник

Цитата сообщения Дом_советов

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

Как выяснилось, многим нашим читательницам просто крайне необходима волшебная кнопочка. Которая позволяет одним нажатием попадать в интересные места. Нет проблем, научим! (Это проще, чем с точкой G :)
Самая простая кнопка

А вот её код во флейме.

Всё очень просто:

1. Адрес блога (в кавычках после action=) - поменяйте на адрес своего блога или того, что вам нужно.
2. Название (в кавычках после value=) - название блога или любая надпись.

Можно сделать кнопочку посложнее:
Вот её код:

Подробнее:
1. Как и в простом варианте - адрес блога.
2. Адрес картинки.
#000080 - код цвета фона. Цвет можно поменять, выбрав, например, здесь - Таблица базовых цветов

<form action="URL" method="get"><button style="BACKGROUND: #000080; WIDTH: 150px" type="submit"><img src="URL картинки" /></button></form>

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

<img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif" src="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif" width="105" height="105" alt=" (105x105, 4Kb)" />

Когда определились с цветом, картинкой, добавляйте текст.
<form action="http://www.liveinternet.ru/community/3080659/profile/" method="get"><button style="BACKGROUND: #000080; WIDTH: 150px" type="submit"><font color="#FFFFFF">Жми сюда!</font><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif" src="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif" alt="" /></button></form>
1. Адрес блога - в кавычках после action=
2. Адрес картинки - в кавычках после img src=
3. Цвет фона - после background: - его название или 6-значный индекс после #
4. Цвет текста для кнопки - в кавычках после color= - название или индекс.
5. Название кнопки - Жми сюда! - сразу после цвета текста

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