Специфические стили Joomla
Хотя в Joomla 1.5 заложена функция отсечения вывода ядра в шаблоне, стиль ядра по умолчанию еще использует для вывода контента значительное число таблиц. Помимо этих таблиц, разработчику, для использования в своих целях, доступны названия стилей CSS ядра по умолчанию. Благодаря трудам различных членов сообщества Joomla, мы можем представить текущий перечень этих стилей в таблице 9.2. Он, правда, не включает стили по умолчанию для H1, H2, P, UL, A, FORM и т.д.
Таблица 9.2 Стили по умолчанию в Joomla 1.5 из 1.0
article_separator
adminform
article_separator
author
bannerfooter
bannergroup
bannerheader
banneritem
blog
blog_more
blogsection
breadcrumbs
button
buttonheading
clr
componentheading
content_email
content_rating
content_vote
contentdescription
contentheading
contentpagetitlw |
contentpane
contentpaneopen
contenttoc
createdate
created-date
date
input
inputbox
intro
latestnews
loclink
mainlevel
message
metadata
modifydate
module
moduletable
mosimage
mosimage_caption
mostread
newsfeed |
outline
pagenav
pagenav_next
pagenav_prev
pagenavbar
pagenavcounter
pathway
pollstableborder
read
search
searchintro
sections
sectiontable_footer
sectiontableentry
sectiontablefooter
sectiontableheader
small
smalldark
sublevel
title
wrapper |
Во многих шаблонах стили, приведенные в таблице 9.2, просто переопределяются более конкретно. По правилам CSS , более определенное правило перебивает менее определенное правило. Например:
a {color:blue;}
a:link {color:red;}
.contentheading {color:blue;}
div.contentheading {color:red;}
Цвет ссылки и цвет .contentheading будет красным, поскольку присвоение красного цвета сделано более определенным (в случае с .contentheading — из-за указания <div>).
В шаблонах Joomla вам будут часто попадаться более определенные правила. Это часто бывает, когда класс используется в таблице. Вот еще пример:
.moduletable
table.moduletable
.moduletable может быть использовано в <DIV> позиционирующем модуль. Класс table.moduletable может быть применен только к таблице через указание class="moduletable". То есть .moduletable будет применен в зависимости от того, в каком элементе он указан как его класс.
a.contentpagetitle:link
.contentpagetitle a:link
Правило contentpagetitle:link применяет стиль к любой ссылке, для которой указан класс .contentpagetitle. Правило .contentpagetitle a:link применяет стиль к любым элементам внутри .contentpagetitle, которые являются ссылками.
Специфику переопределений понять не так просто; переопределения часто легче начаться использовать с самого общего определения правил и, затем, делать их более определенными, если полученные результаты не похожи на те, что вы ожидаете.
Вот ссылки на некторые сайты, где этот вопрос обсуждеается более подробно:
В настоящее время, наш шаблон использует несколько таблиц. Как упомянуто ранее, это замедляет загрузку страниц и делает их обновление тяжелее. Чтобы сократить количество таблиц при вызове модулей, мы должны использовать параметры стиля вывода в jdoc:include.
Стоит заметить… Joomla генерирует определенные элементы, ID, и классы в коде страницы. Они могут быть использованы и переопределены при разработке шаблона на CSS.
Дальше »
|
Home