[div+css]晒晒最新制作专题推广页模板

       用div+css制作专题推广页模板是leo拿手好戏，其实做div+css的专题推广页模板不难,一般的程序员都会，难的是做到浏览器间的兼容，更难的是不用div+css中的hack，leo却能做到。看看模板吧。

        先看看效果图再解析,页面太大了，我就随便截两个图:(关掉右边的"相关文章"可看全图)

       

       

       

       

 
        感觉还是一般，主要是颜色不太灰，这个嘛，就是领导的意思，刚开始的时候是做的其他的颜色，领导觉得太花，我就直接把图全部PS去色，就成这样了。此模板还用到了一个popup.js，效果还行，就是第四张图。

        花了半天时间制作，半天时候修改程序与内容，主要是内容修改占了大部分时间。

        此程序经调试已经通过，IE，FF，360，其他的浏览器应该也可以通过，公司的电脑上我也没装太多的浏览器，如果在我的电脑上，应该会多测试下。

        还是贴点代码吧，等会有人说我在吹牛了。       

1. @charset "utf-8";   
2. /* CSS Document */  
3. #top{ background:url(../images/top.gif) no-repeat;width:1004px;height:345px;}   
4. #top .click{display:block;width:145px;height:84px; position:relative;top:220px;left:780px; background:url(../images/dingwei.png) no-repeat;}   
5. #top .navvs{position:relative;top:10px;left:700px;color:white;}   
6. #banner{ background:url(../images/banner.gif) no-repeat;width:1004px;height:340px;border-bottom:1px solid #aaa;border-top:1px solid #aaa;}   
7. #banner .daoyu{width:560px;height:230px;margin:0px 10px 0 430px;padding:18px 0px 0 5px;line-height:22px;}   
8. #banner .daoyu b{color:red;font-size:14px;}  

        此专题的地址为:http://www.visa160.com/sx/

        个人感觉这个模板还行，需要源码的朋友可以在下面留言，我会发给你学习下。