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


Прозрачность Фона


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

#1 sany093

sany093

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

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

Отправлено 25 Июль 2013 - 17:33

Как сделать фон прозрачным http://sunduhcok.ru/catalog/Монеты тоесть то, что белым сделать прозрачным.

#2 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 25 Июль 2013 - 17:46

Просмотр сообщенияsany093 (25 Июль 2013 - 17:33) писал:

Как сделать фон прозрачным http://sunduhcok.ru/catalog/Монеты

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

#3 sany093

sany093

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

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

Отправлено 25 Июль 2013 - 17:50

Просмотр сообщенияsupport 2.0 (25 Июль 2013 - 17:46) писал:

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

#4 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 25 Июль 2013 - 18:11

Просмотр сообщенияsany093 (25 Июль 2013 - 17:50) писал:

что белым сделать прозрачным

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

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

  • ScreenShot 325.png


#5 Anneta

Anneta

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

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

Отправлено 18 Январь 2014 - 19:39

подниму старую тему.
меня тоже интересует прозрачнось белого. сайт http://shramovnet.ru Аккаунт SL-252948
как сделать так чтобы все белое было прозрачным или полупрозрачным? чтобы на самом теле сайта проглядывался фон, но при этом был не явным, чтобы все было читаемо.

#6 @lina_va

@lina_va

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

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

Отправлено 19 Январь 2014 - 10:02

Просмотр сообщенияAnneta (18 Январь 2014 - 19:39) писал:

подниму старую тему.
меня тоже интересует прозрачнось белого. сайт http://shramovnet.ru Аккаунт SL-252948
как сделать так чтобы все белое было прозрачным или полупрозрачным? чтобы на самом теле сайта проглядывался фон, но при этом был не явным, чтобы все было читаемо.
Добрый день
Вам лучше изменить саму картинку- сделать её полупрозрачной, как Вы хотите.
Либо можете попробовать поработать с переменной z-index. Для этого нужно загрузить изображение с белым фоном
Подробнее про z-index Вы можете узнать здесь

#7 Anneta

Anneta

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

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

Отправлено 19 Январь 2014 - 15:26

спасибо,  я имела в виду белый фон самого текста сделать полупрозрачным и белый фон  бокового меню.  я правильно  поняла, что для этого нужно белый фон (gif или png) через фото-редактор сделать прозрачным или полупрозрачным, а потом зарузить его на сайт в качестве бек-граунда для основного текста сайта и бокового меню? если да, то какое расширение должно быть у этих файлов?

#8 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 19 Январь 2014 - 15:38

Просмотр сообщенияAnneta (19 Январь 2014 - 15:26) писал:

спасибо,  я имела в виду белый фон самого текста сделать полупрозрачным и белый фон  бокового меню.  я правильно  поняла, что для этого нужно белый фон (gif или png) через фото-редактор сделать прозрачным или полупрозрачным, а потом зарузить его на сайт в качестве бек-граунда для основного текста сайта и бокового меню? если да, то какое расширение должно быть у этих файлов?
В вашем случае можно просто в шаблоне main.css заменить
#content {
  background: #FFFFFF;
}
на
#content {
  background: rgba(255, 255, 255, 0.8);
}
где 0.8 - степень прозрачности. 0 - полностью прозрачный, 1 - полностью непрозрачный фон.

#9 Anneta

Anneta

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

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

Отправлено 19 Январь 2014 - 16:08

Просмотр сообщенияsengun (19 Январь 2014 - 15:38) писал:

В вашем случае можно просто в шаблоне main.css заменить
#content {
background: #FFFFFF;
}
на
#content {
background: rgba(255, 255, 255, 0.8);
}
где 0.8 - степень прозрачности. 0 - полностью прозрачный, 1 - полностью непрозрачный фон.
сделала, но и при 0.8 и при 1 фон получается полностью прозрачным, а мне полностью прозрачный не надо. почему не работает?

#10 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 19 Январь 2014 - 16:39

Просмотр сообщенияAnneta (19 Январь 2014 - 16:08) писал:

