郑州亚雷
郑州新媒体
电商运营

dedecms幻灯图如何调大居中变成轮播图效果?

字号+ 作者:亚雷 来源:互联网2018-01-09 18:17 我要评论( )

dedecms幻灯片如何调大居中变成轮播图效果? 由于要修改dedecms的幻灯图,首先要建一个栏目,发表一篇文章,上传缩略图,让幻灯区域有图片出现幻灯效果,新建栏目截图如下: 点击确定,新建列表栏目页成功,点击新建的栏目准备发一篇文章并上传缩略图。 点击

 

dedecms幻灯图如何调大居中变成轮播图效果?

       由于要修改dedecms幻灯图,首先要建一个栏目,发表一篇文章,上传缩略图,让幻灯区域有图片出现幻灯效果,新建栏目截图如下:

 

   点击确定,新建列表栏目页成功,点击新建的栏目准备发一篇文章并上传缩略图

  

  

  点击添加文档,进行添加文章和缩略图,截图如下;

  

  文章编写完毕,点击保存,生成主页、栏目、文档等,然后进入网站主页中,点击主页幻灯图片效果已经出现。

  

  然后按F12键进行调试修改,并查看修改效果。在幻灯上部和导航条的下部存在空白,放大镜查看有div.banner。去head.html中将此div.banner删除掉。

  

  打开head.html删除div截图所示:

      删除修改幻灯图片效果的大小的宽和高,放大镜点开后点击幻灯,将宽设置960,将高设置300,截图如下:

  

  

  将div.flashnews收缩,将控制flashnews的样式的宽和高设置成960和300px,截图如下:

  

  修改完成后将div.flashnews,选中然后鼠标左键按住不懂拖到,div.w960 center clear mt1与div.pleft中间。

  

  拖过去预览效果效果如下:

  

  调成修改成功,进入后台,进行修改,先进入主页模板,进行div.flashnew位置移动,移动到div.w960 center clear mt1与div.pleft中间,然后修改幻灯图片大小的的形式效果,截图如下:

  

  之后进行控制div.flashnew的样式进行修改宽和高,找到style文件夹下page.css文件。

  

  修改后保存后各种生成,效果预览截图如下:


     
 

         &&个人微信&&                          &&今日头条号&&                &&微信公众号&&

 

 

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

郑州自媒体相关文章
郑州自媒体
郑州亚雷
郑州自媒体精彩导读
郑州自媒体
郑州亚雷
郑州自媒体
郑州亚雷