【DIY】模块发布-幻灯轮播样式（一）

截图预览：




使用说明：
进入diy模式 - 高级模式 - 添加帖子模块到自己需要的位置，
模块标题随便填，显示数量最多4，保存。
再次编辑这个模块 - 模块模板，将下面的代码粘贴进去提交保存
再次编辑这个模块 - 模块属性，将宽高分别设置为320*250，保存即可

1. <style type="text/css">
   
2. .cr180_diy1 { position:relative; width:320px;}
   
3. .cr180_diy1 .slideshow { height:250px; overflow:hidden }
   
4. .cr180_diy1 .bignews_btns { position:absolute; bottom:0; z-index:2; left:0; height:40px; color:#FFF}
   
5. .cr180_diy1 .slidebar { position:absolute; left:230px; bottom:15px; width:auto}
   
6. .cr180_diy1 .slidebar em { padding:2px 5px; background:#E3F3FA; border:#ccc 1px solid; z-index:3; margin-right:3px; color:#000}
   
7. .cr180_diy1 .slidebar em.on { background: #06F; color:#FFF; font-weight:bold}
   
8. .cr180_diy1 .slideother { width:170px; height:36px; line-height:16px; font-weight:bold; color:#FFF; position:absolute; bottom:0; left:10px; overflow:hidden}
   
9. .cr180_diy1 .slideother a { color:#FFF;}
   
10. .cr180_diy1 .cr180_tmbg { height:40px; width:100%; position:absolute; bottom:0; left:0; z-index:1; background:#000; opacity: 0.5; filter: alpha(opacity=50); }
    
11. </style>
    
12. <div class="slidebox cr180_diy1">
    
13. 
    
14. <div class="slideshow">
    
15.             [loop]
    
16.                 <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>
    
17.             [/loop]
    
18. </div>
    
19.                 <div class="bignews_btns">
    
20.                     <div class="btns slidebar">
    
21.                          [loop1]
    
22.                         <em>{currentorder}</em>
    
23.                         [/loop1]
    
24.                       </div>
    
25.                     <div class="desc slideother">
    
26. [loop2]
    
27.                     <a href="{url}"{target}>{title}</a>
    
28. [/loop2]
    
29. 
    
30. 
    
31. </div>
    
32.                   </div>
    
33.     <div class="cr180_tmbg"></div>            
    
34. </div>
    
35. <script type="text/javascript">
    
36. runslideshow();
    
37. </script>

复制代码

真不错！支持下

现在CSS 样式直接可以写在前台模板属性里面了？
这样不会冲突么？

我的CSS样式还是写在模板文件里面.

恩,看来我还是写在模板文件里.呵呵,
CSS代码统一规范下. 不然代码写的多了.影响网页加载速度.

DX现在CSS代码可以这样写.不过应该是DX 可以自动加载这些CSS

第一次第一页啊。哈哈

不错的说 顶起

顶一下，能不能教下风格怎么可视化编辑，用 Dreamweaver  ，想做个自己的风格。。

not bad !!! fully support !!!

留名，收藏。