【问题标题】:Full width slider in Wordpress?Wordpress中的全宽滑块?
【发布时间】:2013-08-21 09:17:26
【问题描述】:

好的,所以我需要一个位于普通页面中的滑块以跨越整个屏幕。 包装器和所有其他元素的最大宽度为 960 像素,这就是滑块的移动距离。 如果我改变这些,整个网站就会变得一团糟。

我使用带有 Twentytwelve 主题的 Wordpress 3.5 作为父级。

滑块: http://rocketplugins.com/wordpress-slider-plugin/

这是我在帖子中使用的唯一代码。所以我想我需要让帖子更宽? [滑块 id='32' 名称='']

【问题讨论】:

  • 你能提供侧链接或一些代码吗?
  • 完成!真的不知道怎么解释更好

标签: html css wordpress slider


【解决方案1】:

不太确定您的链接所解释的产品,但您需要编辑您的页面模板。

会有一个内容 div(设置了 max-width 的那个)。你的新 div,新滑块的那个,需要在它上面。我为你做了一个page layout fiddle

HTML

<div class="newdiv">Slider here</div>
<div class="content">
    <p>Your WordPress post stuff here</p>
</div>

CSS

.content{max-width:960px; height: 800px; background: #D3D3D3; margin: 0 auto;}
.newdiv{width:100%; height:200px; background:#BADA55;}

【讨论】:

    【解决方案2】:

    已解决

    <div id="slider">[slider id='32' name='']</div>
    

    #slider {
    position: absolute;
    left: 0;
    right: 0;
    height: 563px;
    display: block;
    }
    

    这不是最好的解决方案。但它有效!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-03
      • 1970-01-01
      • 2012-05-23
      • 2019-04-21
      相关资源
      最近更新 更多