|
Горизонтальное меню в круглой форме на CSS
|
|
| Kosten | Понедельник, 14 Августа 2017, 18:30 | Сообщение 1 |
| Вашему вниманию круглое меню, которое идет горизонтальным, где каждый раздел идет круглый. Сама навигация создана на CSS стилях, где использован "border-radius", что отвечает за окружность. Если меньше сделать, то будет квадратные категорий с закруглением углов. Здесь все настраивается в самих стилях, что идет под код. Вы можете выставить как форму, что ранее говорилось, но и безусловно гамму цвета, что можно сделать эффект при наведение.
Здесь видим, что идет под синий оттенок:
Это уже созданный под красную гамму:
Здесь эффект при наведение:
Приступаем к установке:
Скачиваем текстовый файл, там будет предоставлен код, что ставим туда где посчитаете нужным. И стили в CSS где идет основная настройка, как по формированию и выбора цвета.
| | [ RU ] |
| |
| Kosten | Понедельник, 14 Августа 2017, 18:31 | Сообщение 2 |
|
| Так как ранее на файлах размещал этот материал и здесь сделана демонстрация для просмотра.
| | [ RU ] |
| |
| Critic© | Понедельник, 14 Августа 2017, 20:16 | Сообщение 3 |
| Для чего дублировать файлы если уже есть?
| | [ RU ] |
| |
| Kosten | Понедельник, 14 Августа 2017, 20:32 | Сообщение 4 |
|
| Цитата Critic© (  ) Для чего дублировать файлы если уже есть?
Во первых, только коды дублируются, что даже с начало на форуме размещал под разными ссылками. Но подготовил материал, все описал на текстовом документе и опять забыл проверить есть на сайте он, но оказалось, что ранее заливал, что здесь разместил. Но здесь есть материал, что на главных файлов нет.
| | [ RU ] |
| |
|
| Kosten | Понедельник, 14 Августа 2017, 21:41 | Сообщение 6 |
|
| VIP36RUS, нужно было сразу скинуть стили. 
| | [ RU ] |
| |
| VIP36RUS | Вторник, 15 Августа 2017, 10:36 | Сообщение 7 |
| Цитата Kosten ( ) VIP36RUS, нужно было сразу скинуть стили. 09a
Там особо не чего не изменилось просто где
Код .circlemenu li a{
display:block;
float:left;
text-align:center;
text-decoration: none;
color: white;
background:#b72d23;
margin: 0;
margin-right:5px; /*Поле справа для каждой ссылки */
width:100px;
height:100px;
border-radius: 400px; /*Большое значение для создания круглой рамки элемента*/
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}
Изменяем
На
Код border-radius: 15px 0px 15px 0px;
P.S - к чему 400px ставили? Когда 50px округляет полностью.
IPSGuru.RU - Сообщество веб администраторов
Kinoguru.Online - Онлайн фильмы
Любая тема на uCoz не интересует!
| | [ RU ] |
| |
