Question

我有一个在Joomla 1.7中开发的网站。我想仅在主页上保留背景图像而不在其他页面上。

代码是这样的。

HTML

<body>
 <div id="wrapper">
  all content goes here
 </div>
</body>

CSS

body{margin:0px; padding:0px;}

#wrapper{background:url(../images/bg-img.jpg) repeat-x;}

Answer 1

在ID中提供body，然后为该网页定义css。

喜欢这个：

<强> HTML：

<body id="home">
 <div id="wrapper">
  all content goes here
 </div>
</body>

<强> CSS：

#home #wrapper{background:url(../images/bg-img.jpg) repeat-x;}
#wrapper{background:red}

Answer 2

正如Purmou所提到的，这些方法都不会起作用，因为Joomla使用模板中的相同index.php，因此如果您在那里编写代码，网站上的每个页面都将包含CSS类或ID。

幸运的是，Joomla将此记录下来，您可以轻松地使用简单的mod模板进行操作。 Joomla使用所谓的页面类后缀来允许您创建特定于页面的CSS。无论何时创建菜单项，都可以选择包含页面类后缀，该后缀仅添加到该菜单项中的页面。为了将该后缀放在body标签中以便您可以实现您要执行的操作，请将此代码添加到模板中的index.php中：

<?php
$app = JFactory::getApplication('site');
$params =  & $app->getParams('com_content');
$pageclass = trim($params->get('pageclass_sfx'));
?>
<body id="<?php echo $pageclass ? $pageclass : 'default'; ?>">

如果将一个页面类后缀添加到菜单项，它将作为正文标记ID插入。如果不这样做，则会使用“默认”。这样，您就可以控制每页主体的ID以及特定于网站上每个页面的男性更改。

Answer 3

制作第二个包装器（仅在您的主页上），其id为“homepage_wrapper”，并使用CSS为其设置背景。

Answer 4

您也可以使用课程。

 <body>
 <div id="wrapper" class="home">
 all content goes here
</div>
</body>

<强> CSS：

 #wrapper{}
 .home {background:url(../images/bg-img.jpg) repeat-x;}

如果您将使用背景（#wrapper）覆盖.home类属性，请确保您将使用（.home）类中的背景

改变背景图像

4 个答案: