Drupal站点主页的全屏图像

时间:2013-03-13 21:00:58

标签: drupal background-image fullscreen

我是Drupal的新手,我正在尝试为我正在处理的网站设置主页。以下是我拍摄的示例:https://www.missionfed.com/

我想要一个全屏图像作为背景和框的部分非常类似于给出的示例。我不确定我需要做什么。我应该使用面板/视图吗?更改page.tpl.php文件?或其他什么?

另外,我是PHP的新手,所以这应该是一个有趣的学习曲线。基本上,我只需指向正确的方向。

由于

1 个答案:

答案 0 :(得分:1)

可以使用CSS应用于尸体旁边的div的背景图像。在您的示例中,它看起来像:

#home #pagebg {
  background: url(/path_to_image) no-repeat center top;
  -webkit-background-size: 2560px 1440px;
  -moz-background-size: 2560px 1440px;
  background-size: 2560px 1440px;
  width: 100%;
  display: table;
}

类似于给定站点的布局确实可以使用面板/视图(以及可能的上下文)来完成。只需选择最近的布局,并用视图和块填充它。

另一种方法是在.info文件中手动定义新区域,并在page.tpl.php中输出。但它需要更多的知识和时间。所以你可以坚持使用面板。