Веб-дизайн на webcollection.narod.ru

Пример:

Кнопка, появляющаяся при наведении курсора на ссылку. Наведите его на ссылку.

Вставляем в head:

	
<style type="text/css">
.lmNormal{ BACKGROUND-COLOR:transparent; BORDER-BOTTOM:medium none; BORDER-LEFT:medium none; BORDER-RIGHT:medium none; BORDER-TOP:medium none; MARGIN-BOTTOM:2px; MARGIN-LEFT:1px; MARGIN-TOP:1px; PADDING-BOTTOM:4px; PADDING-LEFT:6px; PADDING-TOP:2px}
.lmMouseover{  BACKGROUND-COLOR:#F0F8FF; BORDER-BOTTOM:#1E90FF solid thin; BORDER-LEFT:#87CEFA solid thin; BORDER-RIGHT:#1E90FF solid thin; BORDER-TOP:#87CEFA solid thin; MARGIN-BOTTOM:2px; MARGIN-LEFT:1px; MARGIN-TOP:1px; PADDING-BOTTOM:2px; PADDING-LEFT:4px}
.lmClick{ BACKGROUND-COLOR:#transparent; BORDER-BOTTOM:#1E90FF solid thin; BORDER-LEFT:#87CEFA solid thin; BORDER-RIGHT:#1E90FF solid thin; BORDER-TOP:#87CEFA solid thin; COLOR:#ffffcc; FONT-SIZE:100%; MARGIN-LEFT:1px; MARGIN-BOTTOM:2px; MARGIN-TOP:1px; PADDING-BOTTOM:2px; PADDING-LEFT:4px}
</style>

Вставляем в body:

	
<div class=lmNormal style='font-weight:normal; cursor:hand; width:110; height:20' onClick=location.href='webcollection.narod.ru' onMouseDown="this.className='lmClick'" onMouseUp="this.className='lmMouseOver'" onMouseOver="this.className='lmMouseOver'" onMouseOut="this.className='lmNormal'"><A HREF="http://webcollection.narod.ru/">На главную</A></div>
<div class=lmNormal style='font-weight:normal; cursor:hand; width:110; height:20'onMouseDown=this.className='lmClick' onMouseUp=this.className='lmMouseOver' onMouseOver=this.className='lmMouseOver' onMouseOut=this.className='lmNormal' onClick=location.href='http://webcollection.narod.ru'><A HREF="http://webcollection.narod.ru/skript.html">Скрипты</A></div>