求高手把这个攻克下来给大家分享！

1.导航条。
2.登陆发帖条.
3.幻灯片.
4.首页多格.

链接：http://club.oppo.com/

求高手把这东西弄下来共享哇。

我已经把这幻灯片的JS文件扣下来了。。就是不知道怎么调用。
下面提供下载



幻灯片JS文件：

1. @import "../gray_com/s_common.css";
   
2. /*
   
3. [name]酷炫灰[/name]
   
4. [iconbgcolor]#ECECEC[/iconbgcolor]
   
5. Powered by OPPO.UED PLR
   
6. */
   
7. 
   
8. html { background: #FFF } /* - 后续需要平铺的背景请在这里设置 -*/
   
9. body { background: transparent; overflow-x:hidden} /* - 这里请保持BODY区域为透明 -*/
   
10. 
    
11. /*
    
12. * 一个置顶的DIV oppo_page_bgcon 控制顶部自定义导航背景区域，其大小和对齐方式依赖于导航区域的位置
    
13. */
    
14. 
    
15. #oppo_page_bgcon {width:101%;height:350px;position:absolute;margin-left:0;top:0;z-index:-1;display:none}
    
16. 
    
17. 
    
18. /*
    
19. * BODY区域各模块
    
20. */
    
21. a:focus {outline:none}
    
22. #hd,#wp {z-index:3,position:relative;background: transparent}
    
23. #hd{margin-bottom:15px;margin-top:5px;}
    
24. #nv { background: transparent none;}
    
25. #opponv {background: transparent none;z-index:3,position:relative;margin-top:30px;}
    
26. #nv li { background: transparent none; vertical-align:middle;text-align:center;padding-right:2px;}
    
27. #nv .nv_vhr {background: url(../gray_com/nv_vhr.png) no-repeat;width:1px;height:30px;overflow:hidden;float:left}
    
28. #nv li a {text-decoration:none ;font-weight:500;margin:0 8px;color:#4DA546}
    
29. #nv li a:hover {color:#387834} /* - 非节日LOGO的时候，这里应该是 #4DA546 - */
    
30. #nv li a:focus {outline:none}
    
31. #nv li.a a { font-weight:500 }
    
32. /* - 网站LOGO - */
    
33. #nav_oof {
    
34. background: url(../gray_com/logo.png) no-repeat;width:140px;height:25px;margin-top:4px;_background:transparent;
    
35. _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=template/oppodz15/style/gray_com/logo.png,sizingMethod='');}
    
36. #mailindex_a {width:180px;height:125px; display:block;position:absolute;margin-left:0;margin-top:-80px;z-index:9999}
    
37. 
    
38. 
    
39. #nav_tail {float: right; margin: -1px -3px 0 0 ; _margin-left:-3px;display: inline; background: url(../gray_com/nav_rt.png);width:9px; height: 35px; line-height: 35px; }
    
40. #qmenu {margin: 7px -8px 0 0;background: url(../gray_com/qmenu.png) no-repeat;color:#494949;width:100px; height: 30px;}
    
41. #qcredits_menu { margin: 0 0 0 1px; }

复制代码

求给力，！！！

确实挺不错的，不过俺是地方门户

等待中。很好看啊

这个给力
   多谢分享 辛苦楼主了

你这明明就是个门户页唉。。不是论坛页。。研究一下吧

不错，很给力 大家一起努力

抠出来，不简单啊！

很有个性