Необходимый софт на каждый день!..

Необходимый софт на каждый день!.. - Каталог файлов - Меню с закругленными краями

Меню с закругленными краями

Автор публикации: Гость

Добавлен: 03.05.2024, 12:01

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

Меню с закругленными краями с серой обводкой и белым фоном (внутри). При наведении на ссылку курсором, цвет обводки меняется на синий (голубой).
Скриптом это назвать нельзя, это просто html код.

Это ставим в любое место в CSS:

Code

/* Меню */
.MainMenu {font-size: 12px;text-decoration: none; font-family:Tahoma;}
.MainMenu a:link,
.MainMenu a:visited {color:#7c7c7c;padding-left:9px;margin-bottom: 2px;line-height:23px; display:block; font-weight:normal; background:#FFFFFF; border: 1px solid #c3c3c3; -moz-border-radius: 7px; -webkit-border-radius:7px; border-radius: 7px;}
.MainMenu a:hover {color:#888888;padding-left:9px;margin-bottom: 2px; line-height:23px; display:block; font-weight:normal; background:#fefefe; border: 1px solid #42aaff; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius: 7px;}
/* Конец Меню */

Это ставим в сам блок:

Code

<span class="MainMenu">
<a href="/">Главная</a>
<a href="/forum/">Форум</a>
<a href="/blog/">Блог</a>
<a href="/load">Файлы</a>
<a href="/">Ваша ссылка</a>
<a href="/">Ваша ссылка</a>
</span>

Содержимое информера

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