青出于蓝：仿sougou风格+HOME（附sougou原版风格文件和仿造风格的教程）

已经完成，HOME页+论坛风格，HOME数据为全数据库调用非JS调用

其它都正常，最后一个小地方：首页幻灯在Firefox下无法显示，因为不想用Flash形式的。修改中。

演示地址：www.p2ip.com/bbs/

由于很多人发短消息来要，考虑到提供的HOME页面是无法直接使用的，需要根据自己的论坛设置来修改，我也没时间来一个个帮你们弄，授人以鱼不如授人以渔，干脆教你们最快捷的方法把sougou访出来吧。

下面是教程：
第一步：去sougou站把模板htm + css + js弄下来
怎么弄？sougou的风格连目录名字都没改，HTM文件就在http://bbs.sougou.com/templates/sougou/ 目录下，图片文件在http://bbs.sougou.com/images/sougou/ 目录下，增加的首页CSS式样表在 [url=http://bbs.sougou.com/style]http://bbs.sougou.com/style[/url] 目录下 。
1、你自己在你的论坛templates下建个目录sougou，论坛风格的HTM文件你就对照着DZ默认的default目录下的文件名字用讯雷下吧，存到你这里；HOME页的HTM模板也在这个目录，名字叫sougou.htm，打开一看，还包含着另外15个HTM，分别是以home_开头的文件名字（不一一写出，你打开sougou.htm看一眼就明白了），都下了。PS：附件templates.rar里已经把HOME页的HTM模板打包了，你可以直接在这里下载。
2、在你论坛的images目录里也建个目录sougou，下面还有子目录smilies（sougou论坛的表情，如果你不要用它的，就不下了）、floatnav（左侧那个浮动小导航的一点图标）和pixviewer（首页幻灯片的flash调用图片目录，flash文件在另外一个目录flash\app\pixviewer.swf，不用它的flash吧，也不好看，好看的多着呢，呵呵），另外几个子目录没什么用，广告什么的，就不要了吧。把对应的图片下到这些个目录里。不知道名字？没关系啊，打开sougou论坛，把上面的图片一个个另存为就OK，也没多少。
3、在你论坛的根目录下建个子目录style，从sougou对应的目录里把CSS式样表下到这里，文件名字是home.css和blue.css。
4、在bbs.sougou.com/include/javascript目录下有个ext.js文件，是home页的滑动门js，也把它下到你自己论坛对应的目录里。

第二步：根据你论坛的设置，修改PHP程序，把首页需要的数据调用程序增加进去
这一步可以复杂也可以简单啊，不太会改程序的人，直接去DZ后台生成js调用模块插入到模板里吧，会PHP程序的，直接在index.php里面增加相应的数据库查询语句；更加追求完美的人，去调用DZ的缓存吧。

第三步：在DZ后台建立sougou模板名，设置好对应的目录指向、色板
https://discuz.dismall.com/thread-460006-1-2.html
照着这个说明弄一下就OK了，吸色器这文章里也有下的。

在DZ后台更新下缓存，就可以看到你的成果了，大功告成啊。。。。。。。


截图:





重要申明：本风格最初是模仿SOUGOU，但过程中逐渐修改，已经增加和剔除了很多东西，除了和SOUGOU的配色相似以外，基本上已经修改得没有原来的东西了，包括CSS都已经大部分修改。如果涉及到你的版权，请PM我。



附件里templates.rar是sougou原版的hmt模板文件，只有与DZ默认文件名不一样的几个文件，与DZ默认文件名相同的部分自己按上面方法去下；style.rar里面是sougou首页的CSS式样表。


汗~~~忘记说要在sougou.htm里面加上{template header}和{template footer}了，最前一句和最后一句，自己加一下吧。
另外header.htm里的CSS和JS调用它是用的LOOP，如果你懒得去PHP定义变量的话，请直接把想关语句改成你自己的路径调用就好了，不然CSS和JS调用不成功，看不到效果的。

补充首页滑动门的JS。。。。。。图片IMG文件可以直接另存为，就不打包上传了。

[ 本帖最后由 coinyang 于 2007-9-29 14:32 编辑 ]

:) :) :)

题外话，第一次仿风格，发现还真TMD”锻炼“人的耐性，哈哈~~

晕
兄弟
是我跟你要的啊！！！！！！！！！！！！

强人 我一直想要....卖还是免费送啊?

IE7.0下 左右不对称?LZ做过测试没?

我是IE 6

原帖由 Io丘比特oI 于 2007-8-21 11:27 发表
IE7.0下 左右不对称?LZ做过测试没?

对不起，IE7我一直没用，呵呵。

说明一下，屏幕右边的空白是我特意留的，因为要适合我自己的P2P工具框大小，不需要全屏幕。