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

Объявление

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

О форуме

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

Полезные ссылки

Каталог: Cкрипты Передача прав Каталог: Оформление Перенос Баллов FAQ: Дизайн/Css Свой
домен FAQ:
CSS-коды Откат форумов Раскрутка форума Платные услуги

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

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

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

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

Страница:   1 2 3 4 5  

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

21

  • Автор: Mindstealer
  • Зарегистрирован: 21.08.2009
  • Сообщений: 28
  • Уважение: 0
  • Позитив: +5
  • Провел на форуме:
    11 часов 34 минуты
  • Последний визит:
    26.04.2010 23:52:12

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

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

0

22

  • Автор: rps
  • rps
  • Откуда: Россия, Нижний Новгород
  • Зарегистрирован: 18.03.2008
  • Сообщений: 497
  • Уважение: +82
  • Позитив: +40
  • Пол: Мужской
  • Возраст: 33 [1991-01-15]
  • Провел на форуме:
    2 дня 21 час
  • Последний визит:
    15.10.2012 00:51:43

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

0

23

  • Автор: Инферно
  • Зарегистрирован: 08.11.2009
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    1 час 45 минут
  • Последний визит:
    17.11.2009 16:28:57

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

0

24

  • Автор: Kame
  • Kame
  • Зарегистрирован: 14.12.2008
  • Сообщений: 880
  • Уважение: +92
  • Позитив: +274
  • Пол: Женский
  • Провел на форуме:
    15 дней 12 часов
  • Последний визит:
    31.01.2024 22:46:24

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

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

0

25

  • Автор: Инферно
  • Зарегистрирован: 08.11.2009
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    1 час 45 минут
  • Последний визит:
    17.11.2009 16:28:57

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

0

26

  • Автор: Paranoia Doll
  • Paranoia Doll
  • Откуда: lemoness.ru
  • Зарегистрирован: 17.01.2009
  • Сообщений: 1108
  • Уважение: +170
  • Позитив: +76
  • Пол: Женский
  • Возраст: 31 [1993-07-22]
  • Провел на форуме:
    1 месяц 11 дней
  • Последний визит:
    04.09.2013 19:17:23

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

0

27

  • Автор: Michelle Gilbert
  • Michelle Gilbert
  • Зарегистрирован: 16.12.2009
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    2 часа 54 минуты
  • Последний визит:
    31.12.2009 18:32:42

Вставила:

Код:
<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

  • Автор: rps
  • rps
  • Откуда: Россия, Нижний Новгород
  • Зарегистрирован: 18.03.2008
  • Сообщений: 497
  • Уважение: +82
  • Позитив: +40
  • Пол: Мужской
  • Возраст: 33 [1991-01-15]
  • Провел на форуме:
    2 дня 21 час
  • Последний визит:
    15.10.2012 00:51:43

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

  • Автор: Michelle Gilbert
  • Michelle Gilbert
  • Зарегистрирован: 16.12.2009
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    2 часа 54 минуты
  • Последний визит:
    31.12.2009 18:32:42

О,спасибо)

0

30

  • Автор: Радужная Звезда
  • Зарегистрирован: 14.01.2013
  • Сообщений: 23
  • Уважение: +1
  • Позитив: +16
  • Провел на форуме:
    17 часов 27 минут
  • Последний визит:
    29.08.2015 12:34:49

Я вставляют, но не получается!(
<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

  • Автор: sadhaka
  • sadhaka
  • Зарегистрирован: 10.10.2011
  • Сообщений: 4699
  • Уважение: +1055
  • Позитив: +97
  • Провел на форуме:
    1 месяц 13 дней
  • Последний визит:
    22.05.2017 22:59:44

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

<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

  • Автор: semina
  • semina
  • Зарегистрирован: 17.09.2012
  • Сообщений: 164
  • Уважение: +26
  • Позитив: +3
  • Пол: Женский
  • Провел на форуме:
    2 дня 23 часа
  • Последний визит:
    12.12.2014 03:01:12

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

Код:
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

  • Автор: semina
  • semina
  • Зарегистрирован: 17.09.2012
  • Сообщений: 164
  • Уважение: +26
  • Позитив: +3
  • Пол: Женский
  • Провел на форуме:
    2 дня 23 часа
  • Последний визит:
    12.12.2014 03:01:12

фоновая картинска "принципом цикады"
Ещё более интересные результаты с фоновой картинкой принципом "цикады". Принцип цикады, это принцип при котором формирование картинки получается с использованием простых чисел (это 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

  • Автор: 7 40
  • 7 40
  • Зарегистрирован: 29.07.2012
  • Сообщений: 265
  • Уважение: +38
  • Позитив: +22
  • Пол: Женский
  • Возраст: 30 [1994-03-21]
  • Провел на форуме:
    10 дней 4 часа
  • Последний визит:
    04.06.2019 19:58:46
semina написал(а):

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

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

0

35

  • Автор: Радужная Звезда
  • Зарегистрирован: 14.01.2013
  • Сообщений: 23
  • Уважение: +1
  • Позитив: +16
  • Провел на форуме:
    17 часов 27 минут
  • Последний визит:
    29.08.2015 12:34:49
Код:
<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

  • Автор: sadhaka
  • sadhaka
  • Зарегистрирован: 10.10.2011
  • Сообщений: 4699
  • Уважение: +1055
  • Позитив: +97
  • Провел на форуме:
    1 месяц 13 дней
  • Последний визит:
    22.05.2017 22:59:44

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

<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

  • Автор: Радужная Звезда
  • Зарегистрирован: 14.01.2013
  • Сообщений: 23
  • Уважение: +1
  • Позитив: +16
  • Провел на форуме:
    17 часов 27 минут
  • Последний визит:
    29.08.2015 12:34:49
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

  • Автор: sadhaka
  • sadhaka
  • Зарегистрирован: 10.10.2011
  • Сообщений: 4699
  • Уважение: +1055
  • Позитив: +97
  • Провел на форуме:
    1 месяц 13 дней
  • Последний визит:
    22.05.2017 22:59:44

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

0

39

  • Автор: Виталька))
  • Зарегистрирован: 09.05.2013
  • Сообщений: 2
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    1 час 44 минуты
  • Последний визит:
    16.05.2013 19:08:02

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

0

40

  • Автор: Серая_Стрыга
  • Зарегистрирован: 09.08.2013
  • Сообщений: 6
  • Уважение: 0
  • Позитив: +2
  • Провел на форуме:
    4 часа 17 минут
  • Последний визит:
    23.08.2013 22:05:31

Здравствуйте 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

Страница:   1 2 3 4 5  

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

Рейтинг форумов | Создать форум бесплатно