Jump to content

Recommended Posts

Нашел в просторах интернета меню как у  Apple  вставить его не проблем правим applenaw на #section_menu и регулируем по высоте и ширине. Вроде все готово) Но как сделать чтобы блоки меню были во всю ширини( чтобы градиент был до конца до корзины) И самый главный Вопрос как сделать чтобы под цифрой 2 корзина приобрела такой же градиент и была одим целым и одним цветом с меню.

И почему то не работает ссылка Контакты... Если кто нибудь может помочь допилить, буду благодарен да и могу за небольшие $ отблагодарить 

post-18272-0-03008700-1403641718_thumb.jpg

CSS.txt

Link to post
Share on other sites

там разные заливки кнопок и фона, все надо залить градиентом кнопок

Вроде как все сделал, вопрос остается в другом. Как добавить картинку если КОД ИСХОДНЫЙ под №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, подскажите как и с помощью какого кода сделать так чтобы и картинка отображалась с корзиной маленькой, и чтобы градиент отображался во всех браузерах?

post-18272-0-65906200-1403728639_thumb.jpg

Link to post
Share on other sites

Вроде как все сделал, вопрос остается в другом. Как добавить картинку если КОД ИСХОДНЫЙ под №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, подскажите как и с помощью какого кода сделать так чтобы и картинка отображалась с корзиной маленькой, и чтобы градиент отображался во всех браузерах?

фон сделать картинкой градиента можно, тогда будет не важно, какой браузер

Link to post
Share on other sites

фон сделать картинкой градиента можно, тогда будет не важно, какой браузер

Подскажите как правильно в фотошопе подобрать именно этот градиен? и по какому формату - размеру делать?

Link to post
Share on other sites
  • 2 weeks later...

размер согласно размеру верстки (в зависимости от вида градиента, вертикальный или горизонт) и неградирируемый размер достаточно одного пикселя по ширине или высоте (в зависимости от вышеперечисленных особенностей)

Link to post
Share on other sites
  • 3 weeks later...
<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 - устанавливаем цвет при наведении 
 
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...