|
|
12 эффектов для текста с использованием теней CSS
Типографика является самой любимой игрушкой веб дизайнеров. CSS имеет в своем составе один очень интересный инструмент — text-shadow (тень текста), который на первый взгляд кажется достаточно простым, но с его помощью можно создать запоминающиеся эффекты, если подключить изобретательность и воображение.
Основы использования теней
Свойство text-shadow очень просто использовать. Оно поддерживается всеми современными браузерами и даже без использования префиксов. Но поддержка в IE (даже в IE9) отсутствует. Можно использовать инструменты, например, Modernizr, которые помогут вытянуть эффекты CSS3 даже в старых версиях IE.
Синтаксис
Подробнее: 12 эффектов для текста с использованием теней CSS
Структурные псевдо-классы и псевдо-элементы
Данный урок является последним в серии, посвященной селекторам CSS. В первом уроке были рассмотрены селекторы атрибутов, во втором — комбинаторы и некоторые псевдо-классы. Завершим обзор селекторов разбором структурных псевдо-классов и псевдо-элементов.
Примечание: в скобках указан вариант стандарта CSS, в котором был введен селектор.
Подробнее: Структурные псевдо-классы и псевдо-элементы
Комбинаторы и псевдо классы.
В предыдущем уроке серии мы разбирали некоторые селекторы, с помощью которых можно привязать стили CSS к коду HTML. Были слегка затронуты простые селекторы, а основное внимание сконцентрировалось на селекторах атрибутов.
Данный урок продолжает серию о селекторах 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 шаблоне
Не секрет, что многим не хватает гибкости в структуре шаблона Joomla. А ведь почти всегда бывают ситуации, когда нам необходимо вывести тот или иной материал вне общих правил, ну или добавить некоторую изюминку во внешний вид сайта. Ниже я попытался показать как с помощью дополнительных css файлов можно улучшить функционал вашего шаблона Joomla.
Подробнее: Использование нескольких файлов css в одном Joomla шаблоне
|
|
|
|