 Вопрос по заднему фону для сайта, знатоки помогите |
 |
 |
Здравствуйте, гость ( Вход | Регистрация )
  |
  30.01.2011 - 21:31
Вставить ник | Быстрая цитата | Сообщение
#1
|
|
 Частый гость  Группа: Участник Сообщений: 144 Регистрация: 3.02.2006 Пользователь №: 11827  |
Нужно сделать задний фон сайта в виде дерева, что бы с нижней части начиналась земля и корни а к шапке сайта расходилась крона с листвой.
При этом фон при работе с сайтом должен оставаться статичным. Чуть ниже сделал набросок что бы было понятнее чего я хочу. Прошу ответить как можно подробнее, если все получиться обещаю не большую премию в качестве благодарности! Сообщение отредактировано Benny-Ray - 30.01.2011 - 21:41
Прикрепленные файлы
|
 |
 
|
|
30.01.2011 - 23:37
Вставить ник | Быстрая цитата | Сообщение
#2
|
|
10 лет на форуме   Группа: Участник Сообщений: 8992 Регистрация: 28.01.2007 Пользователь №: 18710 |
нужно сделать-нарисовать две картинки-половинки, одна будет низ footer, другая вверх-шапка-header.
Кидаем файлы на хостинг, в index.php или .html прописываем пути до картинок...и там же задаем позицию position |
|
|
|
|
31.01.2011 - 13:45
Вставить ник | Быстрая цитата | Сообщение
#3
|
|
 Звезда форума Группа: Участник Сообщений: 1054 Регистрация: 3.12.2004 Пользователь №: 5606 |
|
|
|
|
|
11.02.2011 - 15:13
Вставить ник | Быстрая цитата | Сообщение
#4
|
|
|
Частый гость Группа: Участник Сообщений: 144 Регистрация: 3.02.2006 Пользователь №: 11827 |
Прочитал, понял нужно вставить код.
??? как вставить html код в CSS. ---- код html ----- <head> <style type="text/css" media="screen"> img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } margin: 0; padding: 20px 0 0 0; } </style> </head> <body> <img src="images/bg.jpg" class="bg" /> </body> </html> --------- вопрос - как сделать что бы он заработал в CSS файле? 3й день пытаюсь вникнуть, никак не прет.. Сообщение отредактировано Benny-Ray - 15.02.2011 - 03:41 |
|
|
|
|
14.02.2011 - 13:40
Вставить ник | Быстрая цитата | Сообщение
#5
|
|
 Энтузиаст Группа: Участник Сообщений: 424 Регистрация: 1.10.2007 Пользователь №: 21543 |
А в чем вопрос я не понял. Перенести все в css файл, не мешать мух и котлет так сказать. А в ХТМЛ просто прописать путь к файлу цсс. Так будет более валидный код
 . Если не понятно, то пиши помогу
|
|
|
|
|
15.02.2011 - 03:55
Вставить ник | Быстрая цитата | Сообщение
#6
|
|
|
Частый гость Группа: Участник Сообщений: 144 Регистрация: 3.02.2006 Пользователь №: 11827 |
задача состоит в том что бы задний фон (картинка дерева) равномерно растягивался заполняя пространство.
в уроке ссылку на который предложил Poker все замечательно работает на html примере. а в моем случае сайт работает на php.. а вопрос в том как это сделать используя php и css.. P.s Anton99 спасибо за подсказку, пока что мне проще работать с одной картинкой в качестве фона. Сообщение отредактировано Benny-Ray - 15.02.2011 - 03:59 |
|
|
|
|
15.02.2011 - 10:27
Вставить ник | Быстрая цитата | Сообщение
#7
|
|
|
Звезда форума Группа: Участник Сообщений: 1054 Регистрация: 3.12.2004 Пользователь №: 5606 |
Цитата(Benny-Ray @ 15.02.2011 - 03:55)  задача состоит в том что бы задний фон (картинка дерева) равномерно растягивался заполняя пространство. в уроке ссылку на который предложил Poker все замечательно работает на html примере. а в моем случае сайт работает на php.. а вопрос в том как это сделать используя php и css.. P.s Anton99 спасибо за подсказку, пока что мне проще работать с одной картинкой в качестве фона. В данном случае нет разницы на чем написан сайт на php или html ... |
|
|
|
|
15.02.2011 - 10:36
Вставить ник | Быстрая цитата | Сообщение
#8
|
|
|
10 лет на форуме Группа: Участник Сообщений: 8992 Регистрация: 28.01.2007 Пользователь №: 18710 |
Если сайт имеет неизвестную величину длины, то нужно две картинки, иначе текст будет выходить за пределы картинки,
В файле css делают цвета, размеры, вообщем пишут правила, а в php файл объединяют эти правила, выстраивают последовательность... » Показать/скрыть спойлер... «
Отличие html и php - в том, что одна страница сайта на html может использовать один файл html (в нем все), а одна страница сайта php может использовать несколько подключаемых php файлов , например футер и хедер... |
|
|
|
|
20.02.2011 - 01:07
Вставить ник | Быстрая цитата | Сообщение
#9
|
|
|
Частый гость Группа: Участник Сообщений: 144 Регистрация: 3.02.2006 Пользователь №: 11827 |
Я нашел решение!
в template.css нужно добавить строчку... } html { background:#fcfcfc url('путь к картинке') 50% 0%;background-attachment: fixed; background-size:100%; } Спасибо за подсказки, для меня это опыт! К сожалению ваши решения не подошли, но всеже я кое чему научился. Антон, Покер пишите в личку свои мобильные закину вам не большой % за поддержку. Сообщение отредактировано Benny-Ray - 20.02.2011 - 01:15 |
|
|
|
|
20.02.2011 - 01:38
Вставить ник | Быстрая цитата | Сообщение
#10
|
|
|
Частый гость Группа: Участник Сообщений: 228 Регистрация: 16.03.2010 Пользователь №: 29764 |
А что получилось то в итоге, покажешь?)
|
|
|
|
|
20.02.2011 - 21:38
Вставить ник | Быстрая цитата | Сообщение
#11
|
|
|
Звезда форума Группа: Участник Сообщений: 1054 Регистрация: 3.12.2004 Пользователь №: 5606 |
Цитата(Benny-Ray @ 20.02.2011 - 01:07) Антон, Покер пишите в личку свои мобильные закину вам не большой % за поддержку. Перестань.... Все нормально. Было бы у меня по больше времени, показал бы как делается в деталях, но коль нашел уже другой вариант - тоже хорошо. |
|
|
|
|
4.03.2011 - 21:28
Вставить ник | Быстрая цитата | Сообщение
#12
|
|
|
Частый гость Группа: Участник Сообщений: 144 Регистрация: 3.02.2006 Пользователь №: 11827 |
Веду доработку, обязательно скоро покажу финал!
|
|
|
|
|
30.04.2011 - 01:01
Вставить ник | Быстрая цитата | Сообщение
#13
|
|
 Постоялец форума Группа: Участник Сообщений: 811 Регистрация: 6.05.2005 Пользователь №: 7929 |
все весьма просто - делаешь 3 дива
1. Див с фоном в виде ствола дерева 2. Див с кроной 3. Див футер пример такой ]]>http://dialog-print.com]]> |
|
|
|
 8.09.2011 - 18:38
Вставить ник | Быстрая цитата | Сообщение
#14
|
|
|
Частый гость Группа: Участник Сообщений: 144 Регистрация: 3.02.2006 Пользователь №: 11827 |
Ребят вот что у меня получилось ]]>www.masterarchery.ru]]> заходите, буду рад и если что скидку вас сделаю! с кодами и дивами разобрался, все никак дерево не нарисую, в процессе вообщем )))
|
|
|
|
|
8.09.2011 - 19:53
Вставить ник | Быстрая цитата | Сообщение
#15
|
|
 Это вам не это...     Группа: Модератор Сообщений: 15273 Регистрация: 4.02.2011 Пользователь №: 32790 |
Нормально так получилось!
|
|
|
|
|
25.10.2011 - 18:20
Вставить ник | Быстрая цитата | Сообщение
#16
|
|
 Постоялец форума Группа: Участник Сообщений: 978 Регистрация: 15.04.2004 Пользователь №: 3224 |
Цитата(ПроГолубь @ 8.09.2011 - 20:53) Нормально так получилось! Мне тоже нравится! Но это была простая задача. Много лет назад делал сайт, фоном которого был книжный шкаф с содержимым. При разной высоте содержимого у шкафа появлялись дополнительные полки с книгами и журналами. Центр шкафа был со створками, как у шкафа-купе. При загрузке страницы эти створки разъезжались и открывалось содержимое страницы. Вот где пришлось повозиться. |
|
|
|
|
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 26.04.2024 - 15:59 |