Question

Добрый день. На многих сайтах замечаю в меню очень интересный вид кнопок, абсолютно различной формы. Скажите, пожалуйста, как можно сделать кнопку в меню как показано на скриншоте? Надо ли использовать для этого графические элементы или достаточного одного CSS? 

 

Также я создал боковое меню и в качестве кнопок для этого использованы две картинки, сменяющаяся одна на другую при наведении указателя мыши на нее. Мне бы очень хотелось горизонтальное меню сделать точно также как боковое , только бы при наведении на него выпадало еще  дополнительное подменю. Если такое возможно, пожалуйста, прошу вашей помощи?

 

Answer 1

С помощью фото как в боковом меню для горизонтального не советую, лучше с помощью CSS, перейдите в файл стилей - http://mirpc.3dn.ru/style-menu-3.css найдите строку номер 62:

#menu1 ul li > a:hover, #menu1 ul li:hover > a{
				background:black;
				color:#FBF712;
			}

попробуйте изменить на:

#menu1 ul li > a:hover, #menu1 ul li:hover > a{
	color: black;
	background: -moz-radial-gradient(center, ellipse cover, #feffff 0%, #116898 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #feffff 0%,#116898 100%);
	background: -o-radial-gradient(center, ellipse cover, #feffff 0%,#116898 100%);
	background: -ms-radial-gradient(center, ellipse cover, #feffff 0%,#116898 100%);
	background: radial-gradient(center, ellipse cover, #feffff 0%,#116898 100%);
	border-radius:5px;
	display:inline-block;
	}

после уже подстраиваем цвет под себя.