сделала, но и при 0.8 и при 1 фон получается полностью прозрачным, а мне полностью прозрачный не надо. почему не работает?
Если вы хотите чтобы он был менее прозрачным, то пробуйте меньшее значение, например 0.4 и т.д. пока вас не устроит результат.

#11 Anneta

Anneta

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

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

Отправлено 19 Январь 2014 - 23:34

Просмотр сообщенияAlexey11 (19 Январь 2014 - 16:39) писал:

Если вы хотите чтобы он был менее прозрачным, то пробуйте меньшее значение, например 0.4 и т.д. пока вас не устроит результат.
спасибо, со значением 0.9 получилось как я хотела. чуть прозрачно. но такой результат на браузерах: опера, мозила, хром. на интренет эксплорер даже со значением 0.9 (как я поняла 10% прозрачности) фон полностью прозрачен... в чем проблема?

#12 ne_yana

ne_yana

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

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

Отправлено 20 Январь 2014 - 10:44

Просмотр сообщенияAnneta (19 Январь 2014 - 23:34) писал:

спасибо, со значением 0.9 получилось как я хотела. чуть прозрачно. но такой результат на браузерах: опера, мозила, хром. на интренет эксплорер даже со значением 0.9 (как я поняла 10% прозрачности) фон полностью прозрачен... в чем проблема?
Здравствуйте, сейчас у Вас на сайт не установлен прозрачный фон, верните, пожалуйста, указанный ранее код, чтобы мы смогли помочь Вам.

#13 Anneta

Anneta

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

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

Отправлено 21 Январь 2014 - 23:26

спасибо. пока отказались от этой идеи. оставим непрозрачный фон.

#14 Nomad

Nomad

    Новичок

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

Отправлено 26 Июль 2014 - 10:24

Подскажите как менять прозрачность в шаблоне Техника?

#15 MikDark

MikDark

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

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

Отправлено 26 Июль 2014 - 10:27

Просмотр сообщенияNomad (26 Июль 2014 - 10:24) писал:

Подскажите как менять прозрачность в шаблоне Техника?

Пришлите, пожалуйста, номер аккаунта и на скриншоте покажи, какую часть сделать прозрачной.

#16 Nomad

Nomad

    Новичок

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

Отправлено 26 Июль 2014 - 10:50

Аккаунт SL-301902, нужно чтобы на самом теле сайта проглядывался фон

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

  • Без имени-2.jpg


#17 MikDark

MikDark

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

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

Отправлено 26 Июль 2014 - 10:55

Просмотр сообщенияNomad (26 Июль 2014 - 10:50) писал:

Аккаунт SL-301902, нужно чтобы на самом теле сайта проглядывался фон

В шаблоне bootstrap-responsive.min.css найдите строку:
#main {background: url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 50% 0;}

и замените на:
#main {background: rgba(255,255,255,0.7);}

число 0.7 можете менять, увеличивая или уменьшая прозрачность.

#18 Nomad

Nomad

    Новичок

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

Отправлено 26 Июль 2014 - 11:01

Спасибо, получилось)))

#19 Nomad

Nomad

    Новичок

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

Отправлено 26 Июль 2014 - 14:05

Подскажите еще, как в остальных деталях изменить прозрачность?
И еще скажите пожалуйста, как сделать фон статичным?

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

  • Без имени-2.jpg


#20 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 26 Июль 2014 - 14:23

Просмотр сообщенияNomad (26 Июль 2014 - 14:05) писал:

Подскажите еще, как в остальных деталях изменить прозрачность?
И еще скажите пожалуйста, как сделать фон статичным?
В шаблоне HTML найдите строку:

	  <div class="span8" style="padding-bottom: 10px;">

и замените её на:

	  <div class="span8" style="padding-bottom: 10px;opacity:0.7;">

В левом блоке, как я понимаю, вы уже сами поставили прозрачность.

Насчет фона - если вы хотите, чтобы фон не прокручивался вместе со страницей, найдите в шаблоне HTML строку:

<body style="background: url(http://st.sofo4ka.ru/7/1243/436/bg.jpg);">>

и замените её на:

<body style="background: url(http://st.sofo4ka.ru/7/1243/436/bg.jpg) fixed;">





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

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