Как добавить а Protostar 3 позиции модулей в ряд? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Сразу скажу: знания PHP и CSS - минимальные. Хочу научиться создавать в нужном мне месте, например вверху три позиции модулей, или одну позицию но чтоб при вставке трех модулей чтоб они размещались рядом по горизонтали. Может кто-то не поленится набросать инструкцию на уровне "в этом файле вставляешь это а в стилях  - это" ну и т.д. На визуальном примере думаю мог бы научиться делать это самостоятельно и в процессе по живому разобраться в деталях.

В подписи:

Сайты любой сложности - обращайтесь

Сразу скажу: знания PHP и CSS - минимальные.

Olg - очередной флуд. Тебя простите е...т? Что я написал в своем статусе? Да, делаю сайты любой сложности, т.к. не трачу время на подобные высказывания а ОРГАНИЗОВЫВАЮ работу. И если ты посмотришь сайты которые сделал я при помощи организованных мной специалистов - поймешь (хотя не уверен). А то что я при том что ума хватило организовал процесс но и сам хочу чему-то научится - это наверное достойно твоих вонючих замечаний?

А теперь по сути: если ты такой профи, может поможешь мне, дашь пример и я своими куриными мозгами на нем научусь делать то чему захотел научиться?

В templates/protostar/index.php
стр.143, после тега </a>, enter и вставляешь код:

<!--Мой код. Здесь вставлено три позиции модуля (vhod, top, valiuta), расположенные в шапке горизонтально на одной линии с уже существующей позицией "position-0"-->
       <!--Позиция vhod -->
            <div class="header-search pull-right">
            <div class="vhod">
            <jdoc:include type="modules" name="vhod" style="none" />
            </div>
            </div>
      <!--Позиция top -->
            <div class="header-search pull-right">
            <div class="top">
            <jdoc:include type="modules" name="top" style="none" />
            </div>
            </div>
      <!--Позиция valuta -->
            <div class="header-search pull-right">
            <div class="valiuta">
            <jdoc:include type="modules" name="valiuta" style="none" />
            </div>
            </div>
      <!--Конец моего кода -->

В templates/protostar/templateDetails.xml
добавляешь к уже существующим позициям эти три позиции

 <positions>
                <position>top</position>
      <position>vhod</position>
      <position>valiuta</position>
 </positions>

В templates/protostar/css/template.css
в самом конце после закрывающейся }, enter и вставляешь код:

.top {
   margin-left:15px;
   margin-top:4px;
}
.vhod {
   margin-left:15px;
   margin-top:4px;
}
.valiuta {
    margin-left:15px;
}

Все. Стили можешь объединить, если хочешь. Я не стал, вдруг каждую позицию придется форматировать по разному

Спасибо огромное, буду разбираться.

В templates/protostar/index.php
стр.143, после тега </a>, enter и вставляешь код:

<!--Мой код. Здесь вставлено три позиции модуля (vhod, top, valiuta), расположенные в шапке горизонтально на одной линии с уже существующей позицией "position-0"-->
       <!--Позиция vhod -->
            <div class="header-search pull-right">
            <div class="vhod">
            <jdoc:include type="modules" name="vhod" style="none" />
            </div>
            </div>
      <!--Позиция top -->
            <div class="header-search pull-right">
            <div class="top">
            <jdoc:include type="modules" name="top" style="none" />
            </div>
            </div>
      <!--Позиция valuta -->
            <div class="header-search pull-right">
            <div class="valiuta">
            <jdoc:include type="modules" name="valiuta" style="none" />
            </div>
            </div>
      <!--Конец моего кода -->

В templates/protostar/templateDetails.xml
добавляешь к уже существующим позициям эти три позиции

 <positions>
                <position>top</position>
      <position>vhod</position>
      <position>valiuta</position>
 </positions>

В templates/protostar/css/template.css
в самом конце после закрывающейся }, enter и вставляешь код:

.top {
   margin-left:15px;
   margin-top:4px;
}
.vhod {
   margin-left:15px;
   margin-top:4px;
}
.valiuta {
    margin-left:15px;
}

Все. Стили можешь объединить, если хочешь. Я не стал, вдруг каждую позицию придется форматировать по разному

Спасибо большое это почти то что мне нужно. Все расписано пошагово.
 Единственно разница в том что у меня эти позиции должны стоять в ряд с position-3 то есть в основном поле сайта.
Я так понимаю что здесь кроме <div class="header-search pull-right">  В templates/protostar/index.php менять ничего не надо.
Но я никак не могу найти этот <div class="....">  для position-3, для position-0 нашел а этот не вижу. Может здесь особенность есть какая?

тоже интересует этот вопрос. в позиции 3 как сделать

Здравствуйте.
Joomla! 3.6.5 protostar 3.1 http://vse-xl-optom.01sh.ru/
Вроде всё просто, но только метод без адаптации.
Посоветуйте, как и что сделать, для хорошего отображения на всех экранах.
Спасибо.

  

Может здесь особенность есть какая?

Давно этим занимался. Сейчас уже и не вспомню. Там нет ничего сложного покопаетесь, найдете.

уже год как копается. уже до центра дорыл наверное.