• Страница 1 из 1
  • 1
Много фонов
WildChild
Дата: Пятница, 23.04.2010, 12:21 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 676
Сообщений: 31
Получено оценок: 2
Я знаю что на сайт можна поставить растягивающийся фон картинкой либо поставить картинку в какоето либо место,но хотелосьбы узнать можна ли зделать много фонов которые будут стоять поочередно,какбы одна на другой?

Чаке одобряэ!111
  
UnderShot
Дата: Пятница, 23.04.2010, 13:10 | Сообщение # 2
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<style>
html{background:url(1.png)}
body{background:url(2.png)}
</style>


Очень важная тема!
Filmzona — онлайн фильмы.
  
WildChild
Дата: Пятница, 23.04.2010, 17:48 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 676
Сообщений: 31
Получено оценок: 2
А который будет сверху ,а который снизу?
А если я три хочу ? :D


Чаке одобряэ!111

Сообщение отредактировал WildChild - Пятница, 23.04.2010, 17:51
  
GlebLozhkovoy
Дата: Пятница, 23.04.2010, 20:29 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Code
<style>
html{background:url(1.png)}
body{background:url(2.png)}
#wrapper{background:url(3.png)} /* просто не знал как назвать.... */
</style>
  
DSC
Дата: Пятница, 23.04.2010, 20:36 | Сообщение # 5
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Code
<div id="first">
  <div id="second">
   <div id="third">[CONTENT]</div>
  </div>
</div>
<style>
#first{background:url(ссылка)}
#second{background:url(ссылка)}
#third{background:url(ссылка)}
</style>


aka Latro
  
UnderShot
Дата: Суббота, 24.04.2010, 12:59 | Сообщение # 6
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
И что? 3 одинаковых решения.

Очень важная тема!
Filmzona — онлайн фильмы.
  
GlebLozhkovoy
Дата: Суббота, 24.04.2010, 13:35 | Сообщение # 7
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Ещё ссылка, если интересно.
  
DSC
Дата: Суббота, 24.04.2010, 14:03 | Сообщение # 8
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
UnderShot, я ему написал подробно, разберётся!

aka Latro
  
UnderShot
Дата: Суббота, 24.04.2010, 14:31 | Сообщение # 9
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
GlebLozhkovoy, CSS3 <_<

Очень важная тема!
Filmzona — онлайн фильмы.
  
Андрей
Дата: Воскресенье, 25.04.2010, 18:06 | Сообщение # 10
шептун
Группа: Проверенные
Пользователь №: 189
Сообщений: 65
Получено оценок: 11
Не помню где(кажется на Ruseller) читал статьейку, что можно одному диву задать несколько классов, а каждому классу свой background, со своими координатами по осям.
Насколько это кроссбраузерно, не знаю.
  
UnderShot
Дата: Воскресенье, 25.04.2010, 18:20 | Сообщение # 11
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Андрей, а это идея.
Code
<style>
.bg1{background:url(img1.png)}
.bg2{background:url(img2.png)}
.bg3{background:url(img3.png)}
</style>
<div class='bg1 bg2 bg3'>...</div>


Очень важная тема!
Filmzona — онлайн фильмы.
  
Aleko
Дата: Воскресенье, 25.04.2010, 20:36 | Сообщение # 12
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Андрей, а разве классы не будут друг друга переписывать?

Бесплатные обои.
  
BeSinLi
Дата: Понедельник, 26.04.2010, 02:31 | Сообщение # 13
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Вообще можно так —
Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<style type="text/css">
body { background:url('3.gif'), url('2.gif'), url('1.gif'); background-repeat:no-repeat; }
</style>
</head>

<body>   
</body>

</html>

Но не везде работает.


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

Сообщение отредактировал BeSinLi - Понедельник, 26.04.2010, 02:32
  
Андрей
Дата: Понедельник, 26.04.2010, 17:35 | Сообщение # 14
шептун
Группа: Проверенные
Пользователь №: 189
Сообщений: 65
Получено оценок: 11
BeSinLi,
Если не ошибаюсь, то это CSS3, потому наверное и не везде работает.

Aleko,

Code
<div class="color-one" class="color-two"> </div>

Если писать так, то работать не будет, и валидность пропадет.
Но вариант показаный UnderShot, вполне валиден для CSS2 и работоспособен.
  
Aleko
Дата: Вторник, 27.04.2010, 00:07 | Сообщение # 15
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Андрей, да нет, ты не понял, я знаю конечно что классы могут указываться через пробел. Я имею в виду что значение бэкграунда возьмется от последнего класса а не от каждого.

Бесплатные обои.
  
Андрей
Дата: Вторник, 27.04.2010, 04:59 | Сообщение # 16
шептун
Группа: Проверенные
Пользователь №: 189
Сообщений: 65
Получено оценок: 11
Aleko, упс, сори за дезу, отписался не проверив.
И впрямь.
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.