Форум Сайтостроение Веб-строительство

CSS фон

12
6666
На сайте с 10.01.2005
Offline
505
6666
#11

Щигящм, как вариант - Вы работник Макдональдса и пытаетесь открыть сайт на мониторе, который прилеплен к кассе. Маленький и с плохим разрешением. поэтому полосками.

Каждое мое сообщение проверила и одобрила Елена Летучая. (c) Для меня очень важно все что Вы говорите! (http://surrealism.ru/123.mp3) .
Щ
На сайте с 04.07.2012
Offline
35
Щигящм
#12

vlad00777

Благодарствую, теперь работает, но вопрос все-же не закрыт - почему не работал сгенерированный фон?

6666

В Макдональдсе заказы путают, куда им сайт на мониторе открывать...

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#13

Щигящм, у меня за 5 лет не было ни одного проекта где бы я использовал сгенерированный фон. В любом случае можно аккуратно вырезать картинку и размножить.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
Хелпзонович
На сайте с 15.06.2005
Offline
133
Хелпзонович
#14

css 


body{

height:100%; 

background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

background-image: -o-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));

background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

background-image: linear-gradient(to bottom right, #FFFFFF 0%, #00A3EF 100%);

}

А кто ж Вам такой хтмл сгенерировал кривой?

хтмл 


<html>

 <head>

<link rel="stylesheet" type="text/css" href="styles.css">

 </head>

 <body>

 </body>

</html>
Вы там держитесь! Хорошего вам настроения. Здоровья.
Geers
На сайте с 12.04.2011
Offline
487
Geers
#15

ТС, делайте ширину рисунка фона в 1px, а высоту хоть 10к., он все равно пол Кб будет весить.

Чем этот css использовать.

Ну и вот этот код как указан выше: 

body{background: url(body.png) repeat-x #FFF;}
CSS задачка Фото разных размеров, как Помогите с CSS кодом
[Удален]
#16

ныне 2013 год и непонятно чего народ градиента боиццо

"генерировать" правильно нада и всё будет ништяк

дарю пример

{background:#b5bdc8;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzgyOGM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b));background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );}

работает всюду, включая шестого осла - там фон

Geers
На сайте с 12.04.2011
Offline
487
Geers
#17

Вот еще нашел сервис http://www.colorzilla.com/gradient-editor/

Правда не тестил во всех браузерах, точнее в старых.

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#18

Pavel_, Ваш код занимает тучу ненужного текста. Я ответил на вопрос? Все это можно заменить 30 символами и код будет приятный. Да, и научитесь писать грамотно.

[Удален]
#19
vlad00777:
Ваш код занимает тучу ненужного текста

трактовка у вас шибко грамотно напИсана...

ещё посчитайте скоко байт... - прямь ужоссс... на фоне всего остального... ))

можете ещё пример " 30 символов" в студию - поприкалываемся над компетентностью

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий