Наверх

Бесплатные CSS уроки для новичков:


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

Кнопка наверх

Давайте создадим простую, но удобную и понятную кнопку наверх, причем с использованием jQuery, а так же HTML CSS. Сейчас эти самые кнопки стали довольно таки популярны, к примеру, эта сама кнопка стоит на сайте ВКонтакте, на подобии которой кнопку мы и будем делать.

Блок с выскальзывающей информацией

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

Изменяющийся текст

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

Создание отступа между ячейками таблицы

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

Обычные HTML вкладки

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

Элегантный вид поиска

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

Фиксированное меню: снизу и сверху экрана

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


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

Обычное модальное окно на CSS3

Модальное окно - это такое окно, которое появляется после нажатия определенной кнопки / ссылки на странице. Обычно их создают с помощью применения JS, но с появления CSS3 появилась возможность создания модального окна без JS!

Создаем галерею и увеличивающиеся картинки при клике

Создать обычную галерею - слишком просто. Давайте сделаем её более "живой" и интересной, используя свойства CSS3! К тому же, не применяя к нему никаких других JS и JQeury.

Следи за BlueCode в Twitter'е!

Вопросы и ответы по CSS / HTML, форум Веб-Мастеров

Примеры по