discuz使用模版教程.pdf

第1步：进入版块内点击右上角的DIY（如下图，注：静态化无法DIY,请取消静态化）户管理营理中心退出33点.用户组：72校船长游现世界 美食天地求助问答 社区站务名,软的中心卜舌输入搜索内容 授索本广告位招租第2步：拉好框架（先放3:1的，再将后两个框架放入其中）如下图所示（下面说的都无需 再拉多个框架，这一步已把该拉的红框都拉好了）：第3步：设好红框（就是指向出现红色的框架，在这我将其称为红框）的样式参数（如下图,对比看说明）E版1 1 3 4 5-式式式式式 中T5耳n律青景照片|o 3右回分别设量詈定0 戊程律式*际于inHi欣华月 1U25 旺W c r n 31舌回 1 20S/M图中1：边框，请将默认的【大小】改成0（因为这样不会显示边框线，不选则会显示官方 默认的边框线）图中2：边框一定要为0,这样是最大化，0和不填是不一样的！图中3：边框一定要为10,这样是和下方框体的距离，若填0则会连在一起！图中4：此处请一定不要选择【无边框框架】否则你用TAB框架则在标题加链接时会成白 色，留空不选即可！第4步：先DIY右边的。请拉一个红框的框架到图中右边的框架内，然后点击样式，如图:图中1：边框线颜色为：IPX。我用的是粉红色！根据自己的爱好选色！图中2：上为0（但官方默认的是IPX的距离，所以该处请填0,其它的请设置为1）第5步：红框的边框线，粉红的（如下图）垢辑框架将或字体 一，嘲匚需宴】出方HR1片整实dsn不摘图中1：请设为4Px（想更粗请设大点）图中2：左10PX（是与左边的框架保持10PX的距离，要不会连在一起）第6步：拉一个论坛类的帖子模块放在上一步设置好的红框内，点样式设置参数（如下图）图中1：链接字体，12PX是官方默认的，可以留空。后面的是字体颜色！图中2：请选边框为0,也可以留空（这里和红框不一样，留空也不会有官方的默认边线）。图中3：外边距设置和内边距有所不一样，自己理解，请看图中设置，假如你把图中右10PX 输入到下面的内边距的话，标题就偏了最好这样搞！图中4：内边距的下2Px是为了对平左边框架，所以才设置为2,你可以根据右边的边框线 对平（这里请善用QQ截图功能，最后我会教你如何用QQ截图进行DIY较正）第7步：标题，我在这用的方法是不正规设置方法，主要是考虑到美化，用的是图片（看下 图）图中1：你看错了，那不是空的，是在智能ABC（我打五笔的）输入V+1这是空格白键，无字体的，但是会有字体一样，因为官方是默认无字体的话是无法设置标题的，所以用这招 骗过官方！图中2：图片路径，为不平铺！0K,左边的DIY完成，先讲到这，顶的人多，再教你DIY另一边的如墨体熠夫为a r win“府上荷色-i-q r.w.犊州二小尖女.RM-f.iftaREMa n*.u-uw.等干间0.a u ivruHt而*111时可，舞却力卜a.奏丽F千最后说一下我DIY用到的常用工具：1：QQ截图，我设置了快键（ALT+Q）方便截图及对齐边框，效果如下,自己理解。(1B Ml fFMtu.2：取色器，方便实用，仿站最好工具，需要的请下载!.，e n*Gor a o.n。-ii丽 a 入 i：务孑出 4 工本 a ds，w；tns傅 tesa，a 4，的。itir.ni。U YISXtT*9B*y Ruima wmti ms ir,T949t*一 1r*timJirr*-*iu 32*三|7i 黄川十一我富田 我日KL”，：BHSssn yuwiBjni yiumjjjt ebubseb/juuk.a zokosit.wim er，.eee 口口刈 1 tun尔空的1 H-WWRM帙帖情行幡 H区*m：v/.ra Q notrM-隹皿Enra wma m gw wiMmU.mUUIWeitR”3B EMMTMWT,工 GM4MM光 一，wsoa7 unnriH-.T.mnnK岳PK?tE-1 8 航砧Q；丽01136ffiD 内已均手的HU*ra Kir*n.it.w.情用三小美女.玩的三董.攻嗡面而，wa.，bbw*.*Gn ttw ta rs mia wimk*f?w i”n hbv”ww iiskH CC，日 i互出QlOwu，皿!小点PI”，二 9Qi85n 雷式 它77一 会车西“EJ试玉:行”tF疑函二家世*3年时T之欧 注效1。nin-KrzQtria日三时丰丰茂正却 力二，p三慢邛耐5舁与一:。：三 出话,常更费，口w+rnB4i小w rm$5第士蕾魂酶同此好段!愤出1 72:泅72川96同出11州自，后们国口快乐I0*+，*!；Piisni 序q nit至少的金五hh演小：http: d-544-l-Lhtml弟二铢开始：=第一步：先拉好两个框架。一个100%的一个1:1的。将1:1的框架放入到100%的框架中（如图）5rttf第二步：点击打开那个100%框架的样式，出现下图:图中1：这是边框线，请选择I PX。颜色看自己爱好！图中2：除下边距是10外全为0。因为要和帖子保持10PX的距离，因此下边距要填10PX。其它别填！第三步：点击1:1框架的样式，出现下图所示:，星水n便民区7蜜网：定人图中1：就是淡粉红色的边线，要粗一点，所以我设置了 4PX。图中2：为何第一个是0边距，其它的是1?请参阅第一课的第4步！图中3：请看箭头指向的，那就是DIY好后的出现在左边的热点回顾图片背景！请选为不平 铺！第四步：看下图，注意看箭头的指向，自己理解其关系!JIY;片站 也聚 餐快图中1：外边距最大化。则填0图中2：为何上是10下是0则因为你旁边还有调用帖子，在帖子的内边距下填10即可，不 用两边填，所以这是0,上是10PX即是表示和上的边框线保持10PX距离。左边何是32PX?是因为左边有个【热点回顾】这个背景图片，所以得设的距离远一点，要不会挡住该背景图 片，右为何是-10（负数）请参阅之前讲过的。不知在哪讲过自己看吧！第五步：拉个调用帖子的蓝框到右边的1:1的红框中，请选回复数调用后点击该样式，如下 图所示：d in*ns xm sat Me.n 中目3图中1：字体大小为14Px（请不要选13PXo就算选12Px也不要选13PXo原因是13Px在IE下和14Px差不多，但在IE8下有所不同，为了美观请在12Px或14Px两者间选择）。图中2：最大化则是0图中3：全离10PX。因为这里不用考虑任何对齐不对齐的问题，只有一个框架。图中4：如何做到请看下一步说明！第六步：调用个性化，请看清箭头指向，如图所示:WS 49图中1：调用的代码，看不懂，请看图中2的说明！图中2：代码变量说明。图中3：往下拉更多！图中4：在标题前加多个版块名称外加口括号，这是为了美观!图中5：加多几个中文，为了知道这些数字是啥意思。OKo第三课讲完。预览，请看下图：演示：http:/ 同总前和晨斗dcR 3.文上:北】厩三 田副11本.卷 j玄0uit,宣金hy（通ftflb在卬唠，1C细聃0灯片.，M1=Y平伸.jT中芦U1才*阳即，IY2）fTe Hw-r *!*8fHF由MH./-4Tjnv制萩If利么?Da rS”，金 It3*)外erirtix课开始:第-“,课前分析：图中1所示，之前有讲过，在这就不讲了。这课来讲如何DIY图中2和3第一步：先拉一个100%的红框架放好。再拉一个【展示类】-【静态模块】选择【HTML】自己写好HTML代码放入（连HTML都不会你还做什么网站呢？自己学吧，我就不提供了）如下图所示：DIY:怙“-I*I-。第二步：箭头所指的就是之前已拉好的100%红框体，你无需再拉（下图说明:图中1:无边框线。图中2：框架最大化。图中3：那就是靠最左边的背景图像。第三步：第一步的静态模块设置，如下图:IY:开处 框理 根快图中1：字体颜色，你只需在链接字体填入字体颜色即可，不用学我哈，我是忘了删除的！图中2：连红，淡灰就行图中3：左为152,为什么要这么多？因为左边的背景图片这么宽，所以为了不挡住他才拉 这么远。图中4：背景图片，IPX宽的，所以要横向铺平。第四步：看箭头理解!荏已目 一 上意修也觉而杼Dwoirl XL5f3第2 八味iIV.惬心不X抵学丽出M少儿美送挈新住射TBJttei 21曼R1PTh而各口f-N文：td买修别抬掌大金筏e州图中1:边框线。图中2：边距。图中3：背景色!第五步：【查看更多】的标题。4角X1子：I IDtocurt XL5全氤新2米先Xe圻4JE己有的受总一款Ed星L挎事JOBE而耳）.IQ文：国/精御餐东大会及票练438B5U”聆i.25晨区配监军 差科用能（杀It出剂希少儿美诵行r邓守地，苕苗叼uttmti再TflC r*文 9 b X）户不图中1：标题不是空的，是V+1（智能ABC下打出来的）详情请看之前的课程！图中2：点击后的链接。图中3：查看更多的图标，我这是为了好看才用图标来，你也可以不用这么搞，直接给标题 输入查看更多。但效果不是很好看哈！图中4：是【朋友聊什么】的背景图片。为不平铺！第六步：搜索群组的代码!&优星性Dtscurt X1.5全面“街2系线架蔺聊什:产品上q与。能而三校法分类2 1,瓜9F悻与舱娼胃的炊2HTMHtH睢看学网fit出（1林少儿英语第七步：搜索的设置，如下图:用文：国美口别找森大会投票始。卜学m也叫.英台字JiiiT网幽提面图中1:外边距为最大化。图中2：内边距上下为10,左28只是为了考虑对齐其周边环境！请用QQ截图较正!图中3：背景色。第四课完成。下一课教大家如何DIY钦州港72泾网【朋友圈子】的【谁是泾男&泾女】演示如下图，或点击：http: tc7 G，绰喘，*UI-一n2 下 TDIW-xW t-rrowRMKtn r歹谷w期日长rTja t 士9,8认 qc a口a/stx建片IT月底MH lOflJctl.VM4IK diaHJlQ丛力?守ILltM。用 白日打时断蚂71VLnw予 rmttwf，电二）第五课开始：-=说明一下。这一节我就不再详细教了，必竟DIY这段比较复杂，除了用到PLUS这个工具 外还要插入其它的一些HTML。不懂HTML的话看也看不懂，所以这一节课我大概分析一 下我的框架就OK。其它的自己去理解！请看图中标题的数字后再看下面的说明：x,T nnz 导府子一名，右鼻口斗15万 帽川圉1”修二代 司手要工：诈它-Tt老公用口;TTtJH?钦州小小公工心让入、费JF-HM*人人心口身心用亚站*J HA 费-1670 口中专哥默的州 正m证60怎手冷例与工 3口存?tM里厂商、，.，*专-；&F品nmv，运动：i 序2N，准4R2 imrrsiH谊对 F14KW?，?1图中整体框架：在3：1的基础上再放入1：1的框架，分上下两部份，现在说一下上部份，背 景图片为向下平铺！内外边距要求控制比较麻烦，请用QQ截图正行较正！图中1：那是背景图片图中2：有图中1 一样是标题！图中3：不是标题，而是展示类的静态模版的图片图中4：HTML图中5：标题左图中6：标题右图中7：标题左图中8：标题右图中9：HTML图中10：HTML图中11：HTML图中12：HTML图中13：Phis调用图中14：Phis调用泾女那一段和泾男的一样。你可以导出红框再导入就OK 了。不用再重D。完成 这一节不细讲哈，重点讲下一节，有朋友点名要讲这一节，以后就不自己在这自言 自语了，自己点播吧，去http: 式跟帖发给我，我会看到的！谢谢支持！下一节预览（网友点播），详细教你DIY这一段：I*教工运士壬时1一 TBtST手2亭斌.疑G村通东邛THJiitn却明下一呈在玩舜1 rn*，-低的鹿阚生酒4早岁皿；？阿士南+3*6壬*司？1；回田里里即受一mi在玩弄，；*2，o女纪/810也、不忠他SVRH.校的巾a rgsm见一”!4“，；”王日内.，rtjJFUofF-轲，!T/|nqe 儿干，ep曼*下斗wmm；r#a r航反.甚主，立三书妆.第六课开始第一步：看图，让我们先分析一下框架。图中所示：是先放入一个3:1的框架再放入一个1:1 的框架到左边。3IY*彳 第二步：先看左边的，都是重复的。所以在这我只讲一边。另一边也是一样的方法。他们之 间的关系如下图所示，我就不多说了第三步：图文的调用:开始 梅架 慢快坛类群蛆尹照子金 台一HP1钓与 18蝌候坎 京a模块削件模中aw s it t 横诉其中 样坤理后if eUU?玷子崔坤 商品梗注今天愚心恬郁闷幺？不忍活了美于管州花隼站,我也有话说无聊无聊 I当你分谩如果医明芟一叵是在玩寿 件 钦用港的生活土卒限高屿”1区大雨正与那呢T:0人向宜8.回弄。回度4A1SJ14A同度能替打开方式仙胡展产；日 IMS 式 20104099-1自定攵内?tf?摄完冠小K.上图中1：标题不能太长，20表示10个汉字或20个字母或数字，自己算算能显示多少就填多 少！图中2：内容的长度和标度一样，字数不要太多，要不会拉长页面，这样就不美观了。图中3：图片的大小，请根据实际情况设置！第四步：给图片加边框。用件熄功 十方机口 砧子想注而品岫）风土而立去则旷注意看图中的下划红线那就是给图片加边框的，当然这种方法对新手而言较麻烦，您可以 用以下这种方法给图片加边框！style=padding:lpx;border:Ipx solid#CCC;background:#FFF;/将以上这段代码插入到类似于img src=pic width=piewidth height=picheight”在这里空一格,然后将以上代码添 加到这。/这个符号就不要多，一个就好/第五步：主题调用，在这我说明一下红框中为何是401,其实你可以打一万，官方默认是40 的。所以我加多个1意思是主题显示最长化 要不默认40的话，21个汉字时就会显示（这一招只限主题调用，图文啥的不要这样做，或你把li换成p也不要这样做。第七课预览：（教您DIY以下内容）一自己动手制作人才频道！演示：按我说的去做你做出来的效果会如下链接过去的演示站一样:http: sMA*winw户书ft*I r”M人力M蝌碗痴削，.U 0m-M9B6)7.II-J：7W 1/，”幅 vHi.nn 后，*,4,4 浦RW“召才,“r iiM*”，皿 WM。Ce/rKl齐小，ruta?v/iv4 rOfWWffa 二八：GW T FTSMnf-！；，.；e 个 tte,w*：*!ymi-E，rihcD:E“W-；田喇q*-|I他，“i oca K 钟巴.*m；e.一杓g-MWfi -GH esa mlwt lmj 一一，侑，；第“名SB-IUW.WWffnfur佗丸小若&到制&*Mtfjmw仁a WKlFittkOHB。东困企业集团“吊好同7*CMnnAMQ GMXIftM器树枝l3函太钳佛1.Oim RMdc tuina nE3EChino unc o nunaRil 中国移动通信 CHINA MOKIS+AtWBMst；工和 rtw i任食 MW，基小 rw*W；A wn H；!MlfC 7hMHMa a&A rse.m nrrs 2fl上丽EM5-eg KEeRMtlH，【M ItM ran k 02!t iw t,，”OR 4M HfHtgr duq i u；m 石aohbn .ICR 而VFIt硒x”mF“9”“二，E BUM-m w；ti 仁，*(！二/：口虺imm、色“utm，广由 r 一,J、怙，,*im。川:。,Fi-run WI*Bt*二，*!3w cRjRa ha iE*三:f w tmerxw-rnu，G/E X 归 KK*HMM r rx IKWEiiif w巾，/喊。mt:r e.，a m”，ni“用i，、:，4 a t 毗rsa“m 口研miMLCT I.M E iYw,，dnn-，a it 二，IUR.：/4 t.J3R 叫EtIM AU七,)*/)tiell Af，11nl ra n.mWMiidm!K：A!a T：mW.!司q，*qt“8isr乐曲 i，怖防，产cm例，.，mmttwE A*，原产w-rww I&v-1 M”布丁下-二|0口 必穆什rin，h3卜 印，fit&，二A，C，,，ur-,r-1：FHR WT1AJ：atttH-r mu 乂否一 印，miwnjt qhi f 叫2、-5 WW，.，Z3”。4 in xs Kia o in.n iw i mu u课前准备:0”MI小到后台-【论坛】-【分类信息】-添加分类-取名为【企业招聘】然后给该分 类信息取好名称及相应的变量名和类型！设置好分类信息好将以下代码插入到该分类的【企业招聘-分类信息模块调用显示模板】中1 2 3 da telineurl在这插入您要调用的变量 BPRj 在这插入您要调用的变量即可（可在这加 上几介字，如招聘：）然后在这插入您要调用的变量即可4 5 复制代码OKo后台我就不截图了，对于一位站长而言，你可以不熟悉HTML,也可以不用学什么PHP 或啥的鸟东东，但管理后台你一定得熟，假如不知道在哪，我劝你再多多熟悉熟悉一下后台，相对PW8的后台，DX的后台是很简洁的，我一进去找知道啥东西在哪介位置，而PW8的我每次进去，进了不下N次都长不到东南西北，而且每点一点又重新打开小窗口，很烦，所以你用DX你该谢天谢地了，要不你去玩下PW的后台试试？好了，废话话不多说，正式开课.第一步：先拉好一个3:1的框架，然后在左边的框架中拉入【静态模块】如下图所示:o n MILl，l-f TWt t Uu选择自定义HTML,将以下代码插入！您的图片路径“6    您的图片路径“7    您的图片路径“8    您的图片路径“9    10 复制代码第二步：第一步已拉好了 3:1的框架，你只需再在右边拉入【静态模块】如下图所示：选择自定义HTML,将您版块的搜索代码插入（在这我就不提供代码了，必竟给你的只能搜索我的版块，你要自己到您分类信息所调用的版块内右键看源码）第三步：再拉一个1：3的框架，然后在框架的右边拉入【静态模块】选择【分类信息】，再选择您要调用的分类信息，如下图所示：Dir：H怆第四步:为背景图片，自己做一个背景图片插入，如下图所示的位置:14 SK广注。塞四斥费麻川 5fl，4Q小帅；”/7-招*暇4j佛通例H，k扁二I，邮，屯雁本栏）删|收制a1 r f SRi女小三籽W可悔利匕分别设X上5 tn fi|D DMIJO P gfo px*H8I阳t|10 px in-WF|5-P5S2-P依Hani普里色1.i,|I H -：HI V；k1 A Mf*ft lili%T fl W lli 11 la idii&s才二一再由*.三凝新招聘您在这里看到0定|a伎用电kf it函也J.1左飙13R：Jt STt i第五步：左边的【工作职位分类】很简单，用HTML代码实现的，如下图所示：Y.M 架n t 厘不口代码如下：11 12 网管/技术/收银v/Av/P 13 保安/物管/防损v/A 14 后勤/文员/仓管v/A 15 管理/财务/人事v/A 16 销售八上务/市场v/A 17 导游/家政/客月艮v/Av/P 18 律师/文案/摄影v/A 19 r 告/设计/策划v/P 20 司机/物流/采购v/Av/P 21 报关/单证/贸易v/Av/P 22 生产/制造/加工/P 23 百货/连锁/零售v/A/P 24 医疗/生物/化工v/Av/P 25 农/林/牧/渔业v/A26 教师/培训/翻译v/A27 美容/美发/保健v/A28 餐饮酒店/月艮务员 v/Av/P29 兼职/其它职位/P30 复制代码第六步：和第四步一样的方法！很多人会想，为什么不在标题前加个小图标就OK 了？为什么要这样？我曾试过。在标题前加个小图片会在IE6和IE8下显示将完全不一样。为了 避免错免，只能采取这小白的方法，当然，你有比我更好的方法请告诉本人，谢谢，一起交流交流DIY!DIY:开的M写tressIUA受博懵样式T QU：3378H19KMB9冈/铁；，收和 停安/利官/附顿 目/文昌，位置碉/!：马/市场言师,文君/用*1作职分类啥g小,/*花）推里证/博易 生产，制电，加工 G M/t匡疗/生科/化工|q 3R。；PrTfn-jncS(o(x(响，&E您心Ml郁病?么?不忍活了午F就州推车站,我也覆话说！刊无脚t 1当伶用超田里男甲次一直是在近鼻 做川君的生活水平港熹吗处币大三即国？附件图尸贴子由卷(sumnwy百家dis第七步：看图中数字对照以下说明。,V片修少 T伊握曰 NTa H左僮任#内0命*色片口加片9钮!1/1睢口上F?活了W千加制丹生堂.此也有送过 杠伸一 刿停即ilM琬里琳今林伸冷的生活土平岸富叫 风大而大玄如2?网多断出t于UI M埃森时v4图中1：字体，即是没有链接的字体大小图中2：带链接的字体图中3：最大化就填0你留空和填0是不同的效果！图中4：内边距，一般设为10。下是5是因为下边框本身就有默认值不心过大，设不设都 无所谓但最好设置一下，设小一点就行 第八步：会员展示模块。L第九步：给会员头像加上边框，请参照第四步做法筌块筌板嶂A餐也 怪城案克 收块夜校言星国句经友秀vd3t e)(posts)t w c5d、胃凡人第十步：记得右边距减10,之前有说过，当然你可以不减，你不减我不能保证你在IE6下 不会错位。模次样式 I 照 I_Z1_JI 快生V评式*办电 幺别把查|o px Wo px f f o px Sj O px回分别建查|15 叩|Lu 下 T二，H21 px回分别创1 I _困片 目 ct ass|/定：A一应 ，2加0情群病危.医生厮10 律者.一-校友秀下一节教你如何DIY人才频道！（官方没有的哦）该教程请关 注三楼！mN负 技人才织工作 发布版I KffMR艮*：i*.w n 亘:才从帐14峥那W削一好岫珈整fH B璃U 0777-3695007 y”IH907772558 8 QQ:23378H198C KBM本栏IMH1O兀/叫gra tfmiBiWitm isir-.电脑持甘同1g盾R.W*触*10-51 UnffBBfta.痔.寞业尽.乃耀昌IOS用HiIXCB 幢用工金石的 口，：0 帽，行制帔，卡IOS，作军附分受使家/物看懵 名勤，岳，任曾 理，豺多.*用/仙w 木坛 5篇/安修/后餐厂&,，总计笔外 6JSU帧馥/王gT 偿*3三十工，5 可叫 般算目生名,丙女才理，4*1闺双田 7Ufi.O rfwna esru.电N,nun悠在这里也到殁都是最幼的船聃伍恩闺上口/叱 3尢11产HHn 档跖 偿安垩中期再尸仝企一WAUAUI U m，僧耍弓,i.i itib.i以3%2629a a t3104tlWi开始上课,以下全由图文说明，其实光看图片就能会了。只要你悟性够高，不用看文 字都懂了，注意看箭头就0K。先上我论坛的DIY风格图片演示：（赏脸的点这里的链接给我送个I P,看真实的演示最 好）http: 框架，再拉多一个1：1的框架放在左边，同样也拉一个1:1的框架到右边。这样就形成 了四个容器（我也不懂用什么语来表达了，就是可以放四个调用内容的东东,我在这说成容 器吧!）2、那个蓝框框住的。就是上面1所说的100%的框架，拉出来这个后 你要再拉多一个100%的框架放进去,然后再继续以上的操作，要不你先拉好的1：1框架 到时再拉100%的架框你很难放对位置，我也不懂怎么说了，放哪个框架先都有讲究，放对 了一次性搞定，放不对的你再拉来放，很难放进去。哈哈，到时你可以试试看。看图中的框 架布置理解吧。3、那个绿色框架，很简单。我就不说了。看图就懂了！图二：图片调用设置 图二说明：1、说一下放幻灯片，先拉【附件模块】放到拉好的四个容器中的第一个里！拉 下后会出现【属性】选择好显示方式为【附件图片幻灯展示】再设置好高宽，为与周边调用 协调，所以我设置了图中的宽度好高度，这样才与旁边的对齐，再往下看边框，可以不设置，我习惯设置为0o你设不设无所谓，不影响。但像100%框架、1:1框架，此类框架一定 要设置为0,要不就会默认显示边框线！且还要设置外边距为0（意思为最大化）2、再补充一点，我想你注意到了，你看到了这图片的样式设置中的【外 边距】中的【上】设置为-11是负一，你看到这里或许会问：这是为什么呢？这个，你可 以试下不设置，那样你就和旁边的调用对不齐了，差I PX,肉眼看不出，你要把你的眼球 贴到屏幕前才看出来，你可以用QQ截图功能看看（使用方法请参阅我之前的教程）3、再往下看仔细看教程的人不难发现，【内边距】中的【上】为14?怎么不是整数10?或5或别的，怎么偏偏是14?难道楼主喜欢14这数字？我只能 说你不仔细看教程了，请参阅以上说明，为了与周边调用对齐，整体效果！你又TMD【右】设置【；0】负十？为什么不是正十或0?我只能说你N N D没仔细看我教程,这个请参阅我以上说明，再远点来说请参阅我之前的程程，我就不再解释了！图三：帖子调用设置图三说明：不好意思，在写说明前发现图片中有遗漏很多，我就用文字说明吧，先说图片上 框住的！L拉个【帖子模块】到容器2、3、4中，当然一个一个来，设置都是一样的，拉下来时会自动弹出【属性】显示样式中为什么是自定义的？你会发现你那里没有 这个，哈哈，何为【自定义模块】？就是自己写的喽，请看图中的箭头，看【模块模板】点 进去，里面有语法和语句，自己写吧。我写的只是在原基础上多加了下划虚线，代码如下，你可以直接复制进去就0K 了!1 2 3 l o o p4 5.r ed-under spanne6 bo r der-bo t t o m:dashed 1px#B6BBC1;7 displ ay:bl o c k;8 9 10 t it l e 11/l o o p12 13 复制代码2、。我真2。1说了，遗漏了很多东东，不截图我还真说不清楚，我再重截一下图传上来再说吧，请稍等！柔柔了眼睛来了，请再看下图！图三SP1:被遗漏者图三SP1说明：1、调用内容的样式设置，如图所示，哈哈，你是不是看到了什么？是不是你从没见过的设置方法？对，没错，你没看错，【字体】为何设置13?【链接】为何设置12?不设置不是默认12的吗？我只能说，这是我的习惯，你可以不设置。但字体一定要设 置比你链接的要大I PX（只能大I PX.大2PX在IE6下就错位了 I你也许会问：这是为什 么呢？我只能说，你可以成为下一个小沈阳！嘿嘿只是为了美观，这样能使【行间距】高一点，看起来不那么拥挤，为了美观，当然你个人没什么审美观的话，你可以不设置。2、内边距的设置，我就不再重复了，一切为了对齐，对齐为了 美观！3、那个123.45排行的为何要用背景图片来显示？把ul改成。1不就完了？你可以试下这样做。个人爱好。图四：发帖排行设置！图四说明：I、拉个【会员类】的【会员模块】到100%框架中的100%框架（听得是不是 不太明白？听不明白就对了，你全明白了我以后还写什么教程？那我还混个屁呀）-!2、同样是自定义模块，为何老自定义，当然你可以不自定义，那就是直直往下排的喽，想要横排就要自定义。这个不需要自己写代码，在原基础上改就OK 了!把前面的li去掉就OK 了,后面的那个也要去掉！3、那个【发帖排行】是个背景图片！设置方法请看图所示!高手莫笑,这是新手的DIY方法！图五:最后一张图啦，真累呀，写了大半个小时了，我先洗个澡，吃杯茶泡个妞再继 续！手软了。柔了柔手最后一张了。不容易呀！-!我来也，继续说明！图五所示：L都为【展示类】的【静态模块】2、右边的是广告，请选择【图片 模块】或者为了方便你选择那个【站点广告】也行，后台广告那管理。我个人喜欢【图片模 块】这种。因为是在前台可视化操作，要是广告太多，后台太乱，都不知道哪个是哪个。当然你记性好的话能记住！反正我是记不住！有说明都没用，我记性差，老记不住我的名字 叫陈思雨！哎！3、左边的便民信息，代码如下（图 片自己去我那右键保存到你本地上，说白了，偷，你总会吧？哈哈）,自己研究。最简单的 HTML,要是都不会你不适合做站长（其实我也没认全，哈哈）14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 我在东 兴 29 上思生 活 30 全站首页 31 好玩游戏 32 人 才市场33 z：手交易34 M产频道v/av/t d35 我的家园 36 道具商城 37 勋章 中心 v/a38 39 复制代码好了。全部搞定，好累呀!真累，看了一下时间，吓一跳，写了 一个小时零7分钟！喜欢就顶，多人顶我会再出教程，我的教程很简单，适合新手，高手 就别看了。不需要你会任何代码，你只要懂中文就能成为DIY高手。以下是第 9 课（X2正式版的教程）：教您DIY做自己的站之第9课：新手需要注意的DIY细节!细节一：废物利用，将无用的【调用代码】利用起来！在此以【防城港北部湾网】为例子，请看该首页：http: 以下图片分析）库也罗拉Def y me5252100QQ市武力 玩风承洒十就珏 we文服 189077093231950.00 UM分6幅里建芝.王下中运1前但 更平u压声阖|7月18日.r 击亿吨大汛直退i，i三圣主|即碗与n 丁即一巴爵H 巨旌=31耳吊W至刃炯|F更三同广西区局（2F?闻防R降市切片，网渤口万精.1F 卜m*!王1上半华.广3 l：t,S-5：nJ今年上9年图工作瓶 西防御i1!FK:造世界一八工 糠1?.矍=0T和t&祈151M,上0W 寸步备备上守潟的百和一堂千万可造就!需花西城汨第口（支打9万亩金附鱼再犷弃检耳t f f i.斐卫近距离现西姓至表鸣B0）色包际&港:mMRj目，群等卫称归我相 料八修卢哥y 蝇有点美登沙州）f（龙）7 融k/H集工以度制度主体西餐 史典对防城蹙市舄（公司）开修勤受后加快,4B自田联易区 航分,科学制全名完苦田区2f sit 产品引产量A7243K.h i 阳方自咬由全军的重E2下血的0与y1 用西至为3 色码用氏=理-仁F苦吊，二：，：-三.；-!3；:三号 V：-：-7-.!立己：）盅二 _，-EffS南宁芯|）品史田便呈浜FiS 工业掰城痔力在霭的50三懦6至&S乐舌j i+w-m 否尊毛s U大导布迂一:三工1 T同生 广m;m+寿成匚为 XIU乾苏必弊用咻士W购和竞拍是怎么搞的百史位 12如上图中所示：先说下旁边蓝色字的【点评语】是怎么做到的？请看如下调用代码，如下图 中所示：校快模板虐二等性 戌幅达一勇当排头兵吃苦耐劳甘于孽3核电段目第电工H 星一个香街M咖&负奏者至广的汽工屋里安冷堆炉工G1度另存为3占Hjrl皓子标题(title)昭带便叫甲o_.，_&._脑画卷,上恰田：防城渔市第-二号呼电一 m小布蠡康*S限明至改 造跖蹙 读一ga至玉海寺3Ei UX当月不佬加港消防派装大结 日由言母身也荻起蕾好心人出论容LK或停百人右云仃方化后Vsurnmary(a uthorRT嬉0%股叹及低氏优搭1500万元 一防（司港）哇片近3?学画 7拒学主法/至三得空:%:苦t WPT _ _、!SHMWfHOl，1Mle04；N/4、m /d=-4=l=h1 2 3 l o o p4 so r t name t y pename t it l e 5/l o o p 6 7 复制代码请看以上代码，图中的红框框住的代码：sortname即是分类信息名称，分类信息我们一般 很少用到，假如您不是调用分类信息的话，就意味着此项空出来了，何必浪费呢？完全可以 利用起来！那如何应用？作为一个地方站，首页的帖子都是推送的吧，让其自动更新的话不 太好，因为我现在说的是点评语，肯定要版主加工后才会显示，所以就将无用的分类信息利 用起来！请看下图的推送教程：*w Am 工川 MZ 9 点这里迸入到推送页面4选择好一篇你认为好的帖子，进入到帖子拉到一楼的下面，选择【推送】如上图中所示，再 看下图的推送页面：t森：八匚五 白，彩荻TW彳三二二，三工三：二；二三.*;：一.I【粕闻商讯防属港IS高组茨工作涧第度描屈党ST和谐新画卷为中e程这sn上竞争力城市.第七组咙照标22个分指标全部实1苜京-理5皿JTl j1二1 苜7 爰下*_ _ 一.一.五角星为收藏评可以gaisr-4t,沛密锄”亮理践行.1皿的鬣 瑞让您经常推篌的慢作孑峰融帖子推逋摹/位;磐署器:中 二显示在前面！，苜页聚焦T那里！1 2下T 如今这个远离市区，人口仅640/2*、复三亚区法99SA要后中,村党支部利 W就利憎商看成物美仿耶孙华餐o n.m*y 9M0UIt.WXLW.Kt RTBPFE因疳杆W.付克克司的践斫狂R?1S=一里主f f iCf iil进f语口费原存，.座的 2-码分匕至t如上图所示，点击推送首页-聚焦-1】进入到推送主页面（在这里说明一下，这些命名我 都起好名字的，当您创建DIY模块时，X2会强制您输入【模块标识】即名称，否则无法创 建！名字随便起，只要您记住是哪个位置的DIY模块就OK!新闻资讯防城港提高组织工作满意度描绘党群和谐新画卷 7/发表于兵咤者 要字迸览组织工：展又I为中E。两年位居中组部开展的:推送返回所在费面全距酒忑槿央标田:W*HUAilXlMEKh;SLZ_i*aB J 现1J星百即时是新梅决致抵更新榻接案要宁情目勾方则DBA宁植海;否则加入松安运=进1邓田帖子URLf o r u m.php?mo d=vic w t h r ead f l dj d=6407也：，市弗 迸，防砧W援莅组织工作彳营屋雎克前6至法理上1七后台 8/U|c生春*RL640户分美区亘之方;宗再受汉话石苍韦至一匚受亍差云坛三24 小时，撰报 18907709323机室上榜布防城港市荔一而U防1电EliBSU：作羯！昼3评分得f?f o r um.php?mo d=t o r umdi5pJay&f isra a f*上图中所示，将以下代码复制进去你就明白！并不是什么插件，你在我站（）的所有风格都是DIY,并非板模或则是插件，完全人工一个一个框架拉下来制作而成的！注明：（所有风格都是DIY,包含其它频道，如招聘求职，购物街，房地产等，我只装了 X2 和XPLUS（XPLUS只是投票系统，与DIY无关）之外没再装任何别的东东，当然还有些 好玩的插件，但这和我DIY无关）8 9 b 摩托罗拉 Def yme52510 11 原价：vf o nt c o l o r=#333333 2100 元；折扣：9.3 折 12 1950.0013   14 15 16 17!-18/do c ument.w r it e();19 f unc t io n sho w _dat e_t ime()20 Bir t hDay=new Dat e(7/30/2011 22:22:22);【月/日/年;时:分:秒】21 t o day=new Dat e();var span_dt _dt=do c ument.get El ement By l d(span_dt _dt);22 t imeo l d=(Bir t hDay.get Time()-t o day.get Time();23 if(t imeo l d0)24(25 span_dt _dt.inner HTML=团购结束！请关注下次团购！；26 r et ur n;27)28 w indo w.set Timeo ut(sho w _dat e_t ime(),1000);29 sec t imeo l d=t imeo l d/100030 sec o ndso l d=Mat h.f l o o r(sec t imeo l d);31 msPer Day=24*60*60*100032 e_day so l d=t imeo l d/msPer Day33 day so l d=Mat h.f l o o r(e_day so l