бесплатные уроки

Подписаться на эту метку по RSS

Красивые анимированные кнопки для сайта (видеоурок).

Суббота, 09 февраля 2013 года в 10:23      Просмотров: 2732
Красивые анимированные кнопки для сайта (видеоурок).

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

И урок этот будет о том, как установить на свой сайт красивые анимированные кнопки с "пузырьковым" эффектом.

Причем эти кнопки можно устанавливать не только на MaxSite, но на любой и даже статический сайт.

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

У кнопок может варьироваться размер (большие, средние и маленькие кнопки) и цвет (синий, зеленый, оранжевый и серый).

Эффект движущихся пузырьков достигается за счет позиционирования с четырех разных сторон одного и того же фона одной и той же кнопки при наведении. Все это делается с помощью свойства transition. raspberry

Ладно, не буду вдаваться в подробности. Нам с вами не нужно так глубоко в это окунаться, это сделал за нас тот, кто создал эти кнопки.

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

Далее...

Как разместить форму поиска в шапке сайта?

Среда, 09 января 2013 года в 08:29      Просмотров: 960
Как разместить форму поиска в шапке сайта?

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

И еще лучше, чтобы саму эту форму поиска не пришлось искать посетителю в сайдбаре или еще где-нибудь, чтобы она всегда была на самом видном месте, то есть в шапке сайта.

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

Далее...

Приглашаю Тебя на бесплатный мастер-класс!

Суббота, 20 августа 2011 года в 16:20      Просмотров: 5651
Практическое введение в Фотошоп!

Добрый день мои дорогие друзья.

Совсем недавно у меня в базе стало три тысячи подписчиков, что очень и очень радует!

И как раз, подходит к концу очередной тренинг по web-дизайну – “Фотошоп – свобода вебмастера!”

Что там было, и каких результатов достигли участники - я расскажу попозже!

Ну а сейчас, хочу пригласить тебя на БЕСПЛАТНЫЙ мастер-класс –


Практическое введение в фотошоп!


Не надо думать, что там будет только теория и пустой треп – ничего подобного!

В этом бесплатном тренинге я научу не только работать в программе Photoshop и настраивать ее, но мы также разберем основные инструменты, и научимся применять их на практике!

Обещаю, будет очень интересно! И после тренинга Ты сможешь разбираться в программе без проблем.Далее...