Шаблон Joomla 3 - ширина модуля в обертке

0

Прежде всего, я хотел бы извиниться, если эта проблема уже имеет ответ в stackoverflow.com, я просто не мог придумать, как решить эту проблему. Во всяком случае, вот моя проблема: я работаю над Joomla! 3.0.2, и я столкнулся с проблемой с шириной div.

Я хочу иметь 2 разных div-s в моей обертке так:

<div class="wrapper">
  <div class="content"></div>
  <?php if($this->countModules('sidebar')) :?>
     <div class="sidebar"></div>
  <?php endif; ?>
</div>

Я хочу, чтобы "контент" имел ширину обертки 70%, а "боковая панель" - 30%, но только при выборе боковой панели. Если модуль боковой панели не активен, я хочу, чтобы ширина содержимого составляла 100%. Мой вопрос: как мне это сделать? Я пробовал множество опций в css, но до сих пор мне это не удалось.

Теги:
joomla

1 ответ

1
Лучший ответ

установите второй класс в div content если countModules('sidebar') равен 0 и используйте css для установки стилей

SCRIPT

<div class="wrapper">
  <div class="content <?php if($this->countModules('sidebar')==0) echo "full"; ?>"></div>
  <?php if($this->countModules('sidebar')) :?>
     <div class="sidebar"></div>
  <?php endif; ?>
</div>

CSS

.content {
   width:70%;
}

.content.full {
   width:100%;
}

.sidebar {
   width:30%;
}

селектор .content.full переопределит .content один.

  • 0
    Эванс - Спасибо! В основном это то, что я искал, я могу работать с этим, но я подумал, что дам вам знать, что это работает противоположным образом ... когда я устанавливаю .content 70% и .content.full 100%, содержимое 100%, когда боковая панель активна, и 70%, когда не активна. Однако, чтобы сделать это, я установил .content.full 70% и .content 100% - работает как брелок
  • 0
    да, я сделал проверку неправильно, если должен проверить, что countModules ('sidebar') равен 0, не более 0
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню