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

Суббота, 21 Мая 2011 г. 09:06 + в цитатник

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

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

Кнопка посредством 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/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