Блоки в одну строку

Тема в разделе "Кодировки, ошибки отображения (крякозябры)", создана пользователем Pormonik, 06.12.2012.

  1. Offline

    Pormonik Недавно здесь

    Регистрация:
    21.10.2010
    Сообщения:
    24
    Симпатии:
    0
    Пол:
    Мужской
    Дорогие форумчане.Не могу разобраться с модулем.Вывел модуль zoo в материале.Все хорошо, но требуется этот модуль разместить не вертикально, как у меня сейчас, а горизонтально, по 3 материала в строчке. Т.к это модуль, то стоит claer обтекание слева и справа. Прошу помощи, задача несложная, но реально нужная.
    Сайт : http://rufree-soft.ru/
    П.с знаю что правки в CSS затронут и модуль справа, я потом пропишу суффикс для модуля в материале.
    Спасибо.
     
  2.  
  3. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 461
    Симпатии:
    303
    Пол:
    Мужской
    Задаете уникальный ID или класс, далее через CSS ширину обязательно, честно не понял зачем Вам такое? О_о
    [​IMG]
     
  4. Offline

    Pormonik Недавно здесь

    Регистрация:
    21.10.2010
    Сообщения:
    24
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо,надоумили меня,все получилось . Но теперь другая проблема. Пытаюсь прописать суффикс модуля для модуля в материале и ничего не происходит. Модуль попрежнему обращается к старому стилю без суффикса.Что может быть?В суффикс модуля в материале добавляю _new, затем в файле style.css добавляю ко всем стилям _new,получается вот так:
    Код (PHP):
    1. ul.zoo-list_new {
    2.  
    3.  
    4.     margin: 0;
    5.     padding: 0;
    6.     list-style: none;
    7. }
    8.  
    9. ul.zoo-list_new > li {
    10. width:150px;
    11. margin:0 auto;
    12. display: inline-table;
    13.     margin-top: 5px;
    14.     padding-top: 5px;
    15.     border-top: 1px solid #ddd;
    16. }
    17.  
    18. ul.zoo-list_new > li:first-child {
    19.  
    20.     margin-top: 0;
    21.     padding-top: 0;
    22.     border: none;
    23. }
    24.  
    25. ul.zoo-list_new > li > a:first-child { display: block; }
    26.  
    27. .zoo-item-list_new > li { overflow: hidden; }
    28.  
    29. /* Position: Media */
    30. .zoo-item-list_new div.media-top { margin-bottom: 10px; }
    31.  
    32. .zoo-item-list_new div.media-left {
    33.     margin: 4px 10px 0 0;
    34.     float: left;
    35. }
    36.  
    37. .zoo-item-list_new div.media-right {
    38.     margin: 4px 0 0 10px;
    39.     float: right;
    40. }
    41.  
    42. .zoo-item-list_new div.media-middle,
    43. .zoo-item-list_new div.media-bottom { margin-top: 10px; }
    44.  
    45. .zoo-item-list_new div.media > img,
    46. .zoo-item-list_new div.media > object,
    47. .zoo-item-list_new div.media > embed { display: block; }
    48.  
    49. /* Position: Title */
    50. .zoo-item-list_new p.title { margin: 0px; color: #1F79EB; font-weight: bold;}
    51.  
    52. /* Position: Meta */
    53. .zoo-item-list_new p.meta {
    54.     margin: 0px;
    55.     font-size: 10px;
    56.     color: #000;
    57.     line-height: 13px;
    58.     font-style: arial;
    59. }
    60.  
    61. /* Position: Description */
    62. .zoo-item-list_new div.description { margin: 5px 0 0 0; }
    63.  
    64. .zoo-item-list_new div.description > div { margin-top: 5px; }
    65. .zoo-item-list_new div.description > div:first-child { margin-top: 0;    background-image: url('images/mmm.png');}
    66.  
    67. /* Position: Links */
    68. .zoo-item-list_new p.links { margin: 5px 0 0 0; }
    69.  
    70. .zoo-item-list_new p.links span a:after {
    71.     content: " »";
    72.     font-size: 16px;
    73. }ul.zoo-list_new > li:first-child {
    74.  
    75.     margin-top: 0;
    76.     padding-top: 0;
    77.     border: none;
    78. }
    79.  
    80. ul.zoo-list_new > li > a:first-child { display: block; }
    81.  
    82. .zoo-item-list_new > li { overflow: hidden; }
    83.  
    84. /* Position: Media */
    85. .zoo-item-list_new div.media-top { margin-bottom: 10px; }
    86.  
    87. .zoo-item-list_new div.media-left {
    88.     margin: 4px 10px 0 0;
    89.     float: left;
    90. }
    91.  
    92. .zoo-item-list_new div.media-right {
    93.     margin: 4px 0 0 10px;
    94.     float: right;
    95. }
    96.  
    97. .zoo-item-list_new div.media-middle,
    98. .zoo-item-list_new div.media-bottom { margin-top: 10px; }
    99.  
    100. .zoo-item-list_new div.media > img,
    101. .zoo-item-list_new div.media > object,
    102. .zoo-item-list_new div.media > embed { display: block; }
    103.  
    104. /* Position: Title */
    105. .zoo-item-list_new p.title { margin: 0px; color: #1F79EB; font-weight: bold;}
    106.  
    107. /* Position: Meta */
    108. .zoo-item-list_new p.meta {
    109.     margin: 0px;
    110.     font-size: 10px;
    111.     color: #000;
    112.     line-height: 13px;
    113.     font-style: arial;
    114. }
    115.  
    116. /* Position: Description */
    117. .zoo-item-list_new div.description { margin: 5px 0 0 0; }
    118.  
    119. .zoo-item-list_new div.description > div { margin-top: 5px; }
    120. .zoo-item-list_new div.description > div:first-child { margin-top: 0;    background-image: url('images/mmm.png');}
    121.  
    122. /* Position: Links */
    123. .zoo-item-list_new p.links { margin: 5px 0 0 0; }
    124.  
    125. .zoo-item-list_new p.links span a:after {
    126.     content: " »";
    127.     font-size: 16px;
    128. }

    Извините,не знаю как сюда вставить код CSS
     
    Последнее редактирование модератором: 06.12.2012
  5. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    На форуме все коды надо вставлять через тэги PHP, в остальных отвалилось форматирование :X

    Если суффикс к модулю не добавляется - возможно, модуль на сайте выводится через позицию из modules.php, в которой не прописано добавление суффикса класса при выводе модуля (заумно как-то получилось... =O):
    Код (PHP):
    1. <?php echo htmlspecialchars($params->get('moduleclass_sfx')); ?>


    P.S.: Слушай, а как ты понял, что суффикс не добавляется? Ты случайно не забыл посмотреть исходный код страницы??)
     
    Последнее редактирование: 06.12.2012
    Pormonik нравится это.
  6. Offline

    Pormonik Недавно здесь

    Регистрация:
    21.10.2010
    Сообщения:
    24
    Симпатии:
    0
    Пол:
    Мужской
    Конечно посмотрел,можете убедиться, rufree-soft.ru. А можно поподробнее, про вывод из modules.php,что нужно сделать в этом случае.
    Щас на главной странице,вы видите 2 модуля,которые используют 1 стиль.Собственно для модуля слева я хочу оставит старый стиль,а для модуля в материале прописать новый стиль.
     
  7. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 461
    Симпатии:
    303
    Пол:
    Мужской
    Так просто переназначайте правила пример:
    Код (CODE):
    1. .article .module-rang {правила !important;}
     
  8. Offline

    Pormonik Недавно здесь

    Регистрация:
    21.10.2010
    Сообщения:
    24
    Симпатии:
    0
    Пол:
    Мужской
    Нашел тему http://joomla-support.ru/thread/17479/ , это мой случай?А где искать файл modules.php?
     
    Последнее редактирование модератором: 31.03.2014
  9. Offline

    Pormonik Недавно здесь

    Регистрация:
    21.10.2010
    Сообщения:
    24
    Симпатии:
    0
    Пол:
    Мужской
    Не очень понял,а можно на примере моего кода?Спасибо.
     
  10. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    брат, читай про разработку шаблонов под J2.5!
    modules.php - файл, в котором храняться стили вывода модулей.
    Стиль вывода выбирается параметром STYLE при выводе позиции модуля в шаблоне.
    Например:
    Код (PHP):
    1. <jdoc:include type="modules" name="..." STYLE="..." />


    Для абсолютного большинства случаев оптимальный стиль вывода модулей (сделал под себя пол года назад, пользуюсь везде...) такой:
    Код (PHP):
    1. <?php defined('_JEXEC') or die;
    2.  
    3. function modChrome_simple($module, &$params, &$attribs) {
    4.    
    5.     if($module->content == true) { ?>
    6.  
    7.     <div
    8.         <?php
    9.             if($params->get('moduleclass_sfx') != false) {
    10.                 echo 'class='.htmlspecialchars($params->get('moduleclass_sfx'));
    11.             }
    12.         ?>
    13.     >
    14.    
    15.         <?php if ($module->showtitle != 0) : ?>
    16.             <div class="header">
    17.                 <h3><?php echo $module->title; ?></h3>
    18.             </div>
    19.         <?php endif; ?>
    20.        
    21.         <div class="content">
    22.           <?php echo $module->content; ?>
    23.         </div>
    24.        
    25.     </div>
    26.    
    27.     <?php
    28.     }
    29. }
    30. ?>

    Если взять пример, описанный выше, получаем, что для вывода модуля с использованием такого стиля нужно написать в позиции модуля:
    Код (PHP):
    1. <jdoc:include type="modules" name="..." STYLE="SIMPLE" />
     
  11. Offline

    Pormonik Недавно здесь

    Регистрация:
    21.10.2010
    Сообщения:
    24
    Симпатии:
    0
    Пол:
    Мужской
    Я так понимаю файл modules.php должен быть в папке шаблона?У меня просто его нет,нужно видимо создать.
     

Поделиться этой страницей

Загрузка...