Все ленты — последние статьи

12 эффектов для текста с использованием теней CSS

12 эффектов для текста с использованием теней CSS

Типографика является самой любимой игрушкой веб дизайнеров. CSS имеет в своем составе один очень интересный инструмент — text-shadow (тень текста), который на первый взгляд кажется достаточно простым, но с его помощью можно создать запоминающиеся эффекты, если подключить изобретательность и воображение.


Основы использования теней

Свойство text-shadow очень просто использовать. Оно поддерживается всеми современными браузерами и даже без использования префиксов. Но поддержка в IE (даже в IE9) отсутствует. Можно использовать инструменты, например, Modernizr, которые помогут вытянуть эффекты CSS3 даже в старых версиях IE.
Синтаксис

Подробнее: 12 эффектов для текста с использованием теней CSS

Структурные псевдо-классы и псевдо-элементы

Структурные псевдо-классы и псевдо-элементы

Данный урок является последним в серии, посвященной селекторам CSS. В первом уроке были рассмотрены селекторы атрибутов, во втором — комбинаторы и некоторые псевдо-классы. Завершим обзор селекторов разбором структурных псевдо-классов и псевдо-элементов.

Примечание: в скобках указан вариант стандарта CSS, в котором был введен селектор.

Подробнее: Структурные псевдо-классы и псевдо-элементы

Комбинаторы и псевдо классы.

Комбинаторы и псевдо классы.

В предыдущем уроке серии мы разбирали некоторые селекторы, с помощью которых можно привязать стили CSS к коду HTML. Были слегка затронуты простые селекторы, а основное внимание сконцентрировалось на селекторах атрибутов.

Данный урок продолжает серию о селекторах CSS и будет посвящен комбинаторам и псевдо-классам. Примечание: В скобках указан вариант стандарта CSS, в котором введен комбинатор или псевдо-класс.

Подробнее: Комбинаторы и псевдо классы.

Как подключать разные CSS для разных браузеров.

Если кому пригодиться, вот переделанный код под мою задачу:

<link rel="stylesheet" href="/templates/template ?>/css/template.css" />
<link rel="stylesheet" href="/templates/template ?>/css/components.css" />
<link rel="stylesheet" href="/templates/template ?>/css/content.css" />
<link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/

Подробнее: Как подключать разные CSS для разных браузеров.

Использование нескольких файлов css в одном Joomla шаблоне

Использование нескольких файлов css в одном Joomla шаблоне

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

Подробнее: Использование нескольких файлов css в одном Joomla шаблоне