• 基础互联
  • 服务支持
  • 合作代理
  • 关于我们
  • ballbet西甲赞助优+
  • 帮助中心

    Service Support

    如何设置如意宝宽屏banner

      2017-02-21 15:01:01   次浏览

    *{ padding:0px; margin:0 auto; }img{ border:none; padding-bottom:8px;}body{font-size:12px; line-height:20px;}如何添加如e宝宽屏banner第一步: 进入后台可视化视图,在banner位置先拖一个一行一列的布局,然后在拖一个banner魔方放在这个布局里面(如图1.1)。banner魔…
    如何添加如e宝宽屏banner

    第一步: 进入后台可视化视图,在banner位置先拖一个一行一列的布局,然后在拖一个banner魔方放在这个布局里面(如图1.1)。banner魔方的宽高根据你需要大小设置(宽度根据电脑分辨率来定),如图1.2。


    (图1.1所示)



    (图1.2所示)

    第二步: 设置好魔方和布局后,需要给banner在浮动时候腾出一个高度来放banner魔方,banner在顶级框架内就选择顶部框架的css样式表设置底部间距(跟魔方高度一样),banner在内容框架里就选择内容框架css样式表设置顶部间距(跟魔方高度一样)如图1.3所示 。

    (图1.3所示)


    第三步: 进入页面文件管理,点击banner所在页面的修改进入代码视图,banner魔方自身布局设置样式: style="width:1423px; MARGIN: 0px auto;" ,外框布局样式设置:style="width:100%; position:absolute; left:0px;",如图1.4所示 。备注:如果设置好这里还要进入可视化,需先把刚刚这里添加的代码删除再进可视化。

    (图1.4所示)


    属性介绍:
    position:absolute (对banner魔方进行绝对定位) left:0 (对banner魔方靠左对齐)


    第四步: 图片上传
    选定栏目 >> 栏目图片上传,然后在前台查看效果如图1.5。(注意图片的宽度跟设置的魔方宽度一致。)

    (图1.5所示)