Настройка Sidebar position

  • 4 Ответов
  • 197 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Nargal

  • **
  • 12
  • + 0 -
Настройка Sidebar position
« : 02.12.2016, 10:25:51 »
Здравствуйте ув. кодеры! Помогите решить одну проблему! Дело в том что в интернете полно шаблонов для Joomla 3.x но в каждом шаблоне что то не нравится, и я решил сделать свой шаблон. В качестве движка, что бы не тратить время, выбрал Bootstrap от Twitter. Разобрался как работает, написал шаблон и всё бы ничего, но я застрял на 1 месте - это позиция модулей с боку.

Сама разметка index.php выглядит следующим образом

Код
<div class="container">
  <div class="row">
    <div class="<?php echo $span; ?>">
      <jdoc:include type="message" />
      <jdoc:include type="component" />  
    </div>
                    
    <?php if($tpt_params_sidebar_pos == 'right') { ?>
      <div id="sidebar" class="col-md-4">
        <jdoc:include type="modules" name="sidebar" style="xhtml" />  
      </div>                    
    <?php } ?>
  </div>
</div>

Собственно из за чего весь сыр бор я не могу разделить модули в колонке sidebar между собой, то есть они идут подряд друг за другом с 1 фоном и так далее... Как правильно их разделить, что бы каждый модуль вставленный в колонку sidebar шёл с небольшим отступом друг от друга? Может лучше в modules.php написать свой стиль и присвоить его, только я пока не до конца понимаю, как это сделать (Написать нужную функцию)
« Последнее редактирование: 02.12.2016, 10:31:26 от Nargal »

*

effrit

  • *****
  • 7438
  • + 815 -
  • effrit.com
Re: Настройка Sidebar position
« Ответ #1 : 02.12.2016, 11:04:54 »
добрый день.
у модулей есть поле "суффикс класса модуля". если туда вписать некое значение, то получите уникальный класс контейнера модуля или, если поставите пробел вначале, добавочный класс.

*

Nargal

  • **
  • 12
  • + 0 -
Re: Настройка Sidebar position
« Ответ #2 : 02.12.2016, 11:36:51 »
добрый день.
у модулей есть поле "суффикс класса модуля". если туда вписать некое значение, то получите уникальный класс контейнера модуля или, если поставите пробел вначале, добавочный класс.

Да я это знаю, но хотелось бы всё настроить в CSS

*

effrit

  • *****
  • 7438
  • + 815 -
  • effrit.com
Re: Настройка Sidebar position
« Ответ #3 : 02.12.2016, 11:43:37 »
так это и будет настройка через CSS :)
вы по дефолту можете выставить что-то типа

Код
#sidebar .moduletable{margin-bottom:20px}

или

Код
#sidebar>div{margin-bottom:20px}

а если понадобится индивидуальный отступ для конкретного модуля - пропишите ему суффикс и свой отступ в CSS присвоите

*

Nargal

  • **
  • 12
  • + 0 -
Re: Настройка Sidebar position
« Ответ #4 : 02.12.2016, 11:51:19 »
так это и будет настройка через CSS :)
вы по дефолту можете выставить что-то типа

Код
#sidebar .moduletable{margin-bottom:20px}

или

Код
#sidebar>div{margin-bottom:20px}

а если понадобится индивидуальный отступ для конкретного модуля - пропишите ему суффикс и свой отступ в CSS присвоите

Спасибо, я кажется разобрался, я прописывал данную команду, но ввиду того что я всей позиции #sidebar поставил background, у меня всё было одним цветом. Когда я прописывал .moduletable отступ делался но из за цвета я думал что он просто растягивается)