»

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

Вс

26

янв

2014

gradients css

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

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

Градиенты CSS

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

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

Вс

19

янв

2014

table on css

Таблица на CSS
Таблица на CSS

Новый урок посвящен созданию таблиц с использованием css-кода для улучшения графического отображения. В настоящее время довольно актуально использовать данный метод при оформлении сайтов.

Таблица на CSS

Всем привет, сегодня я посвящу урок таблице на CSS. Идея создания таблицы при помощи использования CSS родилась в моей голове не случайно. Дело в том, что многие пользователи сайтов напрочь забывают о том, что оформление таблиц - это ни что иное как дизайн, который очень сильно влияет на внешний вид и привлекательность сайта. Многие конечно не парятся над этим вопросом, особенно пользователи Jimdo. Да, есть стандартное решение создания таблицы - это конечно же большой плюс, есть так же возможность сменить цвета и поработать со свойствами ячеек, но иногда этого бывает недостаточно...

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

Пн

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

Вс

26

фев

2012

vertikalnoe-menu-v-saidbare

Вертикальное меню в сайдбаре
Вертикальное меню в сайдбаре

Иной вариант кастомного вертикального меню для Jimdo. Уже были случаи применения его на сайтах, поэтому думаю, что урок оказался не напрасным.

Вертикальное меню в сайдбаре

Сегодня я расскажу как создать вертикальное меню при помощи CSS, которое можно использовать как на сайтах под управлением CMS Jimdo, так и на других веб-проектах. В этом меню использовались другие нестандартные символьные шрифты, но реализовывать в уроке я их не стал. Почему решил написать урок, дело в том, что сделать собственно вертикальное меню средствами Jimdo невозможно, если только это будет второй уровень, но он не совсем красиво вписывается в дизайн шаблона. Отсюда у меня и желание возникло про написание инструкции.

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

Пт

08

июл

2011

tekstovie effecti na css3

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

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

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

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

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

Ср

15

июн

2011

oformlenie citati s pomoshyu css

Оформляем цитаты с помощью CSS
Оформляем цитаты с помощью CSS

Часто в своих блогах мы используем цитаты известных или малоизвестных людей. Но вот к сожалению достойного оформления таких блоков нет. Поэтому данный урок будет посвящен оформлению цитат.

Оформляем цитаты с помощью CSS

Накануне сидел и думал, что можно новенького написать еще для пользователей Jimdo. Не сразу мысли приходят в голову, скажу я вам. Но тем не менее, я вспомнил, что сам пользовался оформлением цитаты в одной из своей ранней статье. В стандартном наборе Jimdo я не нашел подобного оформления, а ведь порой без них никак не обойтись. Можно конечно придумать замечательный табличный код с использованием html. Но это как-то не совсем что ли профессионально и смотрится довольно глупо. Удобно когда цитату можно просто заключить в тег и она нарисуется так, как вы ее хотели бы видеть.

Далее Комментариев: 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

Ср

08

июн

2011

slideshow na chistom css

Слайдшоу на чистом CSS
Слайдшоу на чистом CSS

Если вам по какой-то причине поднадоело встроенное джимдовское слайдшоу, то можно сделать свое собственное при помощи только лишь одного CSS.

Слайдшоу на чистом CSS

Найти для Jimdo скрипт слайдшоу не так сложно, но чтобы работа выполнялась только при помощи CSS - это уже решение не из легких. Я знаю, что пользователи наслаждаются стандартной галереей, которая встроена в саму CMS. По мне, так она приелась. Хочется чего-то нового, не такого как у всех. Почему выбор пал только на CSS? В Jimdo дела с *.js для меня вообще темный лес. Не знаю почему так, но загрузка скриптов на сам Jimdo лично на моем опыте заканчивалась либо ничем, либо печально :( Не скажу что все так плохо, но дорабатывать есть что.

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

Пн

06

июн

2011

vibiraem bezopasniy shrift

Выбираем безопасный шрифт
Выбираем безопасный шрифт

Иной раз, чтобы сайт был читаемым, стоит просто выбрать нужный шрифт, который бы не напрягал ваши глаза при просмотре любимого блога.

Выбираем безопасный шрифт

Очень проблемный вопрос стоит перед вебмастерами при создании собственного ресурса. А именно - выбор правильного и что самое главное - безопасного для зрения шрифта. Интернет пестрит заголовками про популярные шрифты, используемые на сайтах. Но вдумайтесь только, стоит ли популярность шрифта вашего здоровья? На мой взгляд, "далеко в лес ходить не надо". Не так давно я прочитал, что самым безопасным для зрения шрифтом является Verdana. Вот что утверждают ученые из Лаборатории зрительной эргономики в США: "Verdana является наиболее безопасным для глаз среди всех используемых компьютерным шрифтов".

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

Пт

03

июн

2011

css integration

Интеграция CSS
Интеграция CSS

Наконец то я перебрался на свой старый сайт и доволен, что буду писать свои уроки именно здесь. Надеюсь вам понравится :)

Интеграция CSS

Давайте поговорим сегодня об интеграции CSS в наши документы. Есть несколько способов и все они работают на Jimdo. Честно говоря, меня уже довольно много людей спрашивали, а зачем вообще нужно внедрять на свои страницы CSS. Ответ на поверхности. Мы хотим видеть наши сайты более привлекательными и это стремление к идеалу есть совершенно нормальное явление. Поэтому необходимо не только знать, что такое CSS, но так же эффективно использовать данный инструмент разметки. Давайте перейдем к уроку, в котором я опишу основные способы интеграции кода в HTML.

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