Кнопка посредством html...

Воскресенье, 22 Мая 2011 г. 05:19 + в цитатник

Цитата сообщения милена70

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

Моя кнопка

На блогспоте не удалось создать полноценную кнопку из html. Отражеться она будет так в других блогах. Кроме того,на Я.ru из слов "моя кнопка" создана бегущая строка:

Скопировать код кнопки можете отсюда:

Код кнопки для Я.ru<div style="width:100px;border: 2px dotted #66CC00;background-color: #FFFFFF;padding:10px;"><table><tbody><tr><td><img src="http://zagruzi.beeline.ru/pmswapdev_russia/promowa...quot;></td><td> <marquee width="30" height="32" direction="left" behavior="scroll" scrollamount="2" scrolldelay="-1" style="border: 2px solid #669900”><font color=" #669900"="">Моя кнопка</td></tr></tbody></table></div>

Код кнопки для Li.ru<div style="width:120px;border: 2px dotted #66CC00;background-color: #FFFFFF;padding:10px;"><table><tbody><tr><td><img alt="" src="http://zagruzi.beeline.ru/pmswapdev_russia/promowa...view2-0x0-0-0-before.gif" /></td><td>Моя кнопка</td></tr></tbody></table>
</div>

Код кнопки для ЖЖ<div style="width:100px;border: 2px dotted #66CC00;background-color: #FFFFFF;padding:10px;"><table><tbody><tr><td><img src="http://zagruzi.beeline.ru/pmswapdev_russia/promowa...t;></td><td>Моя кнопка</td></tr></tbody></table></div>

Код кнопки для diary и привет.ru (не поддерживают бегущую строку)<div style="width:100px;border: 2px dotted #66CC00;background-color: #FFFFFF;padding:10px;"><table><tbody><tr><td><img src="http://zagruzi.beeline.ru/pmswapdev_russia/promowa...t;></td><td>Моя кнопка</td></tr></tbody></table></div>

где width - ширина кнопки в пикселях,
border - граница, ее стиль, цает и размер.
background-color - цвет фона кнопки.
Далее содержимое кнопки представлено в виде таблицы - слева в первой ячейке расположена картинка, а справа - бегущая строка.
В параметрах бегущей строки изменяем width таким образом, чтобы наша строка не выходила за пределы кнопки, параметр height не превышал значение высоты кнопки, direction - "куда бежит строка" (up - вверх, down - вниз, left - налево, right - направо, behavior выставляет характер движения, scrollamount - скорость движения, style="color:green" - задает цвет текста бегущей строки.
http://natalya84i.blogspot.com/2011/01/html_24.html

Серия сообщений "о блогах":
Часть 1 - о сложностях ВЭБа
Часть 2 - разделители текста
...
Часть 6 - Коды оформления блога
Часть 7 - Генератор рамочек в div..
Часть 8 - Кнопка посредством html...
Часть 9 - Прямая ссылка на изображение...
Часть 10 - Как достать записи из бана...
...
Часть 16 - Как создать страницу в facebook
Часть 17 - Полезно: О дневниках -ссылочки,нужные и полезные
Часть 18 - моим молчаливым друзьям! (спёрла пост, но он и для моих "молчунов"...)