korkin.oleg Опубликовано 24 июня, 2014 Жалоба Поделиться Опубликовано 24 июня, 2014 Нашел в просторах интернета меню как у Apple вставить его не проблем правим applenaw на #section_menu и регулируем по высоте и ширине. Вроде все готово) Но как сделать чтобы блоки меню были во всю ширини( чтобы градиент был до конца до корзины) И самый главный Вопрос как сделать чтобы под цифрой 2 корзина приобрела такой же градиент и была одим целым и одним цветом с меню.И почему то не работает ссылка Контакты... Если кто нибудь может помочь допилить, буду благодарен да и могу за небольшие $ отблагодарить CSS.txt Цитата Ссылка на сообщение Поделиться на другие сайты
sergei5770 Опубликовано 25 июня, 2014 Жалоба Поделиться Опубликовано 25 июня, 2014 там разные заливки кнопок и фона, все надо залить градиентом кнопок Цитата Ссылка на сообщение Поделиться на другие сайты
korkin.oleg Опубликовано 25 июня, 2014 Автор Жалоба Поделиться Опубликовано 25 июня, 2014 там разные заливки кнопок и фона, все надо залить градиентом кнопокВроде как все сделал, вопрос остается в другом. Как добавить картинку если КОД ИСХОДНЫЙ под №2 имеет вид : background: url("../images/bg/bg_cart_header.png") no-repeat scroll 15px 10px #5f5f5f; А нужно вставить как то картинку в код №2 он имеет такой вид-градиент background-image: -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%); ВРОДЕ СДЕЛАЛurl("../images/bg/bg_cart_header.png"), -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%)Вопрос остается ОДИН НОКак я понимаю -moz-linear-gradient поддерживается только в FireFox, подскажите как и с помощью какого кода сделать так чтобы и картинка отображалась с корзиной маленькой, и чтобы градиент отображался во всех браузерах? Цитата Ссылка на сообщение Поделиться на другие сайты
sergei5770 Опубликовано 26 июня, 2014 Жалоба Поделиться Опубликовано 26 июня, 2014 Вроде как все сделал, вопрос остается в другом. Как добавить картинку если КОД ИСХОДНЫЙ под №2 имеет вид : background: url("../images/bg/bg_cart_header.png") no-repeat scroll 15px 10px #5f5f5f; А нужно вставить как то картинку в код №2 он имеет такой вид-градиент background-image: -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%); ВРОДЕ СДЕЛАЛurl("../images/bg/bg_cart_header.png"), -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%)Вопрос остается ОДИН НОКак я понимаю -moz-linear-gradient поддерживается только в FireFox, подскажите как и с помощью какого кода сделать так чтобы и картинка отображалась с корзиной маленькой, и чтобы градиент отображался во всех браузерах?фон сделать картинкой градиента можно, тогда будет не важно, какой браузер Цитата Ссылка на сообщение Поделиться на другие сайты
korkin.oleg Опубликовано 26 июня, 2014 Автор Жалоба Поделиться Опубликовано 26 июня, 2014 фон сделать картинкой градиента можно, тогда будет не важно, какой браузерПодскажите как правильно в фотошопе подобрать именно этот градиен? и по какому формату - размеру делать? Цитата Ссылка на сообщение Поделиться на другие сайты
Алексей Склейнов Опубликовано 9 июля, 2014 Жалоба Поделиться Опубликовано 9 июля, 2014 размер согласно размеру верстки (в зависимости от вида градиента, вертикальный или горизонт) и неградирируемый размер достаточно одного пикселя по ширине или высоте (в зависимости от вышеперечисленных особенностей) Цитата Ссылка на сообщение Поделиться на другие сайты
infinity178 Опубликовано 27 июля, 2014 Жалоба Поделиться Опубликовано 27 июля, 2014 <div id="block_menu"> <ul class="menu"> <li><a href="">MENU</a></li> </ul> <form class="search"> </form> </div> #block_menu {width: 990px; height: 20px; line-height: 20px: background: url(../images/gradient.png) 0 0 repeat-x;} #menu {display: inline-block; float: left; width: 890px;} .search {float: right; width: 100px;} UL & FORM - без цвета! UL LI:hover - устанавливаем цвет при наведении Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.