Как определяется высота для региона в теме Drupal?

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

Например, в переменной acq_minimal /Minimal область заголовка имеет фиксированную высоту, но я рассмотрел defaults.css и другие файлы css и файлы шаблона .php, но я не вижу, как определяется его высота.

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

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

Просьба сообщить.

4 голоса | спросил therobyouknow 22 ThuEurope/Moscow2011-12-22T03:47:42+04:00Europe/Moscow12bEurope/MoscowThu, 22 Dec 2011 03:47:42 +0400 2011, 03:47:42

3 ответа


8

Ничего волшебного здесь не происходит; просто загляните в файл .info для таблиц стилей, а затем посмотрите на них. CSS в сочетании с html в файле page.tpl.php и других файлах шаблонов создают страницы, созданные drupal. Ну, иногда в игру вступает какой-то javascript, но это покрывает большую часть разметки страницы.

Сложение:

У меня нет темы, на которую вы ссылаетесь, в частности, на моей машине, и если вы используете Drupal 7, она будет немного отличаться, но в качестве примера можно использовать гирлянду под Drupal 6, а также изложить вышеизложенное и ниже, если мы откроем файл .info, мы найдем:

regions[header] = Header

Это говорит движку темы, что у него есть область, называемая заголовком. Итак, если мы посмотрим в файле page.tpl.php, мы найдем:

<div id="header-region" class="clear-block"><?php print $header; ?></div>

Итак, когда пользователь помещает блоки в область заголовка через страницу администрирования блоков, drupal помещает весь html и т. д. в переменную $ header для этих блоков, которая затем выводится здесь, когда она рисует страницу.

Как вы можете видеть, $ header заключен в CSS-идентификатор и класс, поэтому вы можете вернуться к файлу .info, чтобы найти ваши файлы CSS:

stylesheets[all][] = style.css

Открытие стиля style.css показывает:

#header-region {
  min-height: 1em;
  background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
}

, который дает первый из многих каскадных стилей, применимых к области заголовка темы. Не волнуйтесь на классе четких блоков, это просто волшебный способ убедиться, что рядом с заголовком ничего нет (и наоборот), и вы еще не готовы к этому, но lol.

Итак, если вы сделаете это со своей темой, вы сможете узнать, как его стиль заголовка.

ответил Jimajamma 22 ThuEurope/Moscow2011-12-22T03:59:00+04:00Europe/Moscow12bEurope/MoscowThu, 22 Dec 2011 03:59:00 +0400 2011, 03:59:00
2

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

ответил Malks 22 ThuEurope/Moscow2011-12-22T06:34:55+04:00Europe/Moscow12bEurope/MoscowThu, 22 Dec 2011 06:34:55 +0400 2011, 06:34:55
0

Попробуйте Sweaver , это потрясающе!

  

Sweaver предлагает визуальный интерфейс для полного изменения темы Drupal без знания CSS. Через панель, расположенную в нижней части экрана, вы можете изменять шрифты, цвета, размеры и т. Д. Всех элементов дизайна и просматривать изменения в реальном времени. Если вы довольны изменениями, вы можете легко сохранить его в качестве ревизии для немедленной активации или сохранения позже.   Продвинутые пользователи найдут очень подключаемую и настраиваемую систему, которая позволяет полностью управлять интерфейсом и расширять функциональность.

Я был настроен скептически, когда читал о том, что он может сделать. Но получилось здорово, работает как шарм! Удивительный редактор, сокращает часы кодирования до минут!

ответил ranito1980 4 Jam1000000amFri, 04 Jan 2013 00:39:55 +040013 2013, 00:39:55

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132