Аватар пользователя steel.ne steel.ne 0 33

Создание новой темы. Часть шестая: правим block.tpl.php

CSS-only - это конечно хорошо и просто. Но вот например рассмотрим ситуацию - дизайнер грохнул кулаком по столу: надо круглые уголочки. Верстальщик напряг все свои знания CSS. И так крутил, и так крутил. Либо не везде работает, либо четвертый уголок некуда втулить. И идет он жаловаться программисту - ты типо что хочешь делай, но всунь мне еще один div.

11 апреля 2007 в 20:28

Создание новой темы. Часть пятая: CSS-only?

Добьем все что видно на заглавной странице: причешем блоки и основное содержимое.

Опять начнем с неких настоек по умолчанию:

h1 {
        font-size: 1.3em;
}
h2 {
        font-size: 1.2em;
}
h3 {
        font-size: 1.1em;
}

Тут понятно должно быть - скопом назначил размер шрифта для основных заголовков.

Дальше рассмотрим блоки на левой и правой панелях:

.block .title {
        text-align: center;
        font-size: 1em;
        background: #ddd;
}
.block .content {
        padding: 5px;
}
9 апреля 2007 в 23:40
Аватар пользователя steel.ne steel.ne 0 12

Создание новой темы. Часть четвертая: CSS-only

Сейчас уже настало время сделать то, что написано в заголовке - создать новый шаблон. Как мы это сделаем?
Очень просто - создаем папку внутри темы Bluemarine:
\themes\bluemarine\newtheme\

И создаем там пустой файлик style.css.

Все. Поздравляю - мы создали новую тему Wink
Наша тема появилась в списке ?q=admin/build/themes. Включаем ее и ставим по дефолту.

9 апреля 2007 в 15:11
Аватар пользователя steel.ne steel.ne 0 12

Создание новой темы. Часть третья: остальные .tpl.php.

Теперь рассмотрим вклад остальных шаблонов в формирование страницы.

Если уже вдумчиво сравнить шаблон с исходником сформированно страницы, то мы можем легко определить, какой переменной какой кусок кода соответствует. Естественно можно создавать свои переменные, переделать функции их формирования, но это задачи третьего пункта. Сейчас нас интересует минимальные косметические изменения.

3 апреля 2007 в 21:23
Аватар пользователя steel.ne steel.ne 0 23

Создание новой темы. Часть вторая: page.tpl.php.

Разберем подробнее HTML-структуру странички. Тема та же - стандартная Bluemarine.

После того, как мы посмотрели исходник готовой страницы, самое время немного полазить по файлам .tpl.php. Исключительно для понимания структуры. Сегодня мы их все еще менять не будем.

Итак, главный, центровой файл page.tpl.php в студию!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language ?>" xml:lang="<?php print $language ?>">

<head>

3 апреля 2007 в 14:10
Аватар пользователя steel.ne steel.ne 0 19

Создание новой темы. Часть первая: phpTemplate.

На мой взгляд, для друпала существует три кардинальных подхода для создания тем.

Первый: берем готовую тему и подсовываем ей свой CSS файл. В оригинальной документации на drupal.org эти темы называются CSS-only themes. Типичный пример такой темы в стандартной поставке 5.1 - тема Minelli (подтема Garland'а) или Marvin (подтема Chameleon'а). Мы в дальнейшем пройдем этот путь на примере темы Bluemarine опять же из стандартной поставки.

2 апреля 2007 в 23:11

ID элементов

Столкнулся с такой фишкой - на главной странице сайта есть две формы - форма поиска и входа пользователя. Элементы [b]submit[/b] в этих формах имеют одинаковый атрибут [b]id[/b]="edit-submit".

Естественно на это ругается валидатор w3c. Еще он правда ругается на размещение [b]ul[/b] внутри [b]span[/b], но это решаемо. Такая же ругань например на www.drupal.org. И на drupal.ru.

Как с этим мирится сообщество?

15 марта 2007 в 19:53