Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Горизонтальное меню в круглой форме на CSS
Горизонтальное меню в круглой форме на CSS
Kosten
Дата: Понедельник, 14.08.2017, 18:30 | Сообщение # 1
Администраторы
Сообщений:15785
Награды: 51


Вашему вниманию круглое меню, которое идет горизонтальным, где каждый раздел идет круглый. Сама навигация создана на CSS стилях, где использован "border-radius", что отвечает за окружность. Если меньше сделать, то будет квадратные категорий с закруглением углов. Здесь все настраивается в самих стилях, что идет под код. Вы можете выставить как форму, что ранее говорилось, но и безусловно гамму цвета, что можно сделать эффект при наведение.



Здесь видим, что идет под синий оттенок:



Это уже созданный под красную гамму:



Здесь эффект при наведение:



Приступаем к установке:

Скачиваем текстовый файл, там будет предоставлен код, что ставим туда где посчитаете нужным. И стили в CSS где идет основная настройка, как по формированию и выбора цвета.
Прикрепления: 0775339.jpg(55Kb) · 5410762.png(8Kb) · 2861509.png(8Kb) · 3377396.png(10Kb) · __.txt(1Kb)
Страна: (RU)
Kosten
Дата: Понедельник, 14.08.2017, 18:31 | Сообщение # 2
Администраторы
Сообщений:15785
Награды: 51


Так как ранее на файлах размещал этот материал и здесь сделана демонстрация для просмотра.
Страна: (RU)
Critic©
Дата: Понедельник, 14.08.2017, 20:16 | Сообщение # 3
Проверенные
Сообщений:16
Награды: 0


Для чего дублировать файлы если уже есть?
Страна: (RU)
Kosten
Дата: Понедельник, 14.08.2017, 20:32 | Сообщение # 4
Администраторы
Сообщений:15785
Награды: 51


Цитата Critic© ()
Для чего дублировать файлы если уже есть?

Во первых, только коды дублируются, что даже с начало на форуме размещал под разными ссылками. Но подготовил материал, все описал на текстовом документе и опять забыл проверить есть на сайте он, но оказалось, что ранее заливал, что здесь разместил. Но здесь есть материал, что на главных файлов нет.
Страна: (RU)
VIP36RUS
Дата: Понедельник, 14.08.2017, 20:43 | Сообщение # 5
Проверенные
Сообщений:116
Награды: 3


Можно по всякому крутить их

Прикрепления: 0699460.png(10Kb) · 5638464.png(4Kb)


IPSGuru.RU - Сообщество веб администраторов
Zone-CS.RU - Проект игровых серверов Counter Strike
ClubCheats.RU - Читы для игр
Страна: (RU)
Kosten
Дата: Понедельник, 14.08.2017, 21:41 | Сообщение # 6
Администраторы
Сообщений:15785
Награды: 51


VIP36RUS, нужно было сразу скинуть стили. 09a
Страна: (RU)
VIP36RUS
Дата: Вторник, 15.08.2017, 10:36 | Сообщение # 7
Проверенные
Сообщений:116
Награды: 3


Цитата 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: 400px;

На
Код
border-radius: 15px 0px 15px 0px;


P.S - к чему 400px ставили? Когда 50px округляет полностью.


IPSGuru.RU - Сообщество веб администраторов
Zone-CS.RU - Проект игровых серверов Counter Strike
ClubCheats.RU - Читы для игр
Страна: (RU)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Горизонтальное меню в круглой форме на CSS
Страница 1 из 11
Поиск: