Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
> Вопрос по заднему фону для сайта, знатоки помогите
Benny-Ray
сообщение 30.01.2011 - 21:31
Частый гость
***

Группа: Участник
Сообщений: 144
Регистрация: 3.02.2006
Пользователь №: 11827


Нужно сделать задний фон сайта в виде дерева, что бы с нижней части начиналась земля и корни а к шапке сайта расходилась крона с листвой.
При этом фон при работе с сайтом должен оставаться статичным.
Чуть ниже сделал набросок что бы было понятнее чего я хочу.
Прошу ответить как можно подробнее, если все получиться обещаю не большую премию в качестве благодарности!

Сообщение отредактировано Benny-Ray - 30.01.2011 - 21:41
Прикрепленные файлы
Прикрепленный файл  ____.JPG ( 16.1 килобайт ) Кол-во скачиваний: 2
 
Перейти в начало страницы
 
+Цитировать сообщение
Anton99
сообщение 30.01.2011 - 23:37
10 лет на форуме
*******
орден I степениза помощь в дороге9 лет с форумом
Группа: Участник
Сообщений: 8992
Регистрация: 28.01.2007
Пользователь №: 18710


нужно сделать-нарисовать две картинки-половинки, одна будет низ footer, другая вверх-шапка-header.
Кидаем файлы на хостинг, в index.php или .html прописываем пути до картинок...и там же задаем позицию position
Перейти в начало страницы
 
+Цитировать сообщение
Poker
сообщение 31.01.2011 - 13:45
Звезда форума
******

Группа: Участник
Сообщений: 1054
Регистрация: 3.12.2004
Пользователь №: 5606


Вот тут все написано ]]>http://ruseller.com/lessons.php?rub=2&id=394]]>
Перейти в начало страницы
 
+Цитировать сообщение
Benny-Ray
сообщение 11.02.2011 - 15:13
Частый гость
***

Группа: Участник
Сообщений: 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
Перейти в начало страницы
 
+Цитировать сообщение
yakushin
сообщение 14.02.2011 - 13:40
Энтузиаст
****

Группа: Участник
Сообщений: 424
Регистрация: 1.10.2007
Пользователь №: 21543


А в чем вопрос я не понял. Перенести все в css файл, не мешать мух и котлет так сказать. А в ХТМЛ просто прописать путь к файлу цсс. Так будет более валидный код (IMG:http://forum.netall.ru/style_emoticons/default/smile.gif) . Если не понятно, то пиши помогу (IMG:http://forum.netall.ru/style_emoticons/default/smile.gif)
Перейти в начало страницы
 
+Цитировать сообщение
Benny-Ray
сообщение 15.02.2011 - 03:55
Частый гость
***

Группа: Участник
Сообщений: 144
Регистрация: 3.02.2006
Пользователь №: 11827


задача состоит в том что бы задний фон (картинка дерева) равномерно растягивался заполняя пространство.

в уроке ссылку на который предложил Poker все замечательно работает на html примере. а в моем случае сайт работает на php..

а вопрос в том как это сделать используя php и css..
P.s Anton99 спасибо за подсказку, пока что мне проще работать с одной картинкой в качестве фона.

Сообщение отредактировано Benny-Ray - 15.02.2011 - 03:59
Перейти в начало страницы
 
+Цитировать сообщение
Poker
сообщение 15.02.2011 - 10:27
Звезда форума
******

Группа: Участник
Сообщений: 1054
Регистрация: 3.12.2004
Пользователь №: 5606


Цитата(Benny-Ray @ 15.02.2011 - 03:55) *
задача состоит в том что бы задний фон (картинка дерева) равномерно растягивался заполняя пространство.

в уроке ссылку на который предложил Poker все замечательно работает на html примере. а в моем случае сайт работает на php..

а вопрос в том как это сделать используя php и css..
P.s Anton99 спасибо за подсказку, пока что мне проще работать с одной картинкой в качестве фона.


В данном случае нет разницы на чем написан сайт на php или html ...
Перейти в начало страницы
 
+Цитировать сообщение
Anton99
сообщение 15.02.2011 - 10:36
10 лет на форуме
*******
орден I степениза помощь в дороге9 лет с форумом
Группа: Участник
Сообщений: 8992
Регистрация: 28.01.2007
Пользователь №: 18710


Если сайт имеет неизвестную величину длины, то нужно две картинки, иначе текст будет выходить за пределы картинки,
В файле css делают цвета, размеры, вообщем пишут правила, а в php файл объединяют эти правила, выстраивают последовательность...

» Показать/скрыть спойлер... «


Отличие html и php - в том, что одна страница сайта на html может использовать один файл html (в нем все), а одна страница сайта php может использовать несколько подключаемых php файлов , например футер и хедер...
Перейти в начало страницы
 
+Цитировать сообщение
Benny-Ray
сообщение 20.02.2011 - 01:07
Частый гость
***

Группа: Участник
Сообщений: 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
Перейти в начало страницы
 
+Цитировать сообщение
RickDelScorzo
сообщение 20.02.2011 - 01:38
Частый гость
***

Группа: Участник
Сообщений: 228
Регистрация: 16.03.2010
Пользователь №: 29764


А что получилось то в итоге, покажешь?)
Перейти в начало страницы
 
+Цитировать сообщение
Poker
сообщение 20.02.2011 - 21:38
Звезда форума
******

Группа: Участник
Сообщений: 1054
Регистрация: 3.12.2004
Пользователь №: 5606


Цитата(Benny-Ray @ 20.02.2011 - 01:07) *
Антон, Покер пишите в личку свои мобильные закину вам не большой % за поддержку.


Перестань.... Все нормально. Было бы у меня по больше времени, показал бы как делается в деталях, но коль нашел уже другой вариант - тоже хорошо.
Перейти в начало страницы
 
+Цитировать сообщение
Benny-Ray
сообщение 4.03.2011 - 21:28
Частый гость
***

Группа: Участник
Сообщений: 144
Регистрация: 3.02.2006
Пользователь №: 11827


Веду доработку, обязательно скоро покажу финал!
Перейти в начало страницы
 
+Цитировать сообщение
Cartman
сообщение 30.04.2011 - 01:01
Постоялец форума
*****

Группа: Участник
Сообщений: 809
Регистрация: 6.05.2005
Пользователь №: 7929


все весьма просто - делаешь 3 дива
1. Див с фоном в виде ствола дерева
2. Див с кроной
3. Див футер

пример такой
]]>http://dialog-print.com]]>
Перейти в начало страницы
 
+Цитировать сообщение
Benny-Ray
сообщение 8.09.2011 - 18:38
Частый гость
***

Группа: Участник
Сообщений: 144
Регистрация: 3.02.2006
Пользователь №: 11827


Ребят вот что у меня получилось ]]>www.masterarchery.ru]]> заходите, буду рад и если что скидку вас сделаю! с кодами и дивами разобрался, все никак дерево не нарисую, в процессе вообщем )))
Перейти в начало страницы
 
+Цитировать сообщение
ПроГолубь
сообщение 8.09.2011 - 19:53
Это вам не это...
*******
Орден имени Чингачгука Большого Змеямистер ФорумаНовогодний конкурсорден VII степени
Группа: Модератор
Сообщений: 15273
Регистрация: 4.02.2011
Пользователь №: 32790


Нормально так получилось!
Перейти в начало страницы
 
+Цитировать сообщение
avtor
сообщение 25.10.2011 - 18:20
Постоялец форума
*****

Группа: Участник
Сообщений: 955
Регистрация: 15.04.2004
Пользователь №: 3224


Цитата(ПроГолубь @ 8.09.2011 - 20:53) *
Нормально так получилось!

Мне тоже нравится!
Но это была простая задача.
Много лет назад делал сайт, фоном которого был книжный шкаф с содержимым. При разной высоте содержимого у шкафа появлялись дополнительные полки с книгами и журналами. Центр шкафа был со створками, как у шкафа-купе. При загрузке страницы эти створки разъезжались и открывалось содержимое страницы. Вот где пришлось повозиться.
Перейти в начало страницы
 
+Цитировать сообщение

Ответить в данную темуНачать новую тему
3 чел. читают эту тему (гостей: 3, скрытых пользователей: 0)
Пользователей: 0

 



RSS Текстовая версия Сейчас: 27.05.2020 - 03:05