2011-01-24

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

Моя кнопка

На блогспоте не удалось создать полноценную кнопку из 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/promowap/preview/prw_231905-ru-OTAobject_otaother_webpreview2-0x0-0-0-before.gif"></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/promowap/preview/prw_231905-ru-OTAobject_otaother_webpreview2-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/promowap/preview/prw_231905-ru-OTAobject_otaother_webpreview2-0x0-0-0-before.gif"></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/promowap/preview/prw_231905-ru-OTAobject_otaother_webpreview2-0x0-0-0-before.gif"></td><td>Моя кнопка</td></tr></tbody></table></div>

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

Комментариев нет :

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности