Создание пользовательского HTML-модуля вне листа в Joomla, который не отображается

У меня есть пара Joomla! сайты, с которыми я чувствую себя уверенно. Моя Джумла! на сайте есть шаблон artisteer. Недавно я сделал «выпирающее» изображение, на котором выступал край листа, и на нем был изображен андроид, «высовывающийся из-за листа». У этого также есть атрибут position:fixed, так что он прокручивается вместе с пользователем. Я использовал фоновую картинку в .css, чтобы получить то, что я хотел. Я хотел бы сделать то же самое для «социального ящика» с FB, Twitter и т. д., используя пользовательский HTML-модуль, но мне это сложно!

Я добавил пользовательский модуль в index.php и получил правильный стиль в таблице стилей .css. Он показывает именно то, что я хочу, в предварительном просмотре шаблона index.php?tp=1, однако он не отображается в реальном шаблоне. С тех пор я поиграл с разными позициями и переместил его на лист, и он отлично отображался, однако я бы хотел, чтобы он был снят с листа, чтобы сэкономить место. Я начинаю думать, что пользовательский модуль вне листа невозможен. Надеюсь, есть некоторые Joomla! гуру на ТАК?

часть моего index.php приведена ниже (ранее я делал пользовательские модули, и вот как я это сделал, найденный в документах Joomla!):

<?php if ($view->containsModules('right')) : ?>
<div class="art-layout-cell art-sidebar2">
<?php echo $view->position('right', 'art-block'); ?>
<div class="social">
<div id="social"><jdoc:include type="modules" name="social" /></div>
</div>
<div class="cleared"></div>
</div>

<?php endif; ?>

Это помещает модуль в «правильное» положение.

и стиль .css в таблице стилей:

#social {
    position: fixed;
    top: 125px;
    margin-left: 203px;
    border: solid #D5D5D5;
    background-color: #DFDFDF;
    z-index: 29000;
    width: 70px;
}

Любая помощь будет оценена по достоинству. Я разместил в Joomla! форумы и форумы артистов, но у меня не было ответа!

С уважением, Мэтт


css joomla-template
person Matt    schedule 22.02.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я изменил свой index.php на

<div class="art-logo">
</div>
<div id="header_menu"><jdoc:include type="modules" name="header_menu" /></div>
<div id="social"><jdoc:include type="modules" name="social" /></div>
<?php if ($view->containsModules('user3', 'extra1', 'extra2')) : ?>
<div class="art-bar art-nav">
<div class="art-nav-outer">

так что

<div id="social"><jdoc:include type="modules" name="social" /></div>

теперь переехал и теперь является заголовком (я думаю).

Затем я отредактировал div в css следующим образом:

#social {
    position: fixed;
    top: 180px;
    margin: -80px;
    border: solid #D5D5D5;
    background-color: #DFDFDF;
    z-index: 29000;
    width: 70px;
}

и теперь все отлично отображается!!

person Matt    schedule 23.02.2012