Уроки

УрокСпособы закругления уголков. 2 способ.

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

Новая задача: сделать блок с закругленными уголками с минимумом html-кода.

Закругляем уголки с помощью :before и :after

Такие элементы, как :before и :after существуют в css начиная с версии 2.0, однако они почему-то мало кому известны.

В общем, лучше на примере. Допустим, у нас есть такой контейнер:

<div class="box">
    Контент
</div>

плюс этого метода в том, что больше HTML не будет! В исходном коде будет записано только это!!

Теперь по css'y:

Задаем требуемый фон для нашего блока:

.box {
    background: #D27B24;
    padding: 15px;
}

УрокСпособы закругления уголков. 3 способ

Самый мощный способ загруглять уголки - этот. По крайней мере, на мой взгляд. Можно было бы использовать какие-нибудь скрипты, но если будет отключена поддержка скриптов в браузере (а это процентов 10-15 пользователей), то все ваши углолки окажутся абсолютно не закруглёнными. Поэтому будем работать исключительно с css, который поддерживают все браузеры.

Суть этого метода основывается на кроссбраузерной "тяжёлой артилерии" - position: absolute. Теперь объясняю более подробно:

УрокМеню с анимацией

Всегда хочется своё основное меню как-нибудь украсить. Кто-то делает его выпадающим, иногда раздвигающимся. Кто-то навешивает на него разных красивых картинок. Я вот решил прикрутить к меню красивый скрипт, который видели немногие. А так как меню многим нравится, я решил рассказать как его сделать. Темболее что оно абсолютно кроссбраузерно.

УрокКак правильно подключать скрипты и css в шаблон

Внимательно рассматривая шаблоны других друпалеров я толкнулся с тем, что многие не умеют правильно подключать скрипты и стили в свой шаблон. В большей половине случаев все подключают их в page.tpl.php строкой типа <style type="text/css" и так далее. Работать-то оно будет. Однако в Друпале такой вариант считается неправильным (некошерным, не Drupal way и т.д.), т.к. для таких целей был создан файл имяТемы.info. Он придуман для того, чтобы при сканировании друпалом всех шаблонов (или модулей), он мог вывести информацию о каждом из них не загружая большое количество кода для выдирания оттуда информации о данной теме (модуле), что позволяет экономить ресурсы памяти.

УрокНемного о выводе меню через шаблон

Поговорим немного о том, как выводить меню через тему. Обычно это выводится через файл page.tpl.php вот такой строкой кода:

<?php echo theme('links', $primary_links); ?>

Если нам надо поменять вывод ссылок, то нам понадобится функция theme_links(), которую можно найти в файле theme.inc в папке drupal/includes. Достаточно запихнуть эту функцию в файл template.php своей темы, изменив название theme_links на имяТемы_links - и подхватываться будет именно ваше выполнение этой функции, а не дефолтное.

Прошу обратить внимание, что вывод через theme('links', $primary_links) выводит только верхний уровень меню. Чтобы вывести меню со всеми его дочерними элементами, надо воспользоваться функцией menu_tree('primary-links'), то есть написать

<?php echo menu_tree('primary-links'); ?>

УрокВыделение комментариев (аноним, автор статьи, админ)

Комментарии - довольно часто используемый модуль друпала. И хорошим тоном считается выделение комментариев анонимов, или автора статьи, или админа, или их всех сразу. Теперь о том как это сделать.

Для того чтобы менять фон для комментариев разного типа, достаточно влесть в создание комментириев и повесить на коммент определённый класс, а потом в зависимости от этого класса через css вешать фон на эти стили.

Чтобы это всё сделать, вставьте следуйщий код в template.php:

УрокКак из http://www.имяСайта сделать переадресацию на http://имяСайта или наоборот

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

Находим в корневом каталоге файл .htacces и открываем его в любом блокноте. Для того, чтобы сайт открывался только с www, надо в конец файла, перед добавить следующее:

Страницы