善用分类信息 使论坛具有招聘功能 分类信息提供模板

使用discuz 好几年了，一直没有使用过分类信息这个功能。其实用好了能给论坛添彩不少。

下面就给出一个招聘类的分类信息模板。  先看图片！   也可以到 http://bbs.yuxitv.com  尽快，这个版块即将扯下，招聘类竞争大，我这个地区不好做。   



  

分类信息的代码模板


<table width="600" border="0" align="center">
  <tr>
    <td>
        <style>
.gen-1 {
        line-height: 110%;
}

.zhaop-1 {
        border: none;
        clear: both;
        height: 181px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 600px;
}

.zhaop-1-1, .zhaop-2-1 {
        background-color: #ebf2f8;
        border: none;
        clear: both;
        display: inline;
        float: left;
        height: 25px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        width: 596px;
}

.gen-2 {
        color: #0066cc;
        font-size: 16px;
        font-weight: bold;
        margin-top: 3px;
}

.zhaop-1-2 {
        background-color: #f2f7fb;
        border: none;
        clear: both;
        display: inline;
        float: left;
        height: 40px;
        line-height: 40px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        width: 85px;
}

.gen-3, .gen-4, .gen-5, .gen-6, .gen-7, .gen-8, .gen-9, .gen-10, .gen-11, .gen-12, .gen-13 {
        color: #0066cc;
        vertical-align: middle;
}

.zhaop-1-3 {
        background-color: #f8fcff;
        border: none;
        color: #0066cc;
        float: left;
        height: 40px;
        line-height: 18px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 240px;
}

.zhaop-1-4 {
        background-color: #f2f7fb;
        border: none;
        float: left;
        height: 40px;
        line-height: 40px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        width: 85px;
}

.zhaop-1-5 {
        background-color: #f8fcff;
        border: none;
        color: #0066cc;
        float: left;
        height: 40px;
        line-height: 40px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 180px;
}

.zhaop-1-6, .zhaop-1-10, .zhaop-1-14, .zhaop-1-18, .zhaop-1-22 {
        background-color: #f2f7fb;
        border: none;
        clear: both;
        display: inline;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        width: 85px;
}

.zhaop-1-7, .zhaop-1-11, .zhaop-1-15, .zhaop-1-19, .zhaop-2-3, .zhaop-2-7, .zhaop-2-11, .zhaop-2-15 {
        background-color: #f8fcff;
        border: none;
        color: #0066cc;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 240px;
}

.zhaop-1-8, .zhaop-1-12, .zhaop-1-16, .zhaop-1-20 {
        background-color: #f2f7fb;
        border: none;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        width: 85px;
}

.zhaop-1-9, .zhaop-1-13, .zhaop-1-17, .zhaop-1-21, .zhaop-2-5, .zhaop-2-9, .zhaop-2-13, .zhaop-2-17 {
        background-color: #f8fcff;
        border: none;
        color: #0066cc;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 180px;
}

