Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Неподвижный фон при прокрутке. (Прочитано 12236 раз)
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Неподвижный фон при прокрутке.
03.03.2009 :: 17:18:12
 
Рамзес, привет. Давно я сюда не захАживал ))

Вопросец созрел.
Имеется сайт, состоящий из фона (черный) и основного "середняка" (белый).

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!


Хочется сделать фон не повторяющейся текстурой, а одним большим рисунком, который не будет повторяться. При прокрутке окна вниз/вверх, фон должен застыть на месте, чтобы прокрутывался только "середняк"  Подмигивание

Ну что, по зубам тебе такое?  Улыбка
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #1 - 03.03.2009 :: 19:11:30
 

Попробуй в css добавить: Код:
body {
background:#fff url(пусть_к_рисунку) no-repeat fixed center top;
} 

Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #2 - 06.03.2009 :: 15:41:52
 
Тогда фон будет один, и не будет повторяться, но не будет фиксирован, как здесь
Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #3 - 06.03.2009 :: 22:23:44
 
Ibanez писал(а) 06.03.2009 :: 15:41:52:
Тогда фон будет один, и не будет повторяться, но не будет фиксирован, как здесь
Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!


На этом сайте у тебя так: Код:
body {
	background: #000 url(img/bg.jpg) no-repeat center top;
} 


А я предлогал сделать так: Код:
body {
background:#000 url(img/bg.jpg) no-repeat fixed center top;
}  



Или можно еще так: Код:
body {
background:#000 url(img/bg.jpg) no-repeat fixed 0 0;
}  

Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #4 - 07.03.2009 :: 12:02:16
 
Извини. Не заметил, теперь всё отлично работает, спасбо.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #5 - 09.03.2009 :: 12:09:33
 
Пожалуйста Улыбка Улыбка
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #6 - 13.03.2009 :: 19:07:34
 
Кстате, сегодня случайно наткнулся, очень красивая альтернатива с неподвижным фоном: Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #7 - 19.03.2009 :: 20:49:43
 
Гмм, каким образом у него сделан бейджик в правом верхнем углу? И как выстовить прозрачность фона в цсс? )
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Неподвижный фон при прокрутке.
Ответ #8 - 19.03.2009 :: 21:00:33
 
Ibanez писал(а) 19.03.2009 :: 20:49:43:
Гмм, каким образом у него сделан бейджик в правом верхнем углу? И как выстовить прозрачность фона в цсс? )


Бэйджик в правом углу, ммм, можно сделать так: Код:
<img src="рисунок" border="0" style="position:absolute; right:0px; top:0px; margin:0px; padding:0px">
 


Есть еще интересный проект который позволяет очень просто размещать такие штучки на своем сайте, попробуй Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!



Что касаеться прозрачьного фона. Есть 2 способа, первый это на фон положить немного прозрачную png картинку, - как и сделано на том сайте, или 2 способ, обесцветить картинку с помощью css, я бы так и делал, т.к. IE 6 не поддерживает прозрачьность в png, но в разных браузерах такая прозрачьность через CSS выставляеться по разному, - так что нужно писать несколько CSS прибамбасов к тэгу который хочешь сделать прозрачьным, пример: Код:
 #content {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
} 

0.9 и 90 это насколько прозрачен фон в разных браузерах.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Страниц: 1
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge