Можно ли каким-либо образом продублировать фон так, чтобы он повторялся только по левому и правому краю, тогда как центр оставался одноцветным?
http://hogwartsfreakystyle.rolka.su/
Фон форума
Страница: 1
Тема закрыта
Сообщений 1 страница 9 из 9
Поделиться1Пт, 5 Дек 2008 12:00:00
Поделиться2Пт, 5 Дек 2008 14:12:16
- --- лучи добра ---
- Зарегистрирован: Вс, 15 Окт 2006
- Сообщений: 628
- Уважение: +583
- Позитив: +21
- Пол: Мужской
- Последний визит:
Чт, 10 Окт 2019 11:21:25
Можно
Поделиться3Пт, 5 Дек 2008 15:07:53
Lazary
А как?
Поделиться4Пт, 5 Дек 2008 15:14:58
- Заслуженный
- Зарегистрирован: Пт, 11 Май 2007
- Сообщений: 242
- Уважение: +8
- Позитив: -3
- Последний визит:
Ср, 10 Дек 2008 21:48:14
да..кстати как это сделать?
(Хорошая идея... мне пригодится)
Поделиться5Пт, 5 Дек 2008 15:17:18
- --- лучи добра ---
- Зарегистрирован: Вс, 15 Окт 2006
- Сообщений: 628
- Уважение: +583
- Позитив: +21
- Пол: Мужской
- Последний визит:
Чт, 10 Окт 2019 11:21:25
1. Зафиксировать размеры элемента #pun в пикселях
2. Создать изображение, шириной больше чем указаное значение ширины для элемента #pun
3. На краях этого изображения разместить рисунок (узор, графику), a в середине залить цветом.
4. Залить изображение в интернет, скопировать его адрес
5. body { background: url(адрес_изображения) repeat-y top center #fff; }
Поделиться6Пт, 5 Дек 2008 15:19:22
- Заслуженный
- Зарегистрирован: Пт, 11 Май 2007
- Сообщений: 242
- Уважение: +8
- Позитив: -3
- Последний визит:
Ср, 10 Дек 2008 21:48:14
хм...немного сложновато для моих мозгов...точнее я просто давно в инете не появлялась и совсем забыла скрипты, а особенно обработку некоторых картинок(((
Поделиться7Пт, 5 Дек 2008 15:59:32
Lazary
А с помощью скриптов никак нельзя? Просто разрешение экрана у всех разное, и такой фон отражаться будет по-разному.
Поделиться8Пт, 5 Дек 2008 16:10:03
- --- лучи добра ---
- Зарегистрирован: Вс, 15 Окт 2006
- Сообщений: 628
- Уважение: +583
- Позитив: +21
- Пол: Мужской
- Последний визит:
Чт, 10 Окт 2019 11:21:25
Kendra
Удалить у себя из html-верх
<style type="text/css">
#pun {
margin-left: 7%;
}
</style>
<style type="text/css">
</style>
Далее Администрирование > Стиль > Окно файл_cs.css (нижнее) >
Находим у себя в самом начале
body {background-image: url("http://s46.radikal.ru/i112/0812/b1/899e9770e6ae.jpg")!important; background-repeat: repeat-y !important; background-attachment: fixed; background-position: right top;
background-image: url("http://i004.radikal.ru/0812/f4/6ce20bfc0b8c.jpg")!important; background-repeat: repeat-y !important; background-attachment: fixed; background-position: left top; right top;
background-color: #2f2b28;
}
удаляем. Вставляем на то же место
#pun {margin: auto !important; width: 900px; border: none; padding: 0;}
body {background: url(http://s50.radikal.ru/i127/0812/c4/a1203343a173.png) repeat-y top center #2F2B28;}
и жмем на кнопку "сохранить".
Получаем результат вида:
от 1024х768
до 1400х900
Поделиться9Пт, 5 Дек 2008 16:28:10
Lazary
Большое спасибо))
Тема закрыта
Страница: 1