LiveInternetMail.ru
Форум русской поддержки Joomla!® CMS
27.05.2012, 11:47:39 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 1.7 FAQ Joomla 1.5 FAQ Joomla 1.0 FAQ Правила форума Новости Joomla Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор Тема: двойной фон  (Прочитано 492 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
rewuxiin
Давно я тут
****

Репутация: +16/-1
Offline Offline

Сообщений: 365


« : 06.10.2011, 10:39:45 »

всем доброго времени Smiley

запарился искать и решил спросить у знатоков

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

ещё также интересно как сделать чтобы картинка которая сверху повторяла себя но только в шапке сайта по горизонтали, а не заполняла собой весь фон?

для первого вопроса нашел чтото похожее решение Roll Eyes
Код:
<title>Sky Background Example - 2</title>
<style type="text/css">
html {
background: #73ADD7 url(images/gradient.gif) repeat-x;
}
body {
padding: 0;
margin: 0;
background: url(images/sky.jpg) no-repeat center top;
color: #666;
width: 100%;
display: table;
}
#content {
width: 852px;
margin: 205px auto 0;
background: #fff;
border: solid 1px #ccc;
padding: 20px;
}
h1 {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
если это единственное решение подскажите пожалуйста как правильно его разместить.



Записан
umbabaraumba
Завсегдатай
*****

Репутация: +19/-0
Offline Offline

Пол: Мужской
Сообщений: 468

если помог можете поставить +


« Ответ #1 : 06.10.2011, 10:46:37 »

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

Дивами с z-index
Записан
umbabaraumba
Завсегдатай
*****

Репутация: +19/-0
Offline Offline

Пол: Мужской
Сообщений: 468

если помог можете поставить +


« Ответ #2 : 06.10.2011, 10:47:45 »

ещё также интересно как сделать чтобы картинка которая сверху повторяла себя но только в шапке сайта по горизонтали, а не заполняла собой весь фон?

repeat-x
Записан
rewuxiin
Давно я тут
****

Репутация: +16/-1
Offline Offline

Сообщений: 365


« Ответ #3 : 06.10.2011, 12:37:59 »

Дивами с z-index
можно чуть подробней?
я ещё с CSS и PHP толком не работал. так только параметры всякие назначал.
так понимаю что нужно ещё кодом в индексе шаблона переменную в диве както выводить?
Записан
umbabaraumba
Завсегдатай
*****

Репутация: +19/-0
Offline Offline

Пол: Мужской
Сообщений: 468

если помог можете поставить +


« Ответ #4 : 06.10.2011, 12:47:07 »

z-index это css
http://htmlbook.ru/css/z-index
Делаете дивы с разным z-index и позиционированием накладываете друг на друга.
Записан
rewuxiin
Давно я тут
****

Репутация: +16/-1
Offline Offline

Сообщений: 365


« Ответ #5 : 06.10.2011, 14:04:52 »

z-index это css
http://htmlbook.ru/css/z-index
Делаете дивы с разным z-index и позиционированием накладываете друг на друга.

в общем то вроде бы понял, но чета я замудреный шаблон какойто взял.
Записан
umbabaraumba
Завсегдатай
*****

Репутация: +19/-0
Offline Offline

Пол: Мужской
Сообщений: 468

если помог можете поставить +


« Ответ #6 : 06.10.2011, 14:18:22 »

Лучше всего свой шаблон попробовать сделать чтоб во всем разобраться.
Записан
rewuxiin
Давно я тут
****

Репутация: +16/-1
Offline Offline

Сообщений: 365


« Ответ #7 : 06.10.2011, 14:42:55 »

Лучше всего свой шаблон попробовать сделать чтоб во всем разобраться.
спасибо. я всё только собираюсь. руки пока кривоваты))
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Рейтинг@Mail.ru Rambler Top100 Powered by SMF 1.1.16 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet