В этой статье я расскажу все о фонах для форумов. Куда их вставлять и какие можно использовать эффекты.
Сначало основное. Обои это конечно красиво порой, но жутко неудобно.Во первых, вы же ставите обои на свое расширение экрана. Например если у вас 1024 на 780 и обои вы ставите соответствующие. И вам видно все идеально. Но тем у кого разрешение больше. то видны белые полосы по краям. А тем у кого меньше. то не видно всю обоину целиком и какой то рисунка. Это не красиво. Это не считая того что обои весят ужасно много и долго грузятся..
Гораздо приятнее использовать небольшой, но повторяющийся без стыков рисунок для фона.Как правило он представляет собой квадратик размером 200 на 200, больше или меньше. Как например такой.
Без стыков это означает, что рисунок при размножении будет выглядеть единой картинкой , а не набором лоскутков...
Найти подходящие для форума фоны можно тут:
http://www.lenagold.ru/fon/main.html
http://www.liveinternet.ru/community/1058489/
http://fonegallery.narod.ru/
http://www.webgraphica.ru/modules/secti … mp;secid=1
http://vsefoni.by.ru/ch1.html
http://www.woweb.ru/index/0-3
http://www.dsf.ru/master/background/index.php
http://cliparty.by.ru/background/index.shtml
Итак практика.
Берем стандартный дизайн Борды (синий)
За фон там отвечают только вот эти тэги.
<BODY bgcolor=#f0f0f0>
Плюс там есть еще фон таблицы и подложка для форума. Это вот тут:
<TABLE bgColor=#98aab1 cellSpacing=1 cellPadding=10 width=100% height=100% border=0>
<TR bgColor=#ffffff><TD valign=top>
Для того чтоб начать менять фон надо удалить фон таблицы bgColor=#98aab1 . Если вы еще и подложку хотите удалить, то получаем вот такой код.
<TABLE cellSpacing=1 cellPadding=10 width=100% height=100% border=0>
<TR><TD valign=top>
Чтобы просто изменить цвет фона мы меняем код цвета вот тут: <BODY bgcolor=#f0f0f0
Соответственно чтоб изменить цвет подложки , то меняем цвет в ее коде: <TR bgColor=#ffffff>
Это все просто и понятно. Но как поставить вместо фона какую либо размножающуюся картинку или обои?
Ответ ниже.
Как поставить картинку фона.
Для этого :
Ставим в HTML-верх , сразу после <STYLE> следующий код:
body{background-image:url(Код картинки);}
Вот и все. Мы получили картинку, которая размножилась сплошным фоном. Она прокручивается вместе с форумом.
Пример: http://hughjackman.forum24.ru
Как сделать так чтоб картинка НЕ прокручивалась.
Для этого добавляем специальный код:
body{background-image:url(Код картинки);background-attachment: fixed;}
Пример: http://whiterose.fastbb.ru/
Если же выставите какие либо обои или вам не надо чтоб они размножались по вертикали или горизонтали, то необходимо поставить следующее:
body{background-image:url(Код картинки);background-repeat: no-repeat;}
Если же вам нужно чтоб фон не повторялся именно в каком то одном направлении, по горизонтали или по вертикали, то меняем код background-repeat: no-repeat; на вот такие:
background-repeat: repeat-x; -фон повторяется только по горизонтали.
background-repeat: repeat-y; -фон повторяется только по вертикали.
Еще несколько полезных кодов которые можно добавить в код фона:
background-position: top ; -указывает на положение картинки фона. В данном случае по центру сверху. Тэг top можно менять на left-влево, right- вправо и center- по центру экрана.
Коды можно (И нужно) совмещать
Пример:
body{background-image:url(код картинки);background-attachment: fixed;background-repeat: no-repeat;background-position:center;}
Поставив такой код вы получите картинку висящую строго по центру, не повторяющуюся и не прокручивающуюся с таблицей.