.zhaop-1-23 {
        background-color: #f2f7fb;
        border: none;
        color: #0066cc;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 509px;
}
.zhaop-1-23 A:link,.zhaop-1-23 A:visited,.zhaop-1-23 A:active{ text-decoration: none;color:#0066cc;}
.zhaop-1-23 A:hover{ text-decoration: none; color:#ff0000; }

.gen-14, .gen-17, .gen-19, .gen-21 {
        clear: both;
}

.zhaop-2 {
        border: none;
        height: 335px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 600px;
}

.gen-15 {
        color: #0066cc;
        font-size: 14px;
        margin-top: 3px;
}

.gen-16 {
        color: #ff0000;
        font-size: 16px;
}

.zhaop-2-2, .zhaop-2-6, .zhaop-2-10, .zhaop-2-14 {
        background-color: #f2f7fb;
        border: none;
        clear: both;
        color: #0066cc;
        display: inline;
        float: left;
        height: 20px;
        line-height: 20px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 85px;
}

.zhaop-2-4, .zhaop-2-8, .zhaop-2-12, .zhaop-2-16 {
        background-color: #f2f7fb;
        border: none;
        color: #0066cc;
        float: left;
        height: 20px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 85px;
}

.zhaop-2-18 {
        background-color: #f2f7fb;
        border: none;
        clear: both;
        color: #0066cc;
        display: inline;
        float: left;
        height: 216px;
        line-height: 216px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 0px;
        text-align: left;
        width: 85px;
}

.zhaop-2-19 {
        background-color: #f8fcff;
        border: none;
        color: #0066cc;
        float: left;
        height: 200px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 8px;
        text-align: left;
        width: 493px;
}

.zhaop-3 {
        border: none;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 600px;
}

.zhaop-3-1 {
        background-color: #f8fcff;
        border: none;
        clear: both;
        color: #0066cc;
        display: inline;
        float: left;
        font-size: 14px;
        height: 100%;
        line-height: 150%;
        margin-left: 2px;
        margin-top: 2px;
        padding: 10px;
        width: 576px;
}

.gen-18 {
        color: #0033cc;
        font-size: 16px;
}

.zhaop-4 {
        border: none;
        height: 24px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 600px;
}

.zhaop-4-1 {
        border: none;
        clear: both;
        display: inline;
        float: left;
        height: 18px;
        margin-left: 2px;
        margin-top: 2px;
        padding: 1px;
        width: 594px;
}

.gen-20 {
        color: #339933;
}
.gen-20 A:link,.gen-20 A:visited,.gen-20 A:active{ text-decoration: none;color:#0066cc; font-size:14px; font-weight:bold;}
.gen-20 A:hover{ text-decoration: none; color:#ff0000; font-size:14px; font-weight:bold; }

.zhaoplist {line-height:150%;list-style:none;}
.zhaoplist A:link,.zhaoplist A:visited,.zhaoplist A:active{ text-decoration: none;color:#0066cc; font-size:12px;}
.zhaoplist A:hover{ text-decoration: none; color:#FF0000; font-size:12px;}
        </style>       
       
       
       
        <div class="gen-1">
                <div class="zhaop-1">
                        <div align="center" class="zhaop-1-1">
                                <div align="center" class="gen-2">[recr_comvalue]</div>
                        </div>
                        <div align="left" class="zhaop-1-2"><strong class="gen-3">联系地址：</strong> </div>
                        <div align="left" class="zhaop-1-3" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[addressvalue] </div>
                        <div align="left" class="zhaop-1-4"><strong class="gen-4">公司性质：</strong> </div>
                        <div align="left" class="zhaop-1-5" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[gongsixingzhivalue] </div>
                        <div align="left" class="zhaop-1-6"><strong class="gen-5">联系人员：</strong> </div>
                        <div align="left" class="zhaop-1-7" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[lianxirenvalue] </div>
                        <div align="left" class="zhaop-1-8"><strong class="gen-6">联系电话：</strong> </div>
                        <div align="left" class="zhaop-1-9" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[phonevalue] </div>
                        <div align="left" class="zhaop-1-10"><strong class="gen-7">手　　机：</strong> </div>
                        <div align="left" class="zhaop-1-11" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[shoujivalue] </div>
                        <div align="left" class="zhaop-1-12" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'"><strong class="gen-8">电子邮件：</strong> </div>
                        <div align="left" class="zhaop-1-13" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[mailvalue] </div>
                        <div align="left" class="zhaop-1-14"><strong class="gen-9">员工人数：</strong> </div>
                        <div align="left" class="zhaop-1-15" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[yuangongrenshuvalue] </div>
                        <div align="left" class="zhaop-1-16"><strong class="gen-10">邮　　编：</strong> </div>
                        <div align="left" class="zhaop-1-17" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[youbianvalue] </div>
                        <div align="left" class="zhaop-1-18"><strong class="gen-11">成立日期：</strong> </div>
                        <div align="left" class="zhaop-1-19" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[gongsichenglidayvalue] </div>
                        <div align="left" class="zhaop-1-20"><strong class="gen-12">注册资金：</strong> </div>
                        <div align="left" class="zhaop-1-21" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[zhucezijinvalue] </div>
                        <div align="left" class="zhaop-1-22"><strong class="gen-13">公司主页：</strong> </div>
                        <div align="left" class="zhaop-1-23" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[site_urlvalue] </div>
                        <div class="gen-14"></div>
                </div>

                <div class="zhaop-2">
                        <div align="center" class="zhaop-2-1">
                                <div align="center" class="gen-15"><strong class="gen-16">聘：</strong>[gongzuogangweivalue]　　([recr_intendvalue])</div>
                        </div>
                        <div align="left" class="zhaop-2-2">工作地点： </div>
                        <div align="left" class="zhaop-2-3" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[recr_palcevalue] </div>
                        <div align="left" class="zhaop-2-4">性别要求：</div>
                        <div align="left" class="zhaop-2-5" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[recr_sexvalue] </div>
                        <div align="left" class="zhaop-2-6">学历要求： </div>
                        <div align="left" class="zhaop-2-7" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[xueliyaoqiuvalue] </div>
                        <div align="left" class="zhaop-2-8">月薪范围：</div>
                        <div align="left" class="zhaop-2-9" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[recr_salaryvalue] </div>
                        <div align="left" class="zhaop-2-10">是否兼职： </div>
                        <div align="left" class="zhaop-2-11" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[recr_workvalue] </div>
                        <div align="left" class="zhaop-2-12">发布时间：</div>
                        <div align="left" class="zhaop-2-13" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[fabushijianvalue] </div>
                        <div align="left" class="zhaop-2-14">招聘人数： </div>
                        <div align="left" class="zhaop-2-15" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[trade_numvalue] </div>
                        <div align="left" class="zhaop-2-16">有效时间：</div>
                        <div align="left" class="zhaop-2-17" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[recr_endvalue] </div>
                        <div align="left" class="zhaop-2-18">具体要求： </div>
                        <div align="left" class="zhaop-2-19" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'">[jutiyaoqiuvalue]</div>
                        <div class="gen-17"></div>
                </div>
                <div bordercolor="#e3edf5" class="zhaop-3">
                        <div align="left" class="zhaop-3-1" onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'"><br /><strong class="gen-18">公司简介:  </strong>[detail_contentvalue]</div>
                        <div class="gen-19"></div>
                </div>
                <div class="zhaop-4">
                        <div align="right" class="zhaop-4-1">
                                <p align="left" class="gen-20">当您联系招聘单位的时候请告知对方来自玉溪之窗招聘栏目　　　　　　　　　　<a href="http://bbs.yuxitv.com/search.php?srchtype=threadsort" target="_blank">搜索更多的相关信息</a></p>
                        </div>
                        <div class="gen-21"></div>
                </div>
        </div>       

  </td>
  </tr>
</table>


<table width="600" border="0" align="center" cellspacing="10" style="margin-bottom:20px;">
  <tr>
    <td width="285"  class="zhaoplist"><script type="text/javascript" src="http://bbs.yuxitv.com/api/javascript.php?key=zhaop1_9kO"></script></td>
    <td width="285" class="zhaoplist"><script type="text/javascript" src="http://bbs.yuxitv.com/api/javascript.php?key=zhaop1_9kO_I9N"></script></td>
  </tr>
</table>

效果很不错，有兴趣的朋友可以保存成 html  文件看看   相信大家一看代码就知道效果不错了。

对于新手朋友 请在 Dreamweaver  等软件下修改。  修改 分类信息的 字段。  有些部是我新添加的信息类别。  去discuz 的后台 一看你就知道了。

值得注意的是 不要去掉 最外面的表格 ，不然帖子右侧广告会吧  div  顶到下面。  修改修改  discuz 才能解决  麻烦。

所以我用 table  套住 。   

下面的两段js  是  调用该类别的信息。    具体的打架看着办吧。

居然发了招聘的  就再发一个  求职的  虽然自己不用  也给大家附上。   


<table width="600" border="0" align="center">
  <tr>
    <td>


        <style>
       
        .gen-1 {
        line-height: 110%;
}

.qiuzhi-1 {
        background-color: #ffffff;
        border: none;
        color: #0066cc;
        height: 190px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 600px;
}

.qiuzhi-1-1 {
        background-color: #f2f7fb;
        border: none;
        clear: both;
        display: inline;
        float: left;
        height: 25px;
        line-height: 25px;
        margin-left: 4px;
        margin-top: 4px;
        padding: 1px;
        width: 95px;
}

.gen-2 {
        vertical-align: middle;
}

.qiuzhi-1-2 {
        background-color: #f8fcff;
        border: none;
        float: left;
        height: 25px;
        line-height: 25px;
        margin-left: 4px;
        margin-top: 4px;
        padding: 1px;
        text-align: left;
        width: 200px;
}

.qiuzhi-1-3 {
        background-color: #f2f7fb;
        border: none;
        float: left;
        height: 25px;
        line-height: 25px;
        margin-left: 4px;
        margin-top: 4px;
        padding: 1px;
        width: 95px;
}

.qiuzhi-1-4 {
        background-color: #f8fcff;
        border: none;
        float: left;
        height: 25px;
        line-height: 25px;
        margin-left: 4px;
        margin-top: 4px;
        padding: 1px;
        text-align: left;
        width: 182px;
}

.qiuzhi-1-22 {
        background-color: #f8fcff;
        border: none;
        float: left;
        height: 25px;
        line-height: 25px;
        margin-left: 4px;
        margin-top: 4px;
        padding: 1px;
        text-align: left;
        width: 489px;
}

.gen-13 {
        clear: both;
}
</style>
<div class="gen-1">
                <div class="qiuzhi-1">
                        <div align="left" class="qiuzhi-1-1"><strong class="gen-2">姓名：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-2">[namevalue] </div>
                        <div align="left" class="qiuzhi-1-3"><strong class="gen-2">性别：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-4">[gendervalue] </div>
                        <div align="left" class="qiuzhi-1-1"><strong class="gen-2">年龄：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-2">[agevalue] </div>
                        <div align="left" class="qiuzhi-1-3"><strong class="gen-2">电话：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-4">[phonevalue] </div>
                        <div align="left" class="qiuzhi-1-1"><strong class="gen-2">学历：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-2">[educationvalue] </div>
                        <div align="left" class="qiuzhi-1-3"><strong class="gen-2">专业：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-4">[recr_ablivalue] </div>
                        <div align="left" class="qiuzhi-1-1"><strong class="gen-2">婚姻状况：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-2">[marrigevalue] </div>
                        <div align="left" class="qiuzhi-1-3"><strong class="gen-2">期望薪水：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-4">[qiwxsvalue] </div>
                        <div align="left" class="qiuzhi-1-1"><strong class="gen-2">QQ：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-2">[qqvalue] </div>
                        <div align="left" class="qiuzhi-1-3"><strong class="gen-2">Email：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-4">[mailvalue] </div>
                        <div align="left" class="qiuzhi-1-1"><strong class="gen-2">地址：</strong> </div>
                        <div onmouseover="this.style.backgroundColor='#f2f7fb'" onmouseout="this.style.backgroundColor='#f8fcff'" align="left" class="qiuzhi-1-22">[addressvalue] </div>
                        <div class="gen-13"></div>
                </div>
                </div>


  </td>
  </tr>
</table>

演示地址www.itboot.net

占位日后必重用

呵呵~~关注一下~~~~

顶顶更健康

支持一下吧

这个不错啊 。

路过路过 看看