Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Градиент фоном? 
:(
    Опции темы
Kurt
Дата 7.3.2005, 03:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Увлеченный
***


Профиль
Группа: Участник Клуба
Сообщений: 1662
Регистрация: 22.8.2003
Где: Краснодар

Репутация: нет
Всего: 36



Народ, подскажите, пожалуйста.
Можно ли сделать фоном (таблицы, всего сайта..) градиент, ну т.е. чтоб один цвет перетекал в другой?


--------------------
Для корабля, который не знает куда плыть, нет попутного ветра... ((С) Архимед)
...
Все знают, что это невозможно. Но случайно находится невежда, который этого не знает. Он-то и делает открытие.. ((С) А. Эйнштейн)
PM ICQ   Вверх
Joes
Дата 7.3.2005, 13:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 432
Регистрация: 15.11.2004

Репутация: 3
Всего: 7



можно в пхп, работая с GD - дать цикл на цвет (т.е. на RGB - $n, $n, $n)... и он у тебя будет плавно переходить... Но вот можно ли там поверх таблицу забацать - это я не уверен... Попробуй, может получится
PM MAIL   Вверх
Mal Hack
Дата 7.3.2005, 14:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


Профиль
Группа: Участник Клуба
Сообщений: 9926
Регистрация: 15.2.2004

Репутация: 5
Всего: 261



Это только картинкой можно сделать ИМХО... А как ты ее уже делать будешь - твой выбор, можно и с ПХП, можно и в Фотошопе нарисовать.
PM ICQ   Вверх
Kurt
Дата 7.3.2005, 15:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Увлеченный
***


Профиль
Группа: Участник Клуба
Сообщений: 1662
Регистрация: 22.8.2003
Где: Краснодар

Репутация: нет
Всего: 36



Ну, а как же тогда сделан заголовок Vingrad'а? Тут же не все картинка? Я пытался сообразить, каким образом тут все построено, но если честно - запутался. smile


--------------------
Для корабля, который не знает куда плыть, нет попутного ветра... ((С) Архимед)
...
Все знают, что это невозможно. Но случайно находится невежда, который этого не знает. Он-то и делает открытие.. ((С) А. Эйнштейн)
PM ICQ   Вверх
Mal Hack
Дата 7.3.2005, 15:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


Профиль
Группа: Участник Клуба
Сообщений: 9926
Регистрация: 15.2.2004

Репутация: 5
Всего: 261



Картинка в 1 пиксель по ширне и 30 по высоте. Вертикальный градиент.
PM ICQ   Вверх
dm9
Дата 9.3.2005, 02:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137



PM MAIL ICQ   Вверх
OPG
Дата 14.3.2005, 13:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 117
Регистрация: 25.2.2005

Репутация: нет
Всего: 1



Народ, а почему все забывают про расширения стилей. Нафиг этот градиент картинкой делать, особенно если он от левого угла экрана, до нижнего. Можно проще сделать, закачать фоном картинку gif белого цвета на весь экран (размер 1024х768 занимает 1,486 кб) и применить к нему стиль в котором показывается от какого цвета прыгать, к какому, координаты начала, координаты конца и стиль градиента (линейный и т.п.), добавить стиль, чтобы фон стоял по центру и не размножался, а все отсальное браузер возьмет на себя! А если градиент сделать сразу в Фотошопе и грузить его на машину каждый раз это ж какой трафик будет. А здесь весь комплект в 2 кб укладывается. А в случае браузера, который это не понимает, будет просто белый фон и все. Просто и места мало занимает.
PM MAIL   Вверх
Ruslan_
Дата 15.3.2005, 09:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 4.12.2004

Репутация: нет
Всего: нет



Kurt! Если www.macromedia.com - это то, что ты хочешь получить (я имею в виду фон), то это делается так.
1. Создаешь тонкую вертикальную полоску (к примеру 30x500) с градиентом, сделанном, в каком-нибудь графическом редакторе (к примеру photoshop)
2. прописываешь стиль:
Код

body{
background-image:url(...);
background-repeat:repeat-x;
background-color:...;
}

3. И все
посмотри http://ruslanrf.perm.ru/kurt/
PM   Вверх
Guest
Дата 17.3.2005, 18:09 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











А если градиент идёт не спарво на лево и не сверху вниз, а из одного угла в другой, то есть из левого верхнего в правый нижний? то как тут быть?
  Вверх
dm9
Дата 17.3.2005, 20:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137



А оно надо? smile)

PM MAIL ICQ   Вверх
Guest
Дата 18.3.2005, 11:33 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Было бы не надо, не спрашивал бы!!!
  Вверх
Gold Dragon
Дата 18.3.2005, 12:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Цитата(Guest @ 17.3.2005, 18:09)
а из одного угла в другой, то есть из левого верхнего в правый нижний? то как тут быть?

Узнаешь, поделись smile


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
dm9
Дата 18.3.2005, 17:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137



IE only, как и следовало ожидать.

Код

<style>
body {
    padding: 0;
    margin: 0;
}
div {
    width: 100%;
    height: 100%;
    background: white;
}
</style>

<div id="mydiv" style="filter:light" onResize="Resize()">
    123;
</div>

<script>
    function max (x, y) {
        if (x >= y) return x;
        else return y;
    }

    function Resize() {
        mydiv.filters.light.Clear();
        mydiv.filters.light.AddPoint (0, 0, max(mydiv.offsetWidth, mydiv.offsetHeight),
                                      0xF6, 0xC6, 0x93, 100);
        mydiv.filters.light.AddPoint (mydiv.offsetWidth, mydiv.offsetHeight, max(mydiv.offsetWidth, mydiv.offsetHeight),
                                      0x93, 0xC2, 0xF5, 100);
    }

    var mydiv = document.getElementById ("mydiv");
    Resize();
</script>


Добавлено @ 17:25
Читать тут:
http://www.spravkaweb.ru/css.php
(Фильтры в Internet Explorer)

PM MAIL ICQ   Вверх
Ruslan_
Дата 19.3.2005, 12:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 4.12.2004

Репутация: нет
Всего: нет



Кто бы ты ни был, Guest, я рад ответить на твой вопрос:
"А если градиент идёт не спарво на лево и не сверху вниз, а из одного угла в другой, то есть из левого верхнего в правый нижний? то как тут быть?"
background-repeat:repeat-x; отвечает за повторение фонового рисунка. Если тебе нужно по вертикале, то можно написать так: background-repeat:repeat-y;
Добавлено @ 12:30
Можно еще применять позиционирование фонового рисунка, в результате можно получить более или менее результат, похожий на ожидаемый. Поищи что-нить про css! Об этом много всего интересного написано. Даже с примерами )
ya.ru - найдется все, ну или почти все )

PM   Вверх
Ruslan_
Дата 19.3.2005, 12:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 4.12.2004

Репутация: нет
Всего: нет



Кстати, если фон идет с верхнего левого угла в правый нижний (далее добавлю), проходя через
верхний правый угол минуя левый нижний, меняя свой цвет в зависимости от дня недели и с учетем среднестатистического числа беременных женщин в Южной Африке, ТО здесь уже нужно применять программирование. Например, Java Script.
Если фон очень необычен, а его непременно нужно разместить на сайте, не смотря на то, что это увеличивает объем твоей странички, то наверное лучше его нарисовать в графическом редакторе и просто вставить рисунок фоном.
PM   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0534 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.