Верстка (html, css). Вопросы и обсуждения по верстке, приемы и хитрости
При создании шаблонов для Joomla очень часто использую один простой пример, который позволяет оформлять ссылки красиво. Единственное условие для организации этого, необходимо, чтобы анкор ссылки был заключен в span, т.е. иметь следующий вид:
<a href=’#’ title=’title’><span>Добро пожаловать</span></a> |
Пункты меню в Joomla как раз выводятся в таком формате.
Довольно старая статья, которая заслуживает внимания. Сейчас конечно актуальна версия 1.5, но эта статья для ветеранов, использующих версию 1.0.
Будем создавать интересную вещь «Аккордион» и внедрять ее в CMS Joomla. Для этого понадобится два файла: jquery.js и toggler.js. Эффект будет заключаться в том, что на главной странице мы выводим краткий текст статей. Через jquery будем скрывать содержимое всех статей, кроме первой, а заголовок каждой статьи превратим в ссылку, при нажатии на которую будет показываться или убираться текст статьи. Читать далее Аккордеон для Joomla 1.0
Браузер Опера был моим первым после IE. Это было уже довольно давно, когда Я еще понятия не имел как создаются html страницы, и уж тем более был удивлен, что в разных браузерах они могут отображаться по разному. Читать далее случай с «Opera»
Написал статью для JoomSchool про особый вывод модулей. Вообще в Joomla 1.5 для этого намного больше свободы, чем в версии 1.0.
Можно по своему оформлять вывод категорий, разделов, статей и пр. В общем, кому интересно можно почитать статью на JoomSchool.ru.
В будущем надо бы рассмотреть все остальные элементы из папки html, возможностей там море.
Для чего нужны спрайты и что они из себя представляют, постараюсь изложить в этой статье. Для начала немного терминологии из Википедии:
Чаще всего — растровое изображение, свободно перемещающееся по экрану. Наблюдение спрайта под несоответствующим углом приводит к разрушению иллюзии. То есть легче всего воспринимать спрайт как перемещающуюся в пространстве проекцию какого-то объёмного тела так, что разница незаметна.
Css-спрайт (англ. css sprite) — одно изображение, которое включает в себя несколько логически связанных изображений, хранящихся вместе для экономии трафика.
Создали страницу с текстовыми полями. Сохранили, посмотрели результат в Хроме, и видим, что он делает. А именно, выделенное текстовое поле он обрамляет желтым бордером.
