Последние два дня на блоге велись небольшие работы по редизайну. Так что прошу извинения за временные неудобства – я думаю оно того стоило.
После проделанной работы я решил поделиться с Вами информацией, которую изучил за это время. А если быть точнее – как сделать градиент с помощью CSS. Он будет поддерживаться браузерами Chrome, Firefox (начиная с версии 3.6), Safari, IE. К сожалению Opera 10 еще не поддерживает CSS3 Gradient. Вот из-за этой гребанной Оперы я не сделал себе фон с помощью кода – пришлось все делать в Photoshop.
Для браузеров Safari, Google Chrome и других webkit-браузеров используем код, который создаст линейный градиент. Он будет направлен от верхней точки (top) #ccc к основанию (botton):
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
Для Internet Explorer подойдет этот код:
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');
Для Firefox (версия 3.6 и больше) будет работать только этот код:
background: -moz-linear-gradient(top, #ccc, #000);
Теперь сделаем так, чтобы градиент отображался во всех вышеперечисленных браузерах, а для Оперы (и других браузерах, которые не поддерживают CSS 3) выводился нужный нам цвет.
background: #999; <em>/* for non-css3 browsers */</em> filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); <em>/* for IE */</em> background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); <em>/* for webkit browsers */</em> background: -moz-linear-gradient(top, #ccc, #000); <em>/* for firefox 3.6+ */</em>
Как видите я не использовал у себя на блоге этот код по одной простой причине – я хочу чтобы мой блог корректно отображался как в новых так и в старых браузерах. Это скорее всего последний мой пост в 2010 году.
P.S. Люблю критику — поэтому решил поучаствовать в одной акции для молодых блогов. Посмотрим что мне скажут 
Смотрю ты дизайн немного изменил, блог преобразился, всё супер теперь)
PS айпадом заинтриговал, если бы не был подписан, то точно бы подписался)
спасибо , Михаил
2 дня ушло на редизайн. замучался конкретно) но решил — до Нового Года надо доделать.
насчет айпеда — следите за новостями;)
Ну все мучения я думаю оправдались)
Да вроде с недавнего времени постоянно слежу за новостями) А можешь мне с шапкой на блоге что-нибудь посоветовать?)
помогу конечно)
Красиво все получилось))) Респект)
А в 11 версии оперы тоже нет поддержки данной функции?
спасибо, Артур)
насчет 11й версии хз — я Оперой вобще не пользуюсь)
Мне тоже нравится новый дизайн, и Зеленый себя поуютней чувствует))
спасибо;)
Зеленый сейчас как барин))завтра бухать будет по этому поводу)))
Скорее бы уже Оперу до ума довели, а то ею пользуется довольно много людей. А красивого оформления страниц с минимумом графики всем хочется
Новый дизайн просто прелесть, легкий, чистый и четкий. Даже читать блог стало приятнее. С наступающим!
ой Ольга, как расхвалили))приятно очень)
Вас тоже с Наступающим!счастья, здоровья, любви и море улыбок!)))))
Как же Всех не поддержать!
Дизайн супер! Не буду повторяться))
Всех с наступающим Новым Годом!:)
спасибо))тебя тоже с Наступающим)!)
Метод абсолютно рабочий, сам когда то пробовал. Будем ждать когда же браузеры перейдут на 100% поддержку CSS3 и HTML5, там думаю с этим проблем возникнуть не должно, но и блог придется наверное переделывать под эти новые стандарты, чтобы так сказать идти в ногу со временем.
Новый дизайн очень хорош, думаю оно того стоило, молодец!
PS: С наступающим Новым годом! Пусь грядущий год принесет много интересных идей, которые воплотятся в оригинальный статьи и обзоры!
Strikestar, спасибо)
Желаю Вам в Новом году улыбок, счастья и много всего хорошего!)
а разве нет свойства начинающегося с -o- (background: -o-) ?
я не в курсе если честно..
В опере всё отлично отображается. Я работаю всегда в опере.
Зря ты на оперу так… этот браузер намного лучше мозилы и ие…
А вообще если быть объективным, — все они грёбаные…
Всё отлично отображается. Обновлённая опера — лучший браузер на данный момент.
согласен с Вами — было бы круто если б существовал только один браузер.проблем было бы меньше