Администраторы Severniy Опубликовано 28 июля, 2018 Администраторы Поделиться Опубликовано 28 июля, 2018 Простейшее вертикальное меню CSS #manugcon-sedenamed { margin: 2px 0px 0px 0px; padding-bottom: 0px; font-size: 0.9em; } #manugcon-sedenamed ul{list-style:none;width:100%;margin:0 0 10px 0;padding:0;font-size:12px } #manugcon-sedenamed li{margin-bottom:4px } #manugcon-sedenamed li a { font-weight: bold; height: 26px; text-decoration: none; color: #215d92; display: block; padding: 5px 0 0 8px; background: #fdfdfd; border-left: 5px solid #3c6994; } #manugcon-sedenamed li a:hover { background: #2467a9; color: #f9f6f6; border-left: 5px solid #2a69c3; } HTML <div id="manugcon-sedenamed"> <ul> <li><a href="https://www.hostland.ru/?r=835bfe25">хостинг</a></li> <li><a href="https://www.hostland.ru/order/hosting/?r=835bfe25">Заказать хостинг</a></li> <li><a href="https://www.hostland.ru/services/domain/?r=835bfe25">Регистрация доменов</a></li> <li><a href="https://www.hostland.ru/services/hosting/?r=835bfe25">Тарифы на хостинг</a></li> </ul> <div> 2 Ссылка на комментарий
Администраторы ♕-SlawkA-♕ Опубликовано 28 июля, 2018 Администраторы Поделиться Опубликовано 28 июля, 2018 Дополню тему. Кнопки стекло с эффектом. CSS Скрытый текст a.button9 { position: relative; display: inline-block; color: #777674; font-weight: bold; text-decoration: none; text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px; user-select: none; padding: 1em 4em; outline: none; border-radius: 3px / 100%; background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)); background-repeat: no-repeat; background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px; background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px; } a.button9:hover { transition: .5s linear; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } a.button9:active { top: 1px; } HTML Скрытый текст <center><a Target="_blank" href="https://www.hostland.ru/?r=6ed33b20" class="button9">Хостинг Hostland</a> <br> <a Target="_blank" href="https://www.hostland.ru/order/hosting/?r=6ed33b20" class="button9">Регистрация доменов</a> <br> <a Target="_blank" href="https://www.hostland.ru/services/hosting/?r=6ed33b20" class="button9">Тарифы на хостинг</a></center> 1 Ссылка на комментарий
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйтесь. Это очень просто!
Регистрация нового пользователяВойти
Уже есть аккаунт? Войти в систему.
Войти