»

 Будь в курсе событий:

Вс

26

янв

2014

gradients css

Градиенты CSS
Градиенты CSS

свой прошлый урок я закончил на том, что обнаружил баг, который хотел бы исправить в этом уроке. Некоторым покажется данное решение довольно странным и необычным, но оно того стоит, так как в этом случае кроссбраузерность градиентов дает 100% результат.

Градиенты CSS

Очередной урок будет посвящен кроссбраузерности градиентов. В предыдущем уроке я допустил оплошность и в результате чего получил неподдерживаемые градиенты в шапке таблицы в браузерах Opera и IE последних версий. CSS я не стал править в том уроке, сделано это было исключительно ради того, чтобы каждый мог понять, где именно решается проблема. Решение как всегда простое и лежит на поверхности. Сначала я подумал про давно избитые готовые изображения градиентов. Но нашел более легкий способ. И сейчас мы попробуем разобраться в чем же преимущество данного решения.

Далее Комментариев: 0

Пн

08

апр

2013

css3 transitions

Введение в CSS3 Transitions
Введение в CSS3 Transitions

На этот раз рассмотрим css3 transitions - анимационные переходы, которые можно использовать для оформления презентаций онлайн, прямо на ваших Jimdo ресурсах.

Введение в CSS3 Transitions

Всем привет и очередной урок от меня. Уже давно не новость, что CSS3 дает нам много возможностей для оформления наших сайтов. Сегодня хочется поговорить про CSS3 переходы - именно так переводится transitions. CSS3 Transitions являются презентационными эффектами, которые позволяют изменять свойства в CSS значениях. Также при помощи CSS3 Transitions можно добиться эффектов плавного изменения объектов в течении определенного времени, а не так, как это обычно происходит - мгновенно. Данные эффекты могут быть применены к широкому спектру свойств CSS.

Далее Комментариев: 6

Вс

28

окт

2012

gotovie resheniya css

Готовые решения на CSS
Готовые решения на CSS

Наконец-то созрел для небольшого урока. Напишем сегодня готовые решения, которые можно использовать при оформлении ваших собственных страниц.

Готовые решения на CSS

Всем привет. Наконец-то созрел для небольшого урока. Напишем сегодня готовые решения, которые можно использовать при оформлении ваших собственных страниц. Будем использовать тени Box Shadow, градиенты, вдавливание. Этот урок более менее поможет вам разнообразить внешний вид страницы. Вам не обязательно использовать на 100% именно мой готовый код, можете взять его только за основу и подстроить под свой сайт, так вы заметно выделите свои страницы среди прочих джимдовских сайтов. В общем главное экспериментировать и ничего не бояться.

Далее Комментариев: 1

Пт

08

июл

2011

tekstovie effecti na css3

Текстовые эффекты на CSS3
Текстовые эффекты на CSS3

Для того, чтобы придать тексту выразительность или своеобразно выделить слово или целый текстовый блок, нужно воспользоваться CSS3. С помощью него текст возможно менять на свой вкус как только воображение захочется.

Текстовые эффекты на CSS3

Сейчас на сайтах используется очень много всяких эффектов с текстом. Это осуществляется в основном при помощи CSS3. Есть конечно же древние сайты, которые по старинке используют изображения, для придания нужного эффекта, но я не сторонник такого явления. Зачем весь этот лишний загруз страниц вообще нужно использовать, который может исчисляться мегабайтами? Ответ: "Незачем". Я покажу основные приемы, которые чаще всего используются на сайтах. Хотя многие из них меня не впечатлили. Но на вкус и цвет товарища нет. Установка стилей очень проста в освоении.

Далее Комментариев: 0

Пн

13

июн

2011

urok3 css effekti s izobrajeniyami

Урок 3. CSS эффекты с изображениями
Урок 3. CSS эффекты с изображениями

Третий и последний в своей серии урок по созданию css эффектов при наведении на изображение. Рассмотрим эффект разворота.

Урок 3. CSS эффекты с изображениями

Сегодня рассмотрим третий урок. Изначально, я предполагал сделать немного больше уроков по данному направлению, но со временем передумал, потому что довольно много примеров примитивно носили один и тот же подтекст, только в разных вариациях. Поэтому выбрал самое интересное и разноплановое. Если хорошо погуглить, то в сети можно найти большое количество прикольных издевательств над изображениями, но это уже на ваше усмотрение. Ну а теперь перейдем непосредственно к нашему уроку и начнем как всегда с того, что пропишем в шапке CSS код.

Далее Комментариев: 3

Вс

12

июн

2011

urok2 css effekti s izobrajeniyami

Урок 2. CSS эффекты с изображениями
Урок 2. CSS эффекты с изображениями

Второй урок, в котором мы рассмотрим еще один css эффект при наведении на изображение.

Урок 2. CSS эффекты с изображениями

Продолжим небольшую серию уроков, которая связана непосредственно с применением различного рода эффектов с изображениями. Как уже оговаривалось в предыдущем уроке, сегодня мы поговорим о том, как с помощью CSS кода добиться эффекта увеличения изображения при наведении на него указателя мыши. Замечу, что такого рода эффект будет смотреться на сайтах с рекламной тематикой. Так как рекламный блок (изображение) будет плавно увеличиваться при наведении, что придаст оригинальность вашему сайту. Я сам пока не нашел применение данному коду на своих страницах.

Далее Комментариев: 0

Сб

11

июн

2011

urok1. css effekti s izobrazheniyami

Урок 1. CSS эффекты с изображениями
Урок 1. CSS эффекты с изображениями

Рассмотрим небольшой курс из нескольких идущих последовательно друг за другом уроков, в которых мы будем использовать различные эффекты при помощи CSS.

Урок 1. CSS эффекты с изображениями

Сегодня я расскажу, как сделать некоторые манипуляции с изображениями при помощи CSS кода. Это не очень сложный урок, так как код сам по себе небольшой. Вам понадобится всего лишь скопировать рассмотренные примеры css кода в хедер вашего сайта, предварительно заключив его между тегами <style>...</style>. А так же закачать необходимые изображения на любой хостинг изображений. Можно так же закачать свои картинки прямо на Jimdo. Ну а потом все просто, вставляете код html как widget и все должно работать. Я постараюсь по максимуму показывать работу всех примеров.

Далее Комментариев: 3