Помогите Установить Меню
#1
Отправлено 24 Апрель 2014 - 19:40
#3
Отправлено 24 Апрель 2014 - 19:44
MikDark (24 Апрель 2014 - 19:41) писал:
style.css 1,96К 6 Количество загрузок:
style.css 1,96К 6 Количество загрузок:
artine.html 787байт 1 Количество загрузок:
#4
Отправлено 25 Апрель 2014 - 00:18
#5
Отправлено 25 Апрель 2014 - 03:53
#6
Отправлено 25 Апрель 2014 - 10:42
Vaccina (25 Апрель 2014 - 03:53) писал:
guanaba (25 Апрель 2014 - 10:41) писал:
номер 27Artine CSS меню
#7
Отправлено 25 Апрель 2014 - 11:04
guanaba (25 Апрель 2014 - 10:42) писал:
Такое меню поставить не получится, т.к. там названия пунктов меню идут картинками. Вы можете сделать картинки, мы их привяжем к конкретным пунктам меню, но при добавлении какого-то нового пункта нужно будет заново менять код, делать изображения и т.д.
#8
Отправлено 25 Апрель 2014 - 11:08
MikDark (25 Апрель 2014 - 11:04) писал:
guanaba (25 Апрель 2014 - 11:05) писал:
http://pcvector.net/...ml#.U1oXxIB8ZCg
#9
#10
Отправлено 25 Апрель 2014 - 11:19
#11
Отправлено 25 Апрель 2014 - 11:25
guanaba (25 Апрель 2014 - 11:19) писал:
В main.css найдите код:
/*menu*/ /*main menu*/ #top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;} #mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; } #mainmenu li a:hover { background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom; } #mainmenu li a.home {} #langmenu li a { float: right; display: block; height: 40px; width: 40px; }
и замените его на:
/*menu*/ /*main menu*/ #mainmenu li, #langmenu li { float: left; height: 90px; line-height: 90px; background: white; overflow: hidden; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -o-transition: all.6s ease; -ms-transition: all.6s ease; transition: all.6s ease; } #mainmenu li:hover, #langmenu li:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset; background: teal; } #mainmenu li a{ display: block; text-decoration: none; color: #007e7e; padding: 0 45px; margin-top: 0; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -o-transition: all.6s ease; -ms-transition: all.6s ease; transition: all.6s ease; } } #mainmenu li:hover a { margin-top: -90px; color: white; text-shadow: 0 1px 2px black; } #mainmenu li a:after { content: attr(data-title); display: block; }
#12
Отправлено 25 Апрель 2014 - 11:45
MikDark (25 Апрель 2014 - 11:25) писал:
/*menu*/ /*main menu*/ #top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;} #mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; } #mainmenu li a:hover { background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom; } #mainmenu li a.home {} #langmenu li a { float: right; display: block; height: 40px; width: 40px; }
и замените его на:
/*menu*/ /*main menu*/ #mainmenu li, #langmenu li { float: left; height: 90px; line-height: 90px; background: white; overflow: hidden; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -o-transition: all.6s ease; -ms-transition: all.6s ease; transition: all.6s ease; } #mainmenu li:hover, #langmenu li:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset; background: teal; } #mainmenu li a{ display: block; text-decoration: none; color: #007e7e; padding: 0 45px; margin-top: 0; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -o-transition: all.6s ease; -ms-transition: all.6s ease; transition: all.6s ease; } } #mainmenu li:hover a { margin-top: -90px; color: white; text-shadow: 0 1px 2px black; } #mainmenu li a:after { content: attr(data-title); display: block; }
#17
Отправлено 15 Ноябрь 2014 - 02:24
Инструкция по установке:
http://multi-level-push-menu.make.rs
#18
Отправлено 15 Ноябрь 2014 - 12:43
Vaccina (15 Ноябрь 2014 - 02:24) писал:
Инструкция по установке:
http://multi-level-push-menu.make.rs
$(документ).готов(функция(){
// HTML-разметки реализации, перекрытия режим, справа-налево раздвижные
$( '#menu' ).multilevelpushmenu({ направление: 'rtl', backItemIcon: 'fa fa-угол-влево", groupIcon: 'fa fa-угол-вправо"
});
});
</script>
#19
Отправлено 20 Ноябрь 2014 - 04:09
#20
Отправлено 01 Май 2015 - 08:03
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных