Войти Регистрация

Статьи о верстке на CSS


Сборка отличных статей на тему css. Написание кода css, примеры и подробные обьяснения, техники использования css. Обо всем этом читайте в наших статьях.
Скрипт слайдера картинок: JS + HTML + CSS
Просмотров: 56101
Сегодня мы научимся создавать слайдер картинок для вашего сайта, который будет компактным, быстрым и надежным. Весить такой скрипт будет около 2kb (JavaScript код). Разрешение слайдера будет 380 x 240. При желании вы сможете поменять на свое. Этот скрипт тестировался на кроссбраузерность в: IE, FireFox, Chrome, Opera.
Как создать шаблон для Joomla
Просмотров: 31825
В этой статье мы изучим необходимые этапы создания шаблона для Joomla. Чтобы узнать, как создать качественный шаблон для движка Joomla, читайте статью шаг за шагом. Мы рассмотрим все тонкости и нюансы создания темы для Joomla.
CSS примеры: 27 наиболее популярных css примеров
Просмотров: 77902
В этой статье мы имеем 27 CSS примеров и хаки, которые позволят вам сэкономить время и нервы. Зачем изобретать колесо, когда есть написанные фрагменты CSS кода? Надеюсь вам понравиться эта изумительная коллекция CSS примеров, которая также включает примеры CSS3. Также имеются некоторые классические CSS хаки, без которых не обойтись.
Создание wordpress шаблона: продолжение
Просмотров: 9561
В этой статье мы добавим к нашей wordpress теме сайдбар и архив, чтобы пользователи имели возможность читать ранее добавленные посты. В первой части статьи о создании шаблона worpress, мы также упоминали о single.php и комментариях, которые мы реализуем по ходу действий. Наверняка по ходу чтения статьи у вас появятся идеи, как добавлять виджеты и другие полезные wordpress штучки в разные области шаблона. Начнем?
Как создать wordpress шаблон, создаем wordpress тему
Просмотров: 36806
В этой статье мы узнаем, как создать wordpress тему. Для начала мы создадим HTML + CSS шаблон, который поместим в структуру wordpress темы. После того, как вы дочитаете эту статью, вы сможете создать собственный шаблон для wordpress, а точнее вы его создадите по ходу чтения и выполнения практических заданий. Вы будете знать как устроена тема и сможете самостоятельно реализовать ядро wordpress темы из других HTML/CSS шаблонов. Начнем?
CSS меню: выпадающее горизонтальное меню на css
Просмотров: 69404

Редко можно увидеть на сайте горизонтальные меню, которые ведут себя которые при наведении мыши выпадают, но они очень красивы и функциональны. Или как принято говорить – юзабильные. Сегодня мы создадим юзабильное выпадающее горизонтальное меню на чистом css коде. Часто замечал, что люди используют javascript, для достижения данного эффекта. На самом деле, все можно сделать только на CSS.

Наложить картинку на картинку с помощью CSS
Просмотров: 24012

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

CSS H1, H2: стилизация h1, h2 заголовков
Просмотров: 28737
Целью данной статьи, рассмотреть разные варианты стилизации h1, h2 заголовков. Тег H1 является важным тегом в теле странички. Как правило, он содержит в себе тематический заголовок страницы. Тег H1 должен выделяться, чтобы пользователю не составляло трудности понять, о чем идет речь на странице вашего сайта. Поэтому данный тег должен быть ярким моментом вашей страницы.