0

我有几个 Joomla！我有信心的网站。我的 Joomla！网站有一个艺术家模板。我最近制作了一张“伸出”图片，突出了床单的边缘，并显示了一个“从床单后面伸出”的机器人。这也有一个 postion:fixed 属性，以便它与用户一起滚动。我在 .css 中使用了背景图片来获得我想要的效果。我想使用自定义 HTML 模块为带有 FB、twitter 等的“社交框”做同样的事情，但我发现很难！

我已将自定义模块添加到 index.php，并在 .css 样式表中正确设置样式。它在 index.php?tp=1 模板预览中准确地显示了我想要的位置，但是，它没有显示在实时模板上。从那以后，我一直在玩不同的位置，并将它移到床单上，它显示得很好，但是，我希望它离开床单以节省空间。如果工作表不可能，我开始认为自定义模块在外面。希望有一些Joomla！SO上的大师？

我的 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;
}

任何帮助，将不胜感激。我已经在 J​​oomla! 论坛和艺人论坛，但我没有任何回应！

亲切的问候，马特

4

1 回答 1

0

我将 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>

现在已经移动，现在是标题（我认为）。

然后我将css中的div编辑为：

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

现在一切都很好！

于 2012-02-23T15:44:38.713 回答