|
css как зделать фон градиентом?
|
|
| Alex | Дата: Суббота, 31.10.2009, 23:08 | Сообщение # 1 |
 Начинающий
Группа: V.I.P. пользователь
Сообщений: 17
Награды: 3
Репутация: 8
Статус: Offline
| Привет всем! Хотел бы задать такой вопросик. Как через css зделать фон background градиентом? Тоисть все возможные варианты!
В этой теме я так же буду учавствовать, а если кто то из вас знает отпишитесь плз.:) Завтра первый пример попытаюсь привести, если получитсо:)
Rascal, от тебя буду ждать один пример!  
....:( :(
|
| |
| |
| Alex | Дата: Воскресенье, 01.11.2009, 00:00 | Сообщение # 2 |
|
Начинающий
Группа: V.I.P. пользователь
Сообщений: 17
Награды: 3
Репутация: 8
Статус: Offline
| Решил раньше зделать первый пример.:) Html код:
<html>
<head>
<title>123235667</title>
<link rel="stylesheet" type="text/css" href="prob.css" />
</head>
<body>
<table id="gr" width="100 px" height="100" border="1"><tr><td></td></tr></table>
</body>
</html> Css код:
body {background-color: grey;}
#gr {
background-image: url("images/4.jpg");}
} В итоге такое:  Есть вариант ещё один. Потом ещё добавлю:)
....:( :(
Сообщение отредактировал Alex - Воскресенье, 01.11.2009, 00:10 |
| |
| |
| Rascal | Дата: Вторник, 03.11.2009, 17:19 | Сообщение # 3 |
|
Администратор ♂
Группа: Администраторы
Сообщений: 726
Награды: 17
Репутация: 141
Статус: Offline
| Alex, Я предпочитаю делать фон градиентом, но только картинкой. Потом зафиксировать фон и всё будет супер.
|
| |
| |
| Alex | Дата: Вторник, 03.11.2009, 17:29 | Сообщение # 4 |
|
Начинающий
Группа: V.I.P. пользователь
Сообщений: 17
Награды: 3
Репутация: 8
Статус: Offline
| Было бы круче, если бы ты это в коде написал  , когда будет свободное время напиши плизз это в коде, если не тяжело! 
Просто лучше доходит, когда приведен пример. Результат не обьязательно! 
Ну и ещё посетителям будет легче: посмотрел, увидил, по желанию сказал спасибо
....:( :(
Сообщение отредактировал Alex - Вторник, 03.11.2009, 17:33 |
| |
| |
| Assasins | Дата: Вторник, 03.11.2009, 20:14 | Сообщение # 5 |
|
Начинающий
Группа: V.I.P. пользователь
Сообщений: 13
Награды: 1
Репутация: 4
Статус: Offline
| Alex, тему создал по моей просьбе))
|
| |
| |
| Rascal | Дата: Вторник, 03.11.2009, 20:15 | Сообщение # 6 |
|
Администратор ♂
Группа: Администраторы
Сообщений: 726
Награды: 17
Репутация: 141
Статус: Offline
| Quote (Assasins) тему создал по моей просьбе))
а-а-а так вы сговорились
|
| |
| |
| Assasins | Дата: Вторник, 03.11.2009, 20:20 | Сообщение # 7 |
|
Начинающий
Группа: V.I.P. пользователь
Сообщений: 13
Награды: 1
Репутация: 4
Статус: Offline
| Rascal, я его спросил как это сделать а он к тебе на форум полез))
|
| |
| |
| Alex | Дата: Вторник, 03.11.2009, 23:28 | Сообщение # 8 |
|
Начинающий
Группа: V.I.P. пользователь
Сообщений: 17
Награды: 3
Репутация: 8
Статус: Offline
| ну не совсем!! Просто мне захотелось узнать всевозможные способы решения этой проблемы! Не зря же я изучал CSS, тоисть изучал не для того что бы забросить!! А вдруг когда то захочетсо мне дизы писать и закажут мне зделать такую тему, и тупик хз как его зделать лучше. А вот тут и если кто то ещё прощий и лучший и который быстрее загружается знает способ ещё важно что бы все интернет обозреватели его поддерживали и напишит, и вот ещё один секрет расскрыт, ибо не нужно делать навороченный диз который по 10 сек грузится у людей которые не станут ждать, а зайдут на другой какой то сайт где быстро качетвенно всё работает! А так и красота и качество!
Вот так!! 
....:( :(
|
| |
| |
| Alex | Дата: Четверг, 05.11.2009, 16:36 | Сообщение # 9 |
|
Начинающий
Группа: V.I.P. пользователь
Сообщений: 17
Награды: 3
Репутация: 8
Статус: Offline
| Плизз зделай это на примере примерно как я подал пример так и ты плизз мож без результата.
Я просто не всё понял"Я предпочитаю делать фон градиентом, но только картинкой. Потом зафиксировать фон и всё будет супер." Плиззззз.
....:( :(
|
| |
| |
| Rascal | Дата: Четверг, 05.11.2009, 16:55 | Сообщение # 10 |
|
Администратор ♂
Группа: Администраторы
Сообщений: 726
Награды: 17
Репутация: 141
Статус: Offline
| Alex, вот уже готовый пример (не обращайте внимания на иэроглифы. кодировку не поменял )
ПРИМЕР вот код CSS body {
background:url('http://ucozbuilder.ucoz.ru/gradient.png');
background-attachment: fixed;
} А код страницы можете посмотреть по ссылке примера. Просто нажмите "Вид - Исходный код страницы" Теперь немного прокоментирую код. background:url('http://ucozbuilder.ucoz.ru/gradient.png'); - думаю это понятно. Придаем фон странице. Фоном будет картинка по адресу указанному в скобках.
background-attachment: fixed; - это самое интресное. Припомощи данного свойства мы зделали так, чтоб фон не ездил при прокручивании страницы.
И теперь немного о картинке градиента. Я нарисовал ее размером 10*1024. Почему именно такой? Да потому, что еслы бы я нарисовал ее размером 10*768, то у пользователей с размером экрана 1280*1024 внизу бы была белая полоса.
|
| |
| |
| Alex | Дата: Пятница, 06.11.2009, 10:48 | Сообщение # 11 |
|
Начинающий
Группа: V.I.P. пользователь
Сообщений: 17
Награды: 3
Репутация: 8
Статус: Offline
| спс это намного лучше
assasins, вот за таким ответом я на форум полез, что то подобное изучал, но как то с головы воще вылетело у меня.
....:( :(
|
| |
| |
