Цитата сообщения Дом_советов Как сделать кнопку-указатель для блога?



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

А вот её код во флейме. <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/community/3080659/profile/" target="_blank" method="get"><input type="submit" value="Только для женщин" /><input type=hidden name=tok value=34edf7739efd082c39fc612871fbe3a2 /></form>Всё очень просто:
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 src="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif" width="105" height="105" alt=" (105x105, 4Kb)" />

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

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

Жми сюда!

Всё, что вам необходимо для правильной ориентировки на сайте, находится здесь - Учебник ЛиРу