Техническая поддержка сервиса Quadro.Boards

Объявление

Идет поиск Хранителя форума

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Как сделать фон и правильно его настроить?


Как сделать фон и правильно его настроить?

Сообщений 21 страница 40 из 73

21

Скажите пожалуйста,как настроить фон,чтобы картинка растянулась на весь форум? Или это только надо по размеру смотреть? Если да,то какого размера нужна картинка на такой форум:
http://xmenmoviegame.rusff.ru/

Отредактировано Mindstealer (11.09.2009 20:06:04)

0

22

Mindstealer
Никак. Её надо либо растягивать в ФотоШопе по размеру, либо как "замостить"...

0

23

У меня не работает! :'(

0

24

Инферно
Что не работает??

Отредактировано Канда (08.11.2009 23:44:07)

0

25

Фон.. Делаю вроде всё правильно, а всё равно не выходит(((

0

26

Инферно
у вас случаем ли background-position: top center в коде не присутствует?

0

27

Вставила:

Код:
<style type="text/css">
html, body {background-image: url("http://i055.radikal.ru/0912/c3/3e150b3e63da.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
</style>

Но ничего нет! Что я не так сделала?

0

28

Michelle Gilbert

Код:
<style type="text/css">
html, body {background: url(http://i055.radikal.ru/0912/c3/3e150b3e63da.jpg) fixed no-repeat top center !important;}
</style>

А так?

+1

29

О,спасибо)

0

30

Я вставляют, но не получается!(
<style type="text/css">
html, body {background-image: url("<a target="blank"hret="http://www.radical.ru"><img src="http://s60.radikal.ru/i169/1301/34/3634ca600332.jpg"></a>
"); background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
</style>

0

31

Радужная Звезда
А теперь пишем правильно

<style type="text/css">
html, body {background-image: url("http://s60.radikal.ru/i169/1301/34/3634ca600332.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
</style>


и вставляем в хтмл-верх

0

32

Растягиваем картинку на весь фон.
Поискала в интернете - говорят это невозможно... При умелых ручках возможно всё:
ставится в свой стиль

Код:
body { 
 background-image: url('АДРЕС ВАШЕЙ КАРТИНКИ');
 background-repeat: no-repeat; 
 -o-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 -khtml-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 background-size: 100% 100%;
 } 

 * html body { 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='АДРЕС ВАШЕЙ КАРТИНКИ', sizingMethod='scale');
 background-image: none;
 }
/* ^^ растягивает картинку на весь фон ^^*/

если у вас стиль шаблоном, то в HTML-верх, предварительно дописав 2 строчки:

<style type="text/css">
тут код
</style>

Данный метод использован на форумах http://niksma.ru/ - фоновая картинка всего 706 байт
и на форуме http://777.0pk.ru/ фоновая картинка 12 Кб

Отредактировано semina (25.02.2013 05:25:45)

0

33

фоновая картинска "принципом цикады"
Ещё более интересные результаты с фоновой картинкой принципом "цикады". Принцип цикады, это принцип при котором формирование картинки получается с использованием простых чисел (это 1, 2, 3, 5, 7, 11, 13, 17, 19, 23 и так далее).

Возьмём 3 картинки квадратных полупрозрачных PNG размером 29, 37 и 53 пикселя:
http://s2.uploads.ru/noCA8.png - 29.png(2.0kb) http://s2.uploads.ru/iMnop.png - 37-a.png (1.7kb) http://s3.uploads.ru/HISq1.png - 53-a.png (2.5kb)
и в свой стиль запишем код

Код:
html, body {
background-image: url(29-a.png),url(37-a.png), url(53-a.png);
padding:0;
margin:0;
height: 100%;
}

получим такой вот фон
http://s3.uploads.ru/uMZhE.jpg
Как видите, эти квадратики перекрывают друг друга и взаимодействуют, генерируя новые паттерны и цвета. И поскольку используются волшебные простые числа, паттерн не будет повторяться очень долго.
Насколько именно долго? 29 × 37 × 53… или 56 869 пикселей!
Вы можете представить, что произойдёт, если добавить ещё четвёртый квадратик, например, 43 пикселя? Или не можете представить, потому что числа становятся слегка зверскими и могут загипнотизировать, если смотреть на них слишком долго. Достаточно сказать, что вы получите цифру, более подходящую для терраформирования планет, чем для веб-дизайна.
ДЕМО


Ещё пример использования "принципа цикады"
терракотовая армия
В нём используются:
2 картинки для бэкграунда
2 изображения ног
2 изображения торса
2 изображения головы
http://s2.uploads.ru/u0b7z.jpg
ДЕМО

Отредактировано semina (25.02.2013 05:52:56)

0

34

semina написал(а):

фоновая картинска "принципом цикады"

ой, какая интересная штуковина!

0

35

Код:
<style type="text/css">
html, body {background-image: url("http://s002.radikal.ru/i200/1304/d3/ce0fdeca6bc.jpg"); background-attachment: scrol; background-repeat: no-repeat; background-position: top center;}
</style>

У меня что-то не так?
Не получается :(

Отредактировано Радужная Звезда (07.04.2013 11:49:09)

0

36

Радужная Звезда

<style type="text/css">
html, body {background-image: url("http://s002.radikal.ru/i200/1304/d3/ce0fdeca6bc.jpg"); background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}
</style>

+1

37

sadhaka написал(а):

Радужная Звезда

Не работает :(

<style type="text/css">
html, body {background-image: url("http://s002.radikal.ru/i200/1304/d3/ce0fdeca6bc.jpg");
background-attachment: scroll; background-repeat: no-
repeat; background-position: top center;}
</style>

И так я пробовала

<style type="text/css">
html, body {background-image: url("http://
s002.radikal.ru/i200/1304/d3/ce0fdeca6bc.jpg");
background-attachment: scroll; background-repeat: no-
repeat; background-position: top center;}
</style>

Отредактировано Радужная Звезда (07.04.2013 17:00:26)

0

38

Радужная Звезда
поставьте нормальную картинку - ссылка ведет на 404

0

39

Спасибо огромное, все прекрасно работает)) :cool:

0

40

Здравствуйте 2 день мучаюсь так что пишу. Собственно что не так?
<style type="text/css">
html, body {background-image: url("http://i016.radikal.ru/1308/e7/555ad53dc27f.jpg"); background-attachment: scroll; background-repeat: repeat; background-position: top center;}
</style>

Сайт, если это важно: http://paccbet.rolka.su/

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Как сделать фон и правильно его настроить?


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC