推56论坛

 找回密码
 立即注册(限中文)

QQ登录

只需一步,快速开始

    查看: 2282|回复: 0

    [z-blog教程] 【第十二节】Zblog仿站实站项目[一]

      [复制链接]
    发表于 2013-1-3 01:25:05 | 显示全部楼层 |阅读模式
    防造目标:黑鹰安全网
    网址:www.3800hk.com
    首页模板:www.3800hk.com/index.html


    首先我们打开www.3800hk.com/index.html的源代码.

    将其代码全部复制到我们的zblog主页模板里.

    首先是修改head区.

    W3C标准跳过.编码,Title,Meta 跳过

    先看head区,我们要把相关的css样式表以及js脚本找到.

    <link href="hy07/css/css.css" rel="stylesheet" type="text/css" />
    <link href="hy07/css/botcss.css" rel="stylesheet" type="text/css" />

    把这2个CSS文件下载下来.在本地按照其URL形式创建目录.zblog-这样的目的是让CSS能起作用.否则会找不到这个文件.

    现在看下,大致是差不多,除了一些图片,广告,flash显示不出,大致的盒子模型都有了。

    Head区设置完成后,我们就可以来修改了。

    现在打开zblog的主页模板,default.html 给原先的模块前加个提醒注释.再把2个CSS文件添加到head区.路径要正确.

    我们把黑鹰的所有代码复制近来.然后一点点的修改.

    首先,把我们原先做的便捷导航条取消了.[注释.]

    我们打开zblog看看,对照着黑鹰的主页.还有我们的zblog原来的页面[下面].

    我们的zblog只是提供文章,不提供注册和登陆,前面的我们不需要,删除掉它.

    先删除:

    <form id="fo1" method="post" name="login" action="http://dvd.3800hk.com/logging.php?action=login">
    <a href="http://dvd.3800hk.com/yaoqingma.html" target="_blank"><font color=red><b>邀请码</b></font></a> |&nbsp;用户名
    <input type="text" class="fo1input" id="username" name="username" size="10" maxlength="40" tabindex="4" />
    密码
    <input type="password" class="fo1input" id="password" name="password" size="7" tabindex="5" />
    <select id="cookietime" name="cookietime">
        <option value="0"> 浏览器进程</option>
           <option value="2592000"> 一个月</option>
           <option value="86400"> 一天</option>
           <option value="3600"> 一小时</option>
           <option value="315360000">- 永久 -</option>
    </select>
    <button name="loginsubmit" style="display:none">提交</button>
    <Input type=image alt=登录 src="/hy07/images/14.gif" align=absMiddle />
    </form>

    <div class=m3><A href="http://dvd.3800hk.com/yaoqingma.html" target=_blank><IMG height=19 src="/hy07/images/15.gif" width=45 border=0></A>
    </div>

    <FORM name=f1 id="f1" action=http://emill.3800hk.cn/default.asp method=post target=_blank>
    <div class=m4>邮箱:
    <Input class=inputa size=10 name=username>
    <Input type=hidden name=pwhidden> 密码:
    <Input class=inputa type=password size=8 name=pwshow>
    <Input type=hidden value=7652 name=picnum> <IMG onclick=javascript:gook() class="margin_r3" alt=登陆 src="/hy07/images/14.gif" align=absMiddle name=Submit value="登陆">    <SCRIPT LANGUAGE=javascript>
    <!--
    function gook() {
    f1.pwhidden.value = encode(f1.pwshow.value, parseInt(f1.picnum.value));
    f1.submit();
    }
    function encode(datastr, bassnum) {
    var tempstr;
    var tchar;
    var newdata = "";
    for (var i = 0; i <datastr.length; i++)
    {
    tchar = 65535 + bassnum - datastr.charCodeAt(i);
    tchar = tchar.toString();
    while(tchar.length <6)
    {
       tchar = "0" + tchar;
    }
    newdata = newdata + tchar;
    }
    return newdata;
    }
    //-->
    </SCRIPT>
    </div>
    </FORM>

    看看效果.再删除下面的.

    <div class=postport>

    </div>

    我们知道了上面这个DIV是控制顶部距离浏览器的间隔,可以放入内容。我们先不删除它.注释掉.

    继续:<div class=logo1><img height=80 src="/hy07/images/logo.gif" width=230 border=0 /></div>

    控制图片.logo.我们继续下其大小为:宽230,高80.我们准备一个这样大小的logo图片.按照其路径放进去.

    看看效果,呵呵.我们的logo.

    将这段删除:

    <script language="JavaScript">
    var how_many_ads =6
    var now = new Date()
    var sec = now.getSeconds()
    var ad = sec % how_many_ads;
    ad +=1;
    if (ad==1){
    url="hyys.htm";
    alt="ad1";
    banner="hy07/images/a-1.jpg";
    width="428";
    height="60";
    }
    if (ad==2) {   
    url="hyys.htm";
    alt="ad2";
    banner="hy07/images/a-5.jpg";
    width="428";
    height="60";
    }
    if (ad==3) {
    url="GuestBook/Guest_Write.asp";
    alt="ad3";
    banner="hy07/images/a-2.jpg";
    width="428";
    height="60";
    }
    if (ad==4) {
    url="hyys.htm";
    alt="ad4";
    banner="hy07/images/a-3.jpg";
    width="428";
    height="60";
    }
    if (ad==5) {
    url="hyys.htm";
    alt="ad5";
    banner="hy07/images/a-4.jpg";
    width="428";
    height="60";
    }
    if (ad==6) {
    url="hyys.htm";
    alt="ad6";
    banner="hy07/images/a-6.jpg";
    width="428";
    height="60";
    }   
    document.write('<center>');
    document.write('<a href=\"' + url + '\" target=\"_blank\">');
    document.write('<img src=\"' + banner + '\" width=')
    document.write(width + ' height=' + height + ' ');
    document.write('alt=\"' + alt + '\" border=0><br>');
    document.write('</center>');
    --></script>

    这个是调用广告的.

    我们继续,黑鹰这个[设为主页]和[加入收藏]不错,我们留下来。将其中的URL改为我们自己的。

    这个镜象站如果我们有就添加,没有我们可以任意设计链接.如果想将这里做关键字也行。或者我们可以用我们的CSS来模拟在前面实际在后面.这里暂时不做演示.[什么是镜象?很简单,把你的网站COPY一份放在全国不同的机房,然后设置子域名去指向,利用的是同城访问快。]

    <div class=tq>
    <script SRC="js/daten.js"></SCRIPT>
    </div>

    <script SRC="/skin/js/tianqi.js"></SCRIPT>
    <SCRIPT type=text/javascript>MiniSite.Weather.print("Wealth");</SCRIPT>
    <div class=wearth>天气预报:</div>

    天气预报JS,我们如果想要自己去网站搜索代码.删除…

    <div class=zjgx><A href="/gengxin/Index.html" target=_blank><FONT color=#ff0000>最近更新</FONT></A>
    </div>
    <div class=juanzhu><A href="http://hkvip.3800hk.com" target=_blank><FONT color=#ff0000><B>VIP资源</B></FONT></A>
    </div>
    <div class=zaixian>在线<SPAN id=KaixinCount></SPAN>人
    </div>

    删除…

    现在头部就清理完毕了.

    我们继续看,原来是分类,为了模拟,我们就要在后台设置很多分类啦。

    然后我们用zblog的分类标签. INCLUDE\catalog.asp

    我们从中间提取信息.这里可以直接按照黑鹰的格式从INCLUDE\catalog.asp提取写死,也可以用我们的navbar.asp来标签调用.

    <div id="divNavBar">
    <h3><#ZC_MSG052#></h3>
    <ul>
    <#CACHE_INCLUDE_NAVBAR#>
    </ul>
    </div>

    然后在后台设置navbar的内容. 推荐后一种.

    <LI class=lz><A href="http://127.0.0.1/zblog/wowgame/" target=_blank>魔兽世界文章</A></LI>
    <LI><A href="http://127.0.0.1/zblog/wowshipin/" target=_blank>魔兽世界视频</A></LI>

    这里注意的是其链接有2种样式,加class=lz是粗体的.

    <LI class=lz style="width:55px;"><A href="http://hkvip.3800hk.com/" target="_blank">VIP资源</A></LI>

    这个是控制其宽度,我们可以照着写.这里大家把其每用的都删除,宽度自己试着改下。

    到这里分类导航就做好了,是不是很简单,不过就是麻烦点…

    站内搜索…我们继续…

    我们看看我们原先的搜索代码…

    <div class="function" id="divSearchPanel">
    <h3>搜索WOW文章</h3>
    <ul>
    <li>
    <form method="post" action="<#ZC_BLOG_HOST#>cmd.asp?act=Search">
    <input type="text" name="edtSearch" id="edtSearch" size="12" />
    <input type="submit" value="<#ZC_MSG087#>" name="btnPost" id="btnPost" />
    </form>
    </li>
    </ul>
    </div>

    用这个去替换黑鹰的.注意把黑鹰的class加进去,然后看看效果。调整下宽度.

    搜索旁边的文字加不加无所谓,我这里加上吧.

    我们现在继续看源代码。

    在向下这里显示不出了,我们看黑鹰官网.

    <!--讲师介绍-->

    <div class=jjxq><IFRAME name=jieshao marginWidth=0 marginHeight=0 src="hy07/kj/vi1.htm" frameBorder=no width=382 scrolling=no height=175> </IFRAME>
    </div>

    这里用了一个IFRAME调用,我们看看它原先的内容是什么啊.

    http://www.3800hk.com/hy07/kj/vi1.htm

    我们把它处理为广告算了… 直接删除… 实际上它本来就是站内广告嘛…

    <div class=hygg><SCRIPT type=text/javascript>
                  
    <!--
                  var focus_width=379
                  var focus_height=173
                  var text_height=0
                  var swf_height = focus_height
                  var pics='hy07/images/jhy.jpg|hy07/images/hy.jpg|hy07/images/lipin.jpg'
                  var links='/rreg.htm|/rreg.htm|http://shop.3800hk.com/shop/index.asp'
                  var texts=''
                  
                  document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
                  document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="hy07/images/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="EEEEEE">');
                  document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
                  document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
                  document.write('<embed src="hy07/images/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');          document.write('</object>');
                  
                  //-->
                              </SCRIPT>
    </div>

    也是广告… 删除…如果你想要添加,整个相同大小的自定义模块加进去就OK了。

    看上去整洁多了…

    下面是各个分类的文章调用,大家还记的怎样做吗?利用列表插件.

    <div class="function">
    <h3>分类列表使用</h3>
    <ul>
    <#CACHE_INCLUDE_CATEGORY_{id}#>
    </ul>
    </div>

    我们找2个想在这里调用的分类去替换[它这里用了滑动门技术,所以JS不能删除.]

    然后我们调用…<#CACHE_INCLUDE_CATEGORY_1#>

    <div class=rjapic>
    <table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'>

    <td align='center'>
    <a class="" href="/donghua/f/27156.html" title="[推荐]二进制文件中的漏洞-破解二进制文件" target="_blank"><img class='pic2' src='/donghua/UploadSoftPic/200903/2009032515275602.jpg' width='50' height='50' border='0'></a>
    </td>
    <td align='center'><a class="" href="/donghua/d/27142.html" title="[推荐]电子相册算法分析写注册机" target="_blank"><img class='pic2' src='/donghua/UploadSoftPic/200903/2009032422234673.jpg' width='50' height='50' border='0'></a></td><td align='center'><a class="" href="/donghua/a/27128.html" title="[推荐]QQ好友买卖漏洞" target="_blank"><img class='pic2' src='/donghua/UploadSoftPic/200903/2009032320384292.jpg' width='50' height='50' border='0'></a></td><td align='center'><a class="" href="/donghua/f/27114.html" title="[推荐]专署自己的QQ表情" target="_blank"><img class='pic2' src='/donghua/UploadSoftPic/200903/2009032222000811.jpg' width='50' height='50' border='0'></a></td></tr></table>
    </div>

    是利用CMS可以控制文章的缩略图来调用,zblog默认不具备这样的功能[实际上可以通过改数据库来设置,不过我暂时不会…所以删除…]

    <table width="100%" cellpadding="0" cellspacing="0"><tr><td class=""><a class="" href="/donghua/g/27157.html" title="[原创]Linux全攻略之开机故障排除(下)" target="_blank">[原创]Linux全攻略之开机故障排</a></td><td align="right" class="" width="40"><font color="red">03-26</font></td></tr><tr><td class=""><a class="" href="/donghua/f/27156.html" title="[推荐]二进制文件中的漏洞-破解二进制文件" target="_blank">[推荐]二进制文件中的漏洞-破解</a></td><td align="right" class="" width="40"><font color="red">03-26</font></td></tr><tr><td class=""><a class="" href="/donghua/f/27155.html" title="鸽子过瑞星内存" target="_blank">鸽子过瑞星内存</a></td><td align="right" class="" width="40"><font color="red">03-26</font></td></tr><tr><td class=""><a class="" href="/donghua/f/27154.html" title="第六节自己如何去编写简单花指令" target="_blank">第六节自己如何去编写简单花指</a></td><td align="right" class="" width="40"><font color="red">03-26</font></td></tr><tr><td class=""><a class="" href="/donghua/f/27153.html" title="利用电驴简单日赚50元 [补充]" target="_blank">利用电驴简单日赚50元 [补充]</a></td><td align="right" class="" width="40"><font color="red">03-26</font></td></tr><tr><td class=""><a class="" href="/donghua/d/27152.html" title="昨日重现 加密狗破解之无狗脱壳2" target="_blank">昨日重现 加密狗破解之无狗脱壳</a></td><td align="right" class="" width="40"><font color="red">03-26</font></td></tr><tr><td class=""><a class="" href="/donghua/f/27151.html" title="将土豆网视频下载都手机" target="_blank">将土豆网视频下载都手机</a></td><td align="right" class="" width="40"><font color="red">03-26</font></td></tr><tr><td class=""><a class="" href="/donghua/g/27143.html" title="[原创]Linux全攻略之开机故障排除(上)" target="_blank">[原创]Linux全攻略之开机故障排</a></td><td align="right" class="" width="40"><font color="red">03-25</font></td></tr><tr><td class=""><a class="" href="/donghua/d/27142.html" title="[推荐]电子相册算法分析写注册机" target="_blank">[推荐]电子相册算法分析写注册</a></td><td align="right" class="" width="40"><font color="red">03-25</font></td></tr><tr><td class=""><a class="" href="/donghua/a/27141.html" title="10个QQ技巧" target="_blank">10个QQ技巧</a></td><td align="right" class="" width="40"><font color="red">03-25</font></td></tr><tr></tr></table>

    删除,替换为我们的标签调用。

    下面依然这样。

    这样大家差不多都会了吧,很简单,无非是填字游戏。

    下面继续…

    广告,我们自定义个模块. height=80 width=768 我们防个图片模拟下.

    再向下实际上还是分类文章的调用.我们的zblog无法调用文章内的其他信息[实际上是我不会…],所以我们用上面的样子就行了。

    最下面依旧是一个IFRAME调用,我们看看, http://www.3800hk.com/gongju.html

    我们当他广告. 删除.

    友情链接暂时不加.删除.

    右边栏的修改…

    这个太简单了…

    前7个都是广告



    这个图片我们下载到本地.

    我们这里随便调用.

    到这里我们就修改完了.

    学建站、学推广、学赚钱,上56站长论坛就够了!个性签名请到个人资料里面修改……

    本版积分规则

    关闭

    推56站长论坛推荐上一条 /2 下一条

    站长QQ
    在线咨询
    咨询热线
    QQ:405327411
    站长

    QQ|广告合作|关于我们|联系我们|免责声明|网站导航|站长论坛 ( 豫ICP备11018337号-5

    王宝臣旗下网站 推56论坛(www.tui56.com|ask.tui56.com|blog.tui56.com|daohang.tui56.com)

    Powered by Discuz! X3.4 Licensed

    ©2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表