Вашему вниманию круглое меню, которое идет горизонтальным, где каждый раздел идет круглый. Сама навигация создана на CSS стилях, где использован "border-radius", что отвечает за окружность. Если меньше сделать, то будет квадратные категорий с закруглением углов. Здесь все настраивается в самих стилях, что идет под код. Вы можете выставить как форму, что ранее говорилось, но и безусловно гамму цвета, что можно сделать эффект при наведение.
Здесь видим, что идет под синий оттенок:
Это уже созданный под красную гамму:
Здесь эффект при наведение:
Приступаем к установке:
Скачиваем текстовый файл, там будет предоставлен код, что ставим туда где посчитаете нужным. И стили в CSS где идет основная настройка, как по формированию и выбора цвета.
Во первых, только коды дублируются, что даже с начало на форуме размещал под разными ссылками. Но подготовил материал, все описал на текстовом документе и опять забыл проверить есть на сайте он, но оказалось, что ранее заливал, что здесь разместил. Но здесь есть материал, что на главных файлов нет.
.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: 400px;
На
Код
border-radius: 15px 0px 15px 0px;
P.S - к чему 400px ставили? Когда 50px округляет полностью. IPSGuru.RU - Сообщество веб администраторов Kinoguru.Online - Онлайн фильмы Любая тема на uCoz не интересует!