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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Градиент в html 
:(
    Опции темы
Grig
Дата 13.9.2005, 04:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Как разместить в яечейке таблицы например, градиент средствами html?? Где-то видел такую фишку, а где - не помню.
Просмотр аналогичной темы на форуме тоже ни к чему не привел.



--------------------
        
PM MAIL ICQ   Вверх
-=Ustas=-
Дата 13.9.2005, 08:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


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

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



Через CSS с примением фильтров.


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
Grig
Дата 14.9.2005, 06:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Товарищ, а можно примерчик?


--------------------
        
PM MAIL ICQ   Вверх
-=Ustas=-
Дата 14.9.2005, 08:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


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

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



Код

<div style="height: 100%; width: 100%; text-align: center; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#CC6600);">
<h1 style="color: white;">
Градиент на заднем плане 
</h1>
</div>

попробуй так. Можешь еще на вот это глянуть - http://www.designdetector.com/demos/css-gradients-demo-1.php


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
Grig
Дата 14.9.2005, 09:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Спасибо, буду разбиратся..



--------------------
        
PM MAIL ICQ   Вверх
Grig
Дата 15.9.2005, 08:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Кто ищет тот найдет)))
Код

<table cellpadding="0" width="100%" style="height: 22px">
<tr>
<td width="50%" 
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4B92D9', endColorStr='#CEDFF6', gradientType='1')">
</td>
<td width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CEDFF6', endColorStr='#1E77D3', gradientType='1')">
</td>
</tr>
</table>



--------------------
        
PM MAIL ICQ   Вверх
boombick
Дата 21.9.2005, 08:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 305
Регистрация: 20.4.2005
Где: Moscow, Russia

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



Я бы не советовал фильтры CSS использовать...
Многие браузеры с ними не дружат...


--------------------
Все вышесказанное - имхо, и на истину в последней инстанции не претендует
------
UNIX and other
PM MAIL WWW ICQ   Вверх
ProgrammerBOTANIK
Дата 21.9.2005, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



boombick - а что ж тогда делать - картинку фоном класть? что ли? smile


--------------------
Сострадание со стороны жизни выражается в смерти
PM MAIL   Вверх
boombick
Дата 21.9.2005, 16:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 305
Регистрация: 20.4.2005
Где: Moscow, Russia

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



ProgrammerBOTANIK, почему бы и нет? Оптимизированный гиф много места не займет...


--------------------
Все вышесказанное - имхо, и на истину в последней инстанции не претендует
------
UNIX and other
PM MAIL WWW ICQ   Вверх
ProgrammerBOTANIK
Дата 21.9.2005, 23:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Да, особенно если он ГРАДИЕНТНЫЙ!
Нука дорогой - покажи ка мне легкий и сильно оптимизированный гиф с плавным градиентом...
На 1000% уверен, что подобный JPG будет легче при лучшем качестве!
Ты же как я понял профессионал в создании сайтов, а такую ерунду пишешь... Открой книжку ХТЕМЕЛЬ для чайников - там на второй странице есть описание графических форматов - советую ознакомиться! smile


--------------------
Сострадание со стороны жизни выражается в смерти
PM MAIL   Вверх
boombick
Дата 22.9.2005, 07:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 305
Регистрация: 20.4.2005
Где: Moscow, Russia

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



ProgrammerBOTANIK, спасибо!
Пойду перечитаю...
Заодно и JS повторю... Вдруг там тоже можно градиенты делать... smile


--------------------
Все вышесказанное - имхо, и на истину в последней инстанции не претендует
------
UNIX and other
PM MAIL WWW ICQ   Вверх
Caramel
Дата 24.9.2005, 23:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

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



На сколько я знаю градиент в гифе может быть действительно лучше жпг. Все дело в том какой градиент - вертикальный или горизонтальный. Это связано с особенность гифа сжимать информацию
PM MAIL WWW Skype   Вверх
ProgrammerBOTANIK
Дата 26.9.2005, 03:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Caramel - очень смешно - получается если я поверну в айсидиси градиентный гиф на 90 градусов - то что - он по твоей логике автоматически станет весить легче или выглядеть лучше?

Возможно визуальное отображение одного к другому и может выглядеть лучше, но это точно не от гифа зависит...
У монитора просто есть такая особенность, все профессиональные дизайнеры об этом знают, когда я работал в прошлом году в профессиональной лаборатории кодак у нас ее называли "срезка пиксела"...
Ты может быть замечала - в фотошопе если взять "большую картинку" и уменьшать ее из реального размера через контрол минус то после 1-го уменьшения она выглядит фиговенько, а после второго хорошо, после третьего опять фиговенько, а после четвертого опять хорошо и т.д.
Так же и при увеличении smile


--------------------
Сострадание со стороны жизни выражается в смерти
PM MAIL   Вверх
ProgrammerBOTANIK
Дата 26.9.2005, 11:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Грубо говоря GIF - это строчный формат, не зависимо от того строки могут быть вертикальными и горизонтальными...
Сейчас существуют две версии этого формата, различаемые по своим кодам, - 87а и 89а.
Только в 89а некоторые пиксели могут быть прозрачными (самый распространенный в вебе)...
Вызывает интерес та часть процесса, где происходит преобразование данных в растровый массив. Существует несколько форматов файлов растровой графики, и каждый формат предусматривает собственный способ кодирования информации о пикселах и другой присущей компьютерным изображениям информации. Именно поэтому программа Paint, поставляемая в комплекте ОС Windows 95, совместима с BMP-файлами, но не может считывать файлы формата GIF. Создатели программы Paint наделили ее способностью декодировать графическую информацию, хранящуюся в формате BMP, но распространенный формат GIF для нее остается таким же чуждым, как язык суахили для среднего техасца.

И так рассмотрим формат гиф:

Макс. число бит/пиксел - 8
Макс. число цветов - 256
Макс. размер изображения, пиксел - 65'535 x 65535
Методы сжатия - LZW
Кодирование нескольких изображений - +

Большинство ведущих специалистов-графиков, имеющих дело с алгоритмом LZW, сталкиваются с аналогичными юридическими проблемами при использовании популярного межплатформенного формата файлов растровой графики GIF (Graphics Interchange Format - формат обмена графическими данными, произносится "джиф"), разработанного компанией CompuServe. Обычно для имени файлов GIF используется расширение GIF, и тысячи таких файлов можно получить в CompuServe.

Структура файла GIF зависит от версии GIF-спецификации, которой соответствует файл. В настоящее время используются две версии, GIF87a и GIF89a. Первая из них проще. Независимо от номера версии, файл GIF начинается с 13-байт заголовка, содержащего сигнатуру, которая идентифицирует этот файл в качестве GIF-файла, номер версии GIF и другую информацию. Если файл хранит всего одно изображение, вслед за заголовком обычно располагается общая таблица цветов, определяющая цвета изображения. Если в файле хранится несколько изображений (формат GIF, аналогично TIFF, позволяет в одном файле кодировать два и больше изображений), то вместо общей таблицы цветов каждое изображение сопровождается локальной таблицей цветов.

В файле GIF87a вслед за заголовком и общей таблицей цветов размещается изображение, которое может быть первым из нескольких располагаемых подряд изображений. Каждое изображение состоит из 10-байт описателя изображения, расположенной вслед за ним локальной таблицы цветов и битов растрового массива. Для повышения эффективности использования памяти данные растрового массива сжимаются с помощью алгоритма LZW.

Файлы GIF89a имеют аналогичную структуру, но они могут содержать факультативные блоки расширения с дополнительной информацией о каждом изображении. В спецификации GIF89a определены четыре типа блоков расширения. Это блоки расширения для управления графикой, которые описывают, как изображение должно выводиться на экран (например, накладывается ли оно на предыдущее изображение подобно диапозитиву или просто заменяет его); блоки расширения с обычным текстом, содержащие текст, отображаемый вместе с графикой; блоки расширения для комментария, содержащие комментарии в коде ASCII; и блоки расширения прикладных программ, в которых хранится информация, принадлежащая только создавшей этот файл программе. Блоки расширения могут находиться практически в любом месте файла после общей таблицы цветов.

Основные достоинства GIF заключаются в широком распространении этого формата и его компактности. Но ему присущи два достаточно серьезных недостатка. Один из них состоит в том, что в изображениях, хранящихся в виде GIF-файла, не может быть использовано более 256 цветов. Второй, возможно, еще более серьезный, заключается в том, что разработчики программ, использующие в них форматы GIF, должны иметь лицензионное соглашение с CompuServe и вносить плату за каждый экземпляр программы; такая ценовая политика была принята CompuServe после того, как Unisys объявила, что начнет добиваться соблюдения своих прав собственности и потребовала от тех, кто пользуется алгоритмом сжатия LZW, вносить лицензионные платежи. Возникшее в результате этого запутанное юридическое положение тормозит внедрение программистами в свои графические программы средств для работы с файлами GIF.




--------------------
Сострадание со стороны жизни выражается в смерти
PM MAIL   Вверх
Bastet
Дата 27.9.2005, 01:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Горизонтальный градиент можно сделать высотой 1 пиксел (вертикальный, аналогично, шириной).
Проверено опытным путем: размер плавного gif'а (56 цветов) - 224 байта, jpeg'а с качеством сохнанения 10 из 100 - 422 байта.
--------------------
"I'm not bad. I'm just drawn that way" © Jessica RabbitСм.также: BB | ЖЖ | DA
PM MAIL WWW ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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