Пятница, 29.03.2024, 18:20
Главная

Регистрация

Вход
Приветствую Вас Гость | RSS
Меню
Профиль
Онлайн всего: 7
Гостей: 6
Пользователей: 1
SamDel
Сегодняшние посетители:


Гость








Поиск-Язык
Поиск:

07:45
Меню с эффектом вдавленной кнопки
Менюшка создаёт иллюзию вдавливания кнопки при нажатии. Вы можете изменить цвета и размеры применяемые в меню.

Установка: В боковой блок вместо стандартного меню.

<style>
.dsitput a,.dsitput a:visited {position:relative;
text-decoration:none;
text-align:center;
background-color:#9ab;/* Цвет фона */
color:#fff;/* Цвет текста */
font-size:13px;/* Размер шрифта */
font-weight:bold;/* Объём шрифта */
display:block;
width:165px;/* Ширина кнопок */
border:2px solid #fff;
border-color:#def #678 #345 #cde;/* Цвет бордюра до нажатия */
padding:5px;/* Внутренний отступ от текста */
margin:5px auto;/* Расстояние между кнопками */
}
.dsitput a:hover {
top:2px;
left:2px;
border-color:#345 #cde #def #678;/* Цвет бордюра при нажатии */
}
</style>
<div class="dsitput">
<a href="#">Menu</a>
<a href="#">Menu</a>
<a href="#">Menu</a>
<a href="#">Menu</a>
<a href="#">Menu</a>
</div>




Скачать: Меню с эффектом вдавленной кнопки

Категория: Скрипты для Укоз | Просмотров: 418 | Добавил: Admin | Теги: эффектом, меню, вдавленной, Кнопки | Рейтинг: 0.0/0



Картинка

Картинка

Всего комментариев: 0

avatar
Время
Belarus
«  Июль 2020  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Рекомендуем
Copyright Myfreetime.su © 2024 Яндекс.Метрика