| Автор | Сообщение |
|
|
| |
Сообщение: 62
Зарегистрирован: 31.10.07
Репутация:
0
|
|
Отправлено: 08.11.07 08:29. Заголовок: Фон
Ласка пишет 01.05.07 02:45: | цитата: | Жмём на Скрытый текст, смотрим примеры.
При открытии нового форума дела с фоном обстоят вот так:
Скрытый текст
|
Показан низ страницы, чтобы было виднее.
Собственно фоном называется самое заднее пространство форума, оно выделено красным.
Скрытый текст
Поверх него как бы наложен другой фон, на нём находятся ссылки на главную страницу сервиса и на мобильную версию форума, он показан зелёным и строго говоря является обоей. Как правило он никому не нужен и от него стараются избавится.
Для этого идём в Настройки и удаляем из нижнего участка HTML-верха -
<TABLE bgColor=#98aab1 cellSpacing=1 cellPadding=10 width=100% height=100% border=0>
<TR bgColor=#ffffff><TD valign=top>
- все упоминания о фоне обои: bgColor=#98aab1 и bgColor=#ffffff
При этом нельзя удалить ничего лишнего, вроде угловых скобок, или оставить что-то, вроде куска цветового кода. Будьте аккуратны! Потому что неаккуратности форум не потерпит.
На рисунке нужное подчёркнуто синим.
Скрытый текст
Жмём на Предосмотр или сразу на Сохранить настройки, получается:
Скрытый текст
Остался только один фон, мы убрали обою!
На рисунке оставшийся фон помечен фиолетовым.
Кстати, вот этот цвет - собственно, единственный оставшийся цвет фона, на примере он последний в верху:
<BODY bgcolor=#f0f0f0>
Является тем самым цветом, что загружается самым первым при открытии страницы и зачастую очень больно бьёт по глазам, поэтому его очень не рекомендуется делать ярким. Для тёмных дизайнов отлично подойдёт чёрный - #000000
Коды цветов и палитры - цветовые коды вы можете найти здесь.
Дальше ставим фон, к примеру наш Скрытый текст
В <BODY> дописываем background="http://c.foto.radikal.ru/0610/6e4e6a10852c.gif"
Получается вот так:
Скрытый текст
Дописанное подчёркнуто оранжевым.
Жмём на Предосмотр или сразу на Сохранить настройки, получается:
Скрытый текст
Как вы заметили фон поставился.
Вместо ссылки 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>
Скрытый текст
Подчёркнуто оливковым.
Смотрим в Предосмотр и потом не забываем Сохранить настройки. Фон прикрепляется и таблица прокручивается независимо.
Есть второй способ постановки фона - прописывание 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);}
На рисунке подчёркнуто серым.
Скрытый текст
Никогда не забываем Сохранить настройки!
Для прикрепления фона старым способом в верх дописываем background-attachment: fixed; - независимо от места прописывания ссылки на фон.
Подчёркнуто лиловым:
Скрытый текст
Выглядеть будет так:
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;}
|
Обновление от 28 декабря 2007 года |
 |
  
|
|
Ответов - 6
[только новые]
|
|
|
|
| |
Сообщение: 63
Зарегистрирован: 31.10.07
Репутация:
0
|
|
Отправлено: 08.11.07 08:35. Заголовок: Leila90 пишет 15.09...
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: | цитата: | Да, я поняла уже.  Спасибо за эту тему, про обою я еще нигде не читала.
|
|
Ласка пишет: | цитата: | «про обою я еще нигде не читала.»
Тут надо то ли перекрестится, то ли козырнуть. С гордостью несу наследие Профессионала, главного админа предыдущего форадминса.  |
|
|
|
|
|
|
| |
Сообщение: 64
Зарегистрирован: 31.10.07
Репутация:
0
|
|
Отправлено: 08.11.07 08:42. Заголовок: Leila90 пишет 19.09...
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: | цитата: | | ОК! Спасибо сделала. Тут запаришься с тэгами. |
|
|
|
|
|
|
| |
Сообщение: 1
Зарегистрирован: 27.12.07
Репутация:
0
|
|
Отправлено: 27.12.07 14:59. Заголовок: Спасибо! Наконец-то ..
Спасибо! Наконец-то я нашла место где все понятно обьясняется!
С Наступающим Вас.
|
|
|
|
|
| |
Сообщение: 170
Зарегистрирован: 31.10.07
Репутация:
2
|
|
Отправлено: 27.12.07 23:09. Заголовок: Котенок Михедько :s..
Котенок Михедько  Пожалуйста! Вас также. Кстати, тема обновилась. 
|
|
|
|
|
| |
Сообщение: 1
Зарегистрирован: 16.12.07
Репутация:
0
|
|
Отправлено: 04.01.08 11:43. Заголовок: простите,жет я не в ..
простите,жет я не в тему,но где можно заказать фон?
|
|
|
|
|
| |
Сообщение: 192
Зарегистрирован: 31.10.07
Репутация:
2
|
|
Отправлено: 05.01.08 09:32. Заголовок: Кейт заказать? Ну ег..
Кейт заказать? Ну его обычно не заказывают, а сами находят...  А вам какой? Может у меня чего-то подходящее есть.
|
|
|
|
А дизайн точно нулевой в Настройках и вашем профиле?
Блин, как же можно быть таким тормозом, как я! Я поменяла дизайн в настройках, а надо было в профиле! Прошу прощения за бестолковый вопрос. 
Спасибо за эту тему, про обою я еще нигде не читала. 
Пожалуйста! Вас также. Кстати, тема обновилась. 
- участник сейчас на форуме