Форум » Проблемы с дизайном » Фон » Ответить
Фон
Ласка: Ласка пишет 01.05.07 02:45: [quote]Жмём на Скрытый текст, смотрим примеры. При открытии нового форума дела с фоном обстоят вот так: [more][/more] Показан низ страницы, чтобы было виднее. Собственно фоном называется самое заднее пространство форума, оно выделено красным. [more][/more] Поверх него как бы наложен другой фон, на нём находятся ссылки на главную страницу сервиса и на мобильную версию форума, он показан зелёным и строго говоря является обоей. Как правило он никому не нужен и от него стараются избавится. Для этого идём в Настройки и удаляем из нижнего участка HTML-верха - <TABLE bgColor=#98aab1 cellSpacing=1 cellPadding=10 width=100% height=100% border=0> <TR bgColor=#ffffff><TD valign=top> - все упоминания о фоне обои: bgColor=#98aab1 и bgColor=#ffffff При этом нельзя удалить ничего лишнего, вроде угловых скобок, или оставить что-то, вроде куска цветового кода. Будьте аккуратны! Потому что неаккуратности форум не потерпит. На рисунке нужное подчёркнуто синим. [more][/more] Жмём на Предосмотр или сразу на Сохранить настройки, получается: [more][/more] Остался только один фон, мы убрали обою! На рисунке оставшийся фон помечен фиолетовым. Кстати, вот этот цвет - собственно, единственный оставшийся цвет фона, на примере он последний в верху: <BODY bgcolor=#f0f0f0> Является тем самым цветом, что загружается самым первым при открытии страницы и зачастую очень больно бьёт по глазам, поэтому его очень не рекомендуется делать ярким. Для тёмных дизайнов отлично подойдёт чёрный - #000000 Коды цветов и палитры - цветовые коды вы можете найти здесь. Дальше ставим фон, к примеру наш [more][/more] В <BODY> дописываем background="http://c.foto.radikal.ru/0610/6e4e6a10852c.gif" Получается вот так: [more][/more] Дописанное подчёркнуто оранжевым. Жмём на Предосмотр или сразу на Сохранить настройки, получается: [more][/more] Как вы заметили фон поставился. Вместо ссылки http://c.foto.radikal.ru/0610/6e4e6a10852c.gif поставьте ссылку на любой другой фон по вашему выбору. К примеру вот неплохое собрание разнообразных фонов - http://www.liveinternet.ru/community/1058489/ Чем легче фон, тем быстрее он загружается, поэтому ваша картинка должна быть как можно легче. Вместо простого фона, который размножается по странице, можно поставить обою на тему форума. Только помните, что обоя не должна превышать 70 кб иначе этот дизайнерский ход превращается в издевательство над трафиком участников и теряется весь смысл. Прикрепление фона Иногда фон бывает просто необходимо прикрепить (в случае с обоей), чтобы таблица форума прокручивалась назависимо от фона как у нас здесь. Для этого в <BODY> дописываем style="background-attachment: fixed;" Получается: <BODY bgcolor=#f0f0f0 background="http://c.foto.radikal.ru/0610/6e4e6a10852c.gif" style="background-attachment: fixed;" leftMargin=50 topMargin=10 marginheight=10 marginwidth=50> [more][/more] Подчёркнуто оливковым. Смотрим в Предосмотр и потом не забываем Сохранить настройки. Фон прикрепляется и таблица прокручивается независимо. Есть второй способ постановки фона - прописывание BODY в начале HTML-верха - на данный момент устаревший и настоятельно не рекомендуемый начинающим форумостроителям. BODY{margin:10px;margin-top:10px;margin-bottom:10px;font-family:Verdana;background-image: url(http://c.foto.radikal.ru/0610/6e4e6a10852c.gif);} На рисунке подчёркнуто серым. [more][/more] Никогда не забываем Сохранить настройки! Для прикрепления фона старым способом в верх дописываем background-attachment: fixed; - независимо от места прописывания ссылки на фон. Подчёркнуто лиловым: [more][/more] Выглядеть будет так: BODY{margin:10px;margin-top:10px;margin-bottom:10px;font-family:Verdana;background-image: url(http://c.foto.radikal.ru/0610/6e4e6a10852c.gif);background-attachment:fixed;} Или так: BODY{margin:10px;margin-top:10px;margin-bottom:10px;font-family:Verdana;background-attachment:fixed;}[/quote] Обновление от 28 декабря 2007 года
Ответов - 6
Ласка: Leila90 пишет 15.09.07 22:54: У меня не получается убрать обою. Делаю, все как вы пишите удаляю строки в HTML верху и внизу. Но обоя остается. Подскажите пожалуйста, может я что-то упустила? Ласка пишет 16.09.07 00:11: Leila90 странно, у меня работает. А дизайн точно нулевой в Настройках и вашем профиле? Leila90 пишет 16.09.07 15:37: Ласка Блин, как же можно быть таким тормозом, как я! Я поменяла дизайн в настройках, а надо было в профиле! Прошу прощения за бестолковый вопрос. Ласка пишет 18.09.07 02:10: Leila90 надо чтобы и в Настройках, и в профиле был нулевой. Leila90 пишет 18.09.07 02:11: Да, я поняла уже. Спасибо за эту тему, про обою я еще нигде не читала. Ласка пишет: «про обою я еще нигде не читала.» Тут надо то ли перекрестится, то ли козырнуть. С гордостью несу наследие Профессионала, главного админа предыдущего форадминса.
Ласка: Leila90 пишет 19.09.07 19:55: Вот это мой отрывок из ХТМЛ верх. Где сюда нужно ставить цвет фона? input,select,textarea{font-size:11px;font-family:Verdana;}#FFFFFF textarea{width:100%;height:120;} input.sender{background-color:#FFFFFF;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </HEAD> <body background="#000000" alink="#ff8040" link="#0000a0" bgcolor="#c0c0c0" link="#0000a0" text="#FFFFFF" vlink="#902020"> <center> <font color="#FFFFFF"size="6"><b>Стоббарты: Тайна Нострадамуса</b></font><br><font color="#FFFFFF"size="5">ролевая игра</font><br><br> Ласка пишет 19.09.07 23:57: «Где сюда нужно ставить цвет фона?» Фон чего? Общий самый задний фон? background="#000000" Откуда у тебя вообще это? alink="#ff8040" link="#0000a0" bgcolor="#c0c0c0" link="#0000a0" text="#FFFFFF" vlink="#902020" Leila90 пишет 20.09.07 00:05: «Фон чего? Общий самый задний фон? background="#000000"» Нет, это не то. У меня стоит серый фон, я хочу другой сделать, а #000000 - это черный, так что у меня что-то не в порядке наверно. «Откуда у тебя вообще это? alink="#ff8040" link="#0000a0" bgcolor="#c0c0c0" link="#0000a0" text="#FFFFFF" vlink="#902020"» Из какого-то сайта по дизайну. А это не нужно, да? Ласка пишет 20.09.07 00:41: Leila90 нет, не нужно. Должно быть так: Заменяешь на своё. </STYLE> </HEAD> <BODY bgColor=#000000> <TABLE cellSpacing=1 cellPadding=10 width=80% height=100% border=0 align=center> <TR><TD valign=top> Leila90 пишет 20.09.07 23:14: ОК! Спасибо сделала. Тут запаришься с тэгами.
Котенок Михедько: Спасибо! Наконец-то я нашла место где все понятно обьясняется! С Наступающим Вас.
Ласка: Котенок Михедько Пожалуйста! Вас также. Кстати, тема обновилась.
Кейт: простите,жет я не в тему,но где можно заказать фон?
Ласка: Кейт заказать? Ну его обычно не заказывают, а сами находят... А вам какой? Может у меня чего-то подходящее есть.
полная версия страницы