72泾DIY教程帖【第七课】：教您亲自动手DIY做一个【人才频道】（这是官方没有的哦）

xin_ruoli · 发表于 2010-10-21 09:48:18

本帖最后由 xin_ruoli 于 2013-1-3 20:03 编辑

第七课预览：（教您DIY以下内容）--自己动手制作人才频道！！！

AD：新版DIY风格，演示：http://www.liuzhou520.com/ 适用于X2.5及以后的更新X3，有需要请留言联系，或点这里查看：http://www.liuzhou520.com/forum.php?mod=viewthread&tid=358，谢谢支持！

课前准备：
到后台---》【论坛】---》【分类信息】---》添加分类---》取名为【企业招聘】然后给该分类信息取好名称及相应的变量名和类型！
设置好分类信息好将以下代码插入到该分类的【企业招聘 - 分类信息模块调用显示模板】中
<div class="module cl xl xl1">

<ul>

<li>{dateline}[url]在这插入您要调用的变量即可在这插入您要调用的变量即可（可在这加上几个字，如招聘：）然后在这插入您要调用的变量即可[/url]</li>

</ul>

</div>
复制代码
OK。后台我就不截图了，对于一位站长而言，你可以不熟悉HTML，也可以不用学什么PHP或啥的鸟东东，但管理后台你一定得熟，假如不知道在哪，我劝你再多多熟悉熟悉一下后台，相对PW8
的后台，DX的后台是很简洁的，我一进去找知道啥东西在哪个位置，而PW8的我每次进去，进了不下N次都长不到东南西北，而且每点一点又重新打开小窗口，很烦，所以你用DX你该谢天谢地
了，要不你去玩下PW的后台试试？好了，废话话不多说，正式开课……
=================================================================
第一步：先拉好一个3:1的框架，然后在左边的框架中拉入【静态模块】如下图所示：

选择自定义HTML，将以下代码插入！

<a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>
<a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>
<a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>
<a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>
<a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>

复制代码

=================================================================
第二步：第一步已拉好了3:1的框架，你只需再在右边拉入【静态模块】如下图所示：

选择自定义HTML，将您版块的搜索代码插入（在这我就不提供代码了，必竟给你的只能搜索我的版块，你要自己到您分类信息所调用的版块内右键看源码）
=================================================================
第三步：再拉一个1:3的框架，然后在框架的右边拉入【静态模块】选择【分类信息】，再选择您要调用的分类信息，如下图所示：

=================================================================
第四步：为背景图片，自己做一个背景图片插入，如下图所示的位置：

=================================================================
第五步：左边的【工作职位分类】很简单，用HTML代码实现的，如下图所示：

代码如下：

<div style="letter-spacing:2pt; line-height:25px;">
<A href="#" target=_blank>网管/技术/收银</A>
<A href="#" target=_blank>保安/物管/防损</A>
<A href="#" target=_blank>后勤/文员/仓管</A>
<A href="#" target=_blank>管理/财务/人事</A>
<A href="#" target=_blank>销售/业务/市场</A>
<A href="#" target=_blank>导游/家政/客服</A>
<A href="#" target=_blank>律师/文案/摄影</A>
<A href="#" target=_blank>广告/设计/策划</A>
<A href="#" target=_blank>司机/物流/采购</A>
<A href="#" target=_blank>报关/单证/贸易</A>
<A href="#" target=_blank>生产/制造/加工</A>
<A href="#" target=_blank>百货/连锁/零售</A>
<A href="#" target=_blank>医疗/生物/化工</A>
<A href="#" target=_blank>农/林/牧/渔业</A>
<A href="#" target=_blank>教师/培训/翻译</A>
<A href="#" target=_blank>美容/美发/保健</A>
<A href="#" target=_blank>餐饮酒店/服务员</A>
<A href="#" target=_blank>兼职/其它职位</A>
</div>

复制代码

=================================================================
第六步：和第四步一样的方法！很多人会想，为什么不在标题前加个小图标就OK了？为什么要这样？我曾试过。在标题前加个小图片会在IE6和IE8下显示将完全不一样。为了避免错免，只能
采取这小白的方法，当然，你有比我更好的方法请告诉本人，谢谢，一起交流交流DIY！

=================================================================
第七步：【个人求职推荐】没啥好说的，就一个主题调用！完毕！

=================================================================
下课，说得不是很详细，稍懂HTML的人都能做得出，不懂的话我也没办法了。好好学习，天天DIY~~~
第八课预览：教您DIY个性的论坛版块，打破DX的默认论坛！
我的DIY心得：一、再次严重声明：请在DIY时善用QQ截图功能（请设置您最常用的快键）功能：可以量像素，对齐边框线，截图等，用处多多！
                           二、再次重申：请在调用图片时请在内边距的右边距设置为-10【注：是负数10，而不是正10】作用：解决IE8显示正常，IE6下却错位的情况！
                           三、同第二心得一样，请DIY时要常用到负数来控制边距，这样你的DIY将很完美！
                             四、发挥您的想像力，用多框架多重组合，没有做不到，只有你想不到！
                           五、掌握以上四种方法，你将成为DIY达人！

最后引用某位名人的名言：给我DIY，我能仿站！
以下都是纯DIY制作，不修改任何版模文件，只需导入DIY即可使用，适用于X1.5，简单操作，适合新手！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

AD：新版DIY风格，演示：http://www.liuzhou520.com/ 适用于X2.5及以后的更新X3，有需要请留言联系，或点这里查看：http://www.liuzhou520.com/forum.php?mod=viewthread&tid=358，谢谢支持！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

xin_ruoli · 发表于 2010-10-21 09:49:21

本帖最后由 xin_ruoli 于 2013-1-3 20:03 编辑

假如您没看过之前的1-6课教程，请点击以下链接！

AD：新版DIY风格，演示：http://www.liuzhou520.com/ 适用于X2.5及以后的更新X3，有需要请留言联系，或点这里查看：http://www.liuzhou520.com/forum.php?mod=viewthread&tid=358，谢谢支持！

或到官方的：https://discuz.dismall.com/thread-1919164-1-1.html

占位编辑，有问题请以回帖形式提问，本人必回，谢谢您的支持！

joinzw · 发表于 2010-10-21 09:51:30

图慢

下砂 · 发表于 2010-10-21 09:56:37

xin_ruoli · 发表于 2010-10-21 11:13:01

哎，白写了。没人鸟我。。。。没出教程前这么多人加我Q要求我更新，现在更新了没人鸟。郁闷~

baiawusr · 发表于 2010-10-21 21:00:16

学习中

稻子花溪 · 发表于 2010-10-21 21:16:02

顶楼主，好样的。

xiewei237 · 发表于 2010-10-21 21:46:15

回复 xin_ruoli 的帖子

楼主，我顶你，你很不错，支持你

ifeelingcn · 发表于 2010-10-21 21:50:41

好贴一定要回复(EM:131:)(EM:131:)

xin_ruoli · 发表于 2010-10-21 22:22:16

谢谢支持~``

		自动登录	找回密码
密码			立即注册

[已解决] 72泾DIY教程帖【第七课】：教您亲自动手DIY做一个【人才频道】（这是官方没有的哦）

本帖子中包含更多资源

评分