Перейти к содержимому


Как Сделать Верхнее И Нижнее Меню Прозрачным

нижнее меню верхнее меню

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 mehanik

mehanik

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 14 Январь 2013 - 15:02

Можно ли сделать чтобы фоновый рисунок был на всю страницу?
А кнопки меню сделать прозрачными


http://motomayka.storeland.ru/

Прикрепленные изображения

  • главная.jpg


#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 14 Январь 2013 - 15:24

В файле main.css.
Найти код:
body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #FFF;
  color: #666;
}
Заменить:
body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #FFF;
  color: #666;
  background: url("http://files.storeland.ru/web/upload/sitefiles/4/389/388395/146201_honda_sport_vfr_2010_1920x1200__www.GdeFon.ru_.jpg") transparent;
}

Найти код:
/* !footer -------------------------------------------------------------- */
#footer {background: url("/web/upload/assets/images/165/164152/botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
#footer a {color:#666 !important}
#footer a.selected {color:#D0431D !important}
Заменить:
/* !footer -------------------------------------------------------------- */
#footer {border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
#footer a {color:#666 !important}
#footer a.selected {color:#D0431D !important}
Найти код:
#headerWrap {height: 150px;background: url(/web/upload/assets/images/165/164152/header_bg.jpg) repeat-x;}
Заменить:
#headerWrap {height: 150px;}


#3 mehanik

mehanik

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 14 Январь 2013 - 15:51

Спасибо. Получилось. Но у меня фон неподвижный. А менюшки бегают. Изображения я имею ввиду.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Январь 2013 - 20:56

Пожалуйста, опишите ваш вопрос подробнее. В данный момент на вашем сайте подобного изображения что вы указываете выше - не наблюдаю.

#5 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 15 Январь 2013 - 05:29

Просмотр сообщенияmehanik (14 Январь 2013 - 15:51) писал:

Спасибо. Получилось. Но у меня фон неподвижный. А менюшки бегают. Изображения я имею ввиду.
К сожалению фон не будет изменятся при изменение ширины браузера.
Насколько мне известно стандартными средствами css это нельзя сделать.
Для данного шаблона "Мокко" рекомендуется использовать маленькие, повторяющиеся картинки, которые будут заполнять весь фон окна, в не зависимости от ширины.

#6 mehanik

mehanik

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 16 Январь 2013 - 23:12

Спасибо




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных