Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] 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,谢谢支持!


课前准备:
后台---》【论坛】---》【分类信息】---》添加分类---》取名为【企业招聘】然后给该分类信息取好名称及相应的变量名和类型!

设置好分类信息好将以下代码插入到该分类的【企业招聘 - 分类信息模块调用显示模板】中
  1. <div class="module cl xl xl1">
  2. <ul>
  3. <li><em>{dateline}</em>[url]<FONT color=#FB6C03><b>在这插入您要调用的变量即可</b></FONT><FONT color=#23a2c7>在这插入您要调用的变量即可</FONT>(可在这加上几个字,如招聘:)然后在这插入您要调用的变量即可[/url]</li>
  4. </ul>
  5. </div>
复制代码
OK。后台我就不截图了,对于一位站长而言,你可以不熟悉HTML,也可以不用学什么PHP或啥的鸟东东,但管理后台你一定得熟,假如不知道在哪,我劝你再多多熟悉熟悉一下后台,相对PW8

的后台,DX的后台是很简洁的,我一进去找知道啥东西在哪个位置,而PW8的我每次进去,进了不下N次都长不到东南西北,而且每点一点又重新打开小窗口,很烦,所以你用DX你该谢天谢地
了,要不你去玩下PW的后台试试?好了,废话话不多说,正式开课……
=================================================================
第一步:先拉好一个3:1的框架,然后在左边的框架中拉入【静态模块】如下图所示:


选择自定义HTML,将以下代码插入!
  1. <a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>&nbsp;&nbsp;&nbsp;&nbsp;
  2. <a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>&nbsp;&nbsp;&nbsp;&nbsp;
  3. <a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>&nbsp;&nbsp;&nbsp;&nbsp;
  4. <a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>&nbsp;&nbsp;&nbsp;&nbsp;
  5. <a href="#" target="_blank>"><img src="您的图片路径" width="102" height="26"></a>
复制代码
=================================================================
第二步:第一步已拉好了3:1的框架,你只需再在右边拉入【静态模块】如下图所示:


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


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

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


代码如下:
  1. <div style="letter-spacing:2pt; line-height:25px;">
  2. <P><A href="#" target=_blank>网管/技术/收银</A></P>
  3. <P><A href="#" target=_blank>保安/物管/防损</A></P>
  4. <P><A href="#" target=_blank>后勤/文员/仓管</A></P>
  5. <P><A href="#" target=_blank>管理/财务/人事</A></P>
  6. <P><A href="#" target=_blank>销售/业务/市场</A></P>
  7. <P><A href="#" target=_blank>导游/家政/客服</A></P>
  8. <P><A href="#" target=_blank>律师/文案/摄影</A></P>
  9. <P><A href="#" target=_blank>广告/设计/策划</A></P>
  10. <P><A href="#" target=_blank>司机/物流/采购</A></P>
  11. <P><A href="#" target=_blank>报关/单证/贸易</A></P>
  12. <P><A href="#" target=_blank>生产/制造/加工</A></P>
  13. <P><A href="#" target=_blank>百货/连锁/零售</A></P>
  14. <P><A href="#" target=_blank>医疗/生物/化工</A></P>
  15. <P><A href="#" target=_blank>农/林/牧/渔业</A></P>
  16. <P><A href="#" target=_blank>教师/培训/翻译</A></P>
  17. <P><A href="#" target=_blank>美容/美发/保健</A></P>
  18. <P><A href="#" target=_blank>餐饮酒店/服务员</A></P>
  19. <P><A href="#" target=_blank>兼职/其它职位</A></P>
  20. </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,谢谢支持!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

3

查看全部评分

 楼主| 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 | 显示全部楼层
好贴一定要回复
回复

使用道具 举报

 楼主| xin_ruoli 发表于 2010-10-21 22:22:16 | 显示全部楼层
谢谢支持~``
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 10:38 , Processed in 0.045405 second(s), 8 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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