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


Пользователь месяца
Андрей WPMasterKZ Андрей WPMasterKZ 1-й за Ноябрь
Очков активности: 888 1 тема, 71 сообщение, 8 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография OlgaGetman
    #1

    OlgaGetman
    Очков активности: 328.5 4 темы, 61 сообщение, 3 балла репутации

  • Фотография Mandarin
    #2

    Mandarin
    Очков активности: 195 3 темы, 56 сообщений, 2 балла репутации

  • Фотография TimurR
    #3

    TimurR
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 39 0 тем, 13 сообщений, 2 балла репутации

  • Фотография Rodiola
    #5

    Rodiola
    Очков активности: 36 1 тема, 9 сообщений, 2 балла репутации

  • Фотография thisismyname
    #6

    thisismyname
    Очков активности: 27 4 темы, 6 сообщений, 1 балл репутации

  • Фотография Андрей WPMasterKZ
    #7

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография m3Re
    #8

    m3Re
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Фотография DannyaRI1
    #9

    DannyaRI1
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография WGN
    #10

    WGN (worldgamenews.com)
    Очков активности: 15 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2018
  • Яндекс выдача: 09.12.2018
Топ 5 участников по репутации


Растягивание фона во всю ширину браузера (резиновый фон)

#1 denis

denis
  • Заблокированные
  • 173 сообщений
  • Репутация: -13
0

Отправлено 28 June 2012 - 18:59

Как сделать, чтобы фон растягивался во всю ширину браузера?
Изображение
Заранее благодарю за помощь!!!

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 19:17

Если фон монотонный, то достаточно прописать его для тега body:

body {background: #d5d6d8;}
если считать, что у вас фоновая заливка такого цвета.
Ну а в общем случае решение зависит от того, как у вас страница сверстана и от того как устроен фон в этой верстке (заливкой, картинкой или вообще наборный из нескольких элементов).
  • 0

#3 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 19:26

Картинкой получается, так как там обычная заливка, но по всему фону добавлены полоски полупрозрачные. А ее как сделать?


  • -1

#4 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 19:33

Либо ссылку на сайт либо код сайта в студию — так будет быстрее.

А ее как сделать?
Кого сделать? Если полупрозрачную картинку, то в фотошопе, например, можно создать png с прозрачностью.
Но есть подозрение, что это проще можно сделать, если покажете, что у вас там на самом деле.
  • 0

#5 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 19:46

Какой именно код: html или css?
  • -1

#6 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 19:47

оба


  • 0

#7 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 19:56

CSS-код

HTML-код
  • -1

#8 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 19:58

Вот эти картинки покажите:
images/bg-body.jpg и images/bg-fon.jpg
  • 0

#9 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 20:09

Как показать?
  • -1

#10 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 20:11

Наверное, так же как вы скриншот показали.


  • 0

#11 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 20:13

bg-body: ссылка

bg-fon: ссылка (почему то не видно черточек, но они такие же, как на верхнем изображении за наклейкой)
  • 0

#12 Symphony

Symphony
  • Неактивные
  • 636 сообщений
  • Репутация: 54

Отправлено 28 June 2012 - 20:14

срочно матчасть, а то это не возможно, даже моя бабушка знает как картинку показать
  • 0


#13 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 20:15

yury, то, что вы предложили выше, в принципе, сработало, но черточки остаются только в шапке.
  • 0

#14 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 20:19

denis,
замените в css
html{
	background:url(images/bg-fon.jpg) center top no-repeat;
	}
на
html{
	background:url(fon.jpg) center top;
}
То что выше я писал — отмените: я не увидел раньше косой штриховки на вашем скриншоте.

Но, конечно, фоновое изображение надо обязательно оптимизировать. Ибо 700Кб, для такого простенького фона — это нечто, там маленькой картинки где-то 5х5 пикселей и размером в несколько байт достаточно. К сожалению мне надо убегать, так что если до тех пор никто другой не поможет с ней, завтра вам помогу ее оптимизировать.
  • 1

#15 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 20:21

Шапка осталась как была, а остальной фон стал белым.
Я то, что не получается, соответственно, удаляю.


  • 0

#16 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 20:28

Опечатка: путь к картинке потерялся (тороплюсь), правильно так:

html{
background:url(images/fon.jpg) center top;
}
Все я убежал.
  • 1

#17 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 June 2012 - 20:41

К сожалению, эффект тот же. В Google тоже ничего найти не могу.

Все я убежал.

4b810d947d4e68081f0183669658dd5e.jpg
  • 0

#18 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 28 June 2012 - 21:31

Шо? Опять? :)
Вот что значит на бегу все делать.
Короче, вот так нормально должно быть:

html{
background:url(images/bg-fon.jpg) center top;
}

Т.е. просто убрать свойство no-repeat у фона.
  • 1

#19 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 29 June 2012 - 04:51

Теперь работает, спасибо! :)
  • 0

#20 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 29 June 2012 - 11:40

Как обещал, оптимизированная фоновая картинка (вместо вашего 700-килобайтного bg-fon.jpg):
bg-fon.png (172 байта, 5х5пикселей): ссылка
сохраняете ее себе в папку images под именем bg-fon.png, в стилях меняете
html{
  background:url(images/bg-fon.jpg) center top;
}
на
html{
  background:url(images/bg-fon.png) center top;
}

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru