http://island.rolfor.ru/
Вау! А у них классный дий! Я тоже хочу научиться так делать
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Фон и логотип слитно
http://island.rolfor.ru/
Вау! А у них классный дий! Я тоже хочу научиться так делать
Apocalipto
Эмм.... Добавь настроек.
FAQ по дизайну форума в CSS
В 3 посте есть все настройки. И центрировать, и в какую сторону будет размножаться.
[.D.N.Angel.] я маньяк=)
А три картинки можно? Вниз ещё одну, желательно, тоже поверх основного))
Сделаю нарезку тогда
будем заниматься франкенштейнингом)
Спасибо за советы)
Apocalipto есть ыщо способ через z-индекс -с неограниченным числом слоёв
Apocalipto
через z-индекс
Ну про Z индекс я ниче не знаю. Но на счет такого кода - вроде как нельзя.
Фон же ведь делится на body и html, и в этом коде у них разные настройки, за счет чего 2 разных фона. Думаю 3й можно сделать только как цвет.
ох, опять я хDD
теперь у меня появилась крайне странная проблема. фон нарисовала, в код впихнула, все получилось замечательно. только поставила таблицу, низ поплыл ><
вот так: http://i33.tinypic.com/w2oj1v.jpg
вот адрес форума: http://sincere.5bb.ru/
Отредактировано #Mrr (Пт, 6 Авг 2010 16:05:47)
Apocalipto
Дай адрес форума с проблемой, хоть гляну...
#Mrr
Вы так и не уловили идею, как правильно сделать подобный стиль.
Вот у Вас в ХТМЛ-верх стоит:
<style type="text/css"> HTML, BODY {background-color: #443636; background-image: url("http://i34.tinypic.com/hufwcx.jpg") !important; background-position: center top; background-repeat: no-repeat; background-attachment: scroll; } #pun {margin: auto; width : 898px; background-attachment: scroll; } </style>
Для начала, сразу скажу, что фоновый цвет не соответствует цвету на изображении, поэтому, когда оно закончилось, появился коричневый цвет.
Да и зачем на #pun background-attachment: scroll я тоже не пойму, там же нет фона вообще, что Вы собрались прокручивать?
Короче, читайте 14 сообщение и переделывайте как надо.
Отредактировано rps (Сб, 7 Авг 2010 06:37:18)
ApocaliptoДай адрес форума с проблемой, хоть гляну...
да я пока ничего не делала, просто пробовала. Картинки ещё даже не подобрала) Фигачила из того, что есть
За фотошоп пока никак не сяду.
Но могу приблизительно показать, чего хочу.
Вот смотри: http://bright.rusff.ru/
видишь? Шапка с верхним фоном, потом нижний однотонный фон и внизу ещё одна каритнка, хотя, думаю, что задний фон - это и есть нижняяя картинка, просто очень большая.
У меня форум капец какой длинный - смотри сам: http://thesims23thebest.forumbb.ru
Если делать нижний фон с картинкой внизу - фотошоп не потянет - тупо не сохранит, тысяч 25 пикселей надо. Он загружаться будет полчаса. Вот хочу сделать верхний фон, который с шапкой будет вместе, потом однотонный взять, как нижний, а внизу, в конце форума сделать третий (точно маньяк))) - картинку, как на вышеуказанном. Просто скучно внизу без картинки...
В общем, то, что написала полный бред, но смысл уловить можно, если прочитать пару десятков раз
Apocalipto Картинки там всего только три > http://s47.radikal.ru/i118/1008/99/05c8e6f582fb.png
(*вторые лошади наложены - подработали резкость на лошадях не выдергивая цельную бекграунд, а (откорректировать) по ходу пьесы лишь кусочек(ну и концовки форума, чтоб фон не портили на случай перемены законцовочной идеи, хотя концовки при фоне чисто цветом удобней в png и чистой прозрачкой за скруглениями, - меньший объем графики.
т.е. по идее достаточно было и двух картинок.Все рис. в формате jpeg
Отредактировано Deff (Сб, 7 Авг 2010 05:33:50)
Даже если две брать, с верхним фоном- чёрт с ним, разобралась. А вот с нижним...
т.е. по идее достаточно было и двух картинок.Все рис. в формате jpeg
пф. Вот смотри.
нижний фон, который с лошадьми, считай, составляет весь форум. То есть, для того, чтобы было меньше графики чуть выше они фигнули просто цвет. НО. У них форум небольшой по размеру - длине, поэтому можно по пикселям подгадать. А мой видел? Там длина измеряется тысячами пикселей. Такую картинку даже в jpeg'е будет грузить долго.
Вот и хочу сделать нижний фон основным - однотонным, а нижнюю картинку как-нибудь прицепить, при этом аккуратно сделать переход на однотонный основной фон. Приблизительно понял, чего я хочу? Могу даже как-нить схематично изобразить...
а, блин, я, кажись, ступила. Только сейчас увидела, что у них неровно обработаны края. Картинку они вставили скоее всего в хтмл низ, а на фон только часть взяли. Так что ли?
Ну, этот вариант тогда по-любому отпадает. Ведь форум может расти - разделы, форумы, сам понимаешь - всё съедет к чёртовой матери...
___
фак. Зарегистрировалась.
Нифига не пойму, как они сделали задний фон. Вот хоть убей.
Форум стал больше, не намного, правда, но всё равно. А фон остался прежним. Пошла пытать, как так сделали...)
Отредактировано Apocalipto (Сб, 7 Авг 2010 06:05:08)
Apocalipto ставишь цвет фоном и бекграундом картинку крепящуюся к низу по центру без размножения по x y ...
<style type="text/css">
html, body {background-color: red; background-image: url(сcылка на картинку); background-repeat: no-repeat; background-position: center bottom; }
</style>
(она закреплена за низ форума по любому
Отредактировано Deff (Сб, 7 Авг 2010 06:18:42)
(она закреплена за низ форума по любому
вооооот, она по-любому закреплена.
Погоди.
Значит, получается что? Получается, что у них вверху просто шапка, а фон не при чём. Так? Ну, это если следовать html и body.
А картинка играет роль body и крепится снизу, а не сверху.
Тогда вопрос - каким, [блин], образом её прицепить к низу?))
___
пока ответ писала, уже чего-то исправил) Сейчас буду пробовать, спасибо)
Отредактировано Apocalipto (Сб, 7 Авг 2010 06:22:48)
Значит, получается что? Получается, что у них вверху просто шапка, а фон не при чём.
Именно так: http://savepic.ru/1452778.jpg. Шапка, шириной в 1000 пикселов выходит за пределы форума, поэтому часть рисунка попала на фон. Возможно это была ошибка, но удачно обыграв её они превратили недостаток в нечто привлекательное.
А фон... http://savepic.ru/1476270.jpg, просто помещён, как уже написано выше внизу и по центру, плюс добавлен фоновый цвет. Как итог - плавный переход сплошного цвета в изображение.
rps, согласись, выглядит необычно?
В общем, мальчики, спасибо большое за информацию, пойду пытать фотошоп что ли...
Всё оказалось проще, оказывается, чем я думала.
Даже обидно))
Если будут вопросы, обращусь сюда опять
гы) Это снова я.
Шапку расширила, теперь тоже за пределы форума выходит. Это гуд. Этого и добивалась.
Так, дальше. Залила сам форум картинкой. Теперь думаю - как они снизу прифигачили этих лошадей, ведь сам форум у них тоже залит картинкой, ну, или цветом, уже не помню. В любом случае, цвет бы перекрыл фон.
Они тупо вырезали их из фона и вставили в химл низ? Или я опять тупю?
Apocalipto
Они тупо вырезали их из фона и вставили в химл низ? Или я опять тупю?
Вроде того. Только по моему это не хТМЛ низ, а поле #pun-about .container.
Но в ХТМЛ низ будет смотреться так же. Это не важно.
Знаешь, я думаю будет легче сделать прозрачную картинку, а не вырезать часть фона. Тогда он точно бужет сливаться в одну целую картинку))
]Вроде того. Только по моему это не хТМЛ низ, а поле #pun-about .container.Но в ХТМЛ низ будет смотреться так же. Это не важно.
Знаешь, я думаю будет легче сделать прозрачную картинку, а не вырезать часть фона. Тогда он точно бужет сливаться в одну целую картинку))
ну, неважно, главное, ты меня понял)
а #pun-about у меня уже задействован, поэтому только в хтмл низ))
Временно пока разобралась.
Сделала ещё навигацию неподвижную сверху, но, блин, шапка теперь съезжает вниз. Хотя как d1 с d3 контачит - х его з...)
В общем, я ещё намучаюсь с этим стилем
С учётом того, что я пока делаю только структуру...
Отредактировано Apocalipto (Сб, 7 Авг 2010 10:48:15)
Apocalipto
Да уж... Хреново.
А можно посмотреть?
Так, дальше. Залила сам форум картинкой. Теперь думаю - как они снизу прифигачили этих лошадей, ведь сам форум у них тоже залит картинкой, ну, или цветом, уже не помню. В любом случае, цвет бы перекрыл фон. Они тупо вырезали их из фона и вставили в химл низ? Или я опять тупю?
Отступ от низу форуму поставь и все и заливать не надо
Вы здесь » Единый форум поддержки » Корзина » Фон и логотип слитно