discuz使用模版教程.pdf
《discuz使用模版教程.pdf》由会员分享,可在线阅读,更多相关《discuz使用模版教程.pdf(54页珍藏版)》请在咨信网上搜索。
1、第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图
2、中1:边框,请将默认的【大小】改成0(因为这样不会显示边框线,不选则会显示官方 默认的边框线)图中2:边框一定要为0,这样是最大化,0和不填是不一样的!图中3:边框一定要为10,这样是和下方框体的距离,若填0则会连在一起!图中4:此处请一定不要选择【无边框框架】否则你用TAB框架则在标题加链接时会成白 色,留空不选即可!第4步:先DIY右边的。请拉一个红框的框架到图中右边的框架内,然后点击样式,如图:图中1:边框线颜色为:IPX。我用的是粉红色!根据自己的爱好选色!图中2:上为0(但官方默认的是IPX的距离,所以该处请填0,其它的请设置为1)第5步:红框的边框线,粉红的(如下图)垢辑框架将或字
3、体 一,嘲匚需宴】出方HR1片整实dsn不摘图中1:请设为4Px(想更粗请设大点)图中2:左10PX(是与左边的框架保持10PX的距离,要不会连在一起)第6步:拉一个论坛类的帖子模块放在上一步设置好的红框内,点样式设置参数(如下图)图中1:链接字体,12PX是官方默认的,可以留空。后面的是字体颜色!图中2:请选边框为0,也可以留空(这里和红框不一样,留空也不会有官方的默认边线)。图中3:外边距设置和内边距有所不一样,自己理解,请看图中设置,假如你把图中右10PX 输入到下面的内边距的话,标题就偏了最好这样搞!图中4:内边距的下2Px是为了对平左边框架,所以才设置为2,你可以根据右边的边框线 对
4、平(这里请善用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千
5、最后说一下我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
6、口口刈 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之
7、欧 注效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的距离,因此下边距
8、要填10PX。其它别填!第三步:点击1:1框架的样式,出现下图所示:,星水n便民区7蜜网:定人图中1:就是淡粉红色的边线,要粗一点,所以我设置了 4PX。图中2:为何第一个是0边距,其它的是1?请参阅第一课的第4步!图中3:请看箭头指向的,那就是DIY好后的出现在左边的热点回顾图片背景!请选为不平 铺!第四步:看下图,注意看箭头的指向,自己理解其关系!JIY;片站 也聚 餐快图中1:外边距最大化。则填0图中2:为何上是10下是0则因为你旁边还有调用帖子,在帖子的内边距下填10即可,不 用两边填,所以这是0,上是10PX即是表示和上的边框线保持10PX距离。左边何是32PX?是因为左边有个【热点
9、回顾】这个背景图片,所以得设的距离远一点,要不会挡住该背景图 片,右为何是-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:如何做到请看下一步说明!第六步:调用个性化,请看
10、清箭头指向,如图所示: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所示,之前有讲过
11、,在这就不讲了。这课来讲如何DIY图中2和3第一步:先拉一个100%的红框架放好。再拉一个【展示类】-【静态模块】选择【HTML】自己写好HTML代码放入(连HTML都不会你还做什么网站呢?自己学吧,我就不提供了)如下图所示:DIY:怙“-I*I-。第二步:箭头所指的就是之前已拉好的100%红框体,你无需再拉(下图说明:图中1:无边框线。图中2:框架最大化。图中3:那就是靠最左边的背景图像。第三步:第一步的静态模块设置,如下图:IY:开处 框理 根快图中1:字体颜色,你只需在链接字体填入字体颜色即可,不用学我哈,我是忘了删除的!图中2:连红,淡灰就行图中3:左为152,为什么要这么多?因为左边
12、的背景图片这么宽,所以为了不挡住他才拉 这么远。图中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再Tf
13、lC 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:内边距上
14、下为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。不懂HT
15、ML的话看也看不懂,所以这一节课我大概分析一 下我的框架就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截图正行
16、较正!图中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村通
17、东邛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*彳 第二步:先看左边的,都是重复的。所以在这我只讲一边。另一边也是一样的方法。他们之 间的关系如下图所示,我就不多说了第三步:图文的调用:开始 梅架 慢快坛类群蛆尹照子金
18、 台一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:图片的大小,请根据实际情况设置!第四
19、步:给图片加边框。用件熄功 十方机口 砧子想注而品岫)风土而立去则旷注意看图中的下划红线那就是给图片加边框的,当然这种方法对新手而言较麻烦,您可以 用以下这种方法给图片加边框!style=padding:lpx;border:Ipx solid#CCC;background:#FFF;/将以上这段代码插入到类似于img src=pic width=piewidth height=picheight”在这里空一格,然后将以上代码添 加到这。/这个符号就不要多,一个就好/第五步:主题调用,在这我说明一下红框中为何是401,其实你可以打一万,官方默认是40 的。所以我加多个1意思是主题显示最长化 要
20、不默认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 o
21、ca 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,,”
22、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
23、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小到后台-【论坛】-【分类信息】-添加分类-取名为【企业招聘】然后给该分 类信息取好名称及相应的变量名和类型!设置好分类信息好将以下代码插入到该分类的【企业招聘-分类信息模块调用显示模
24、板】中1 2 3 da telineurl在这插入您要调用的变量 BPRj 在这插入您要调用的变量即可(可在这加 上几介字,如招聘:)然后在这插入您要调用的变量即可4 5 复制代码OKo后台我就不截图了,对于一位站长而言,你可以不熟悉HTML,也可以不用学什么PHP 或啥的鸟东东,但管理后台你一定得熟,假如不知道在哪,我劝你再多多熟悉熟悉一下后台,相对PW8的后台,DX的后台是很简洁的,我一进去找知道啥东西在哪介位置,而PW8的我每次进去,进了不下N次都长不到东南西北,而且每点一点又重新打开小窗口,很烦,所以你用DX你该谢天谢地了,要不你去玩下PW的后台试试?好了,废话话不多说,正式开课.第一
25、步:先拉好一个3:1的框架,然后在左边的框架中拉入【静态模块】如下图所示:o n MILl,l-f TWt t Uu选择自定义HTML,将以下代码插入!您的图片路径“6 您的图片路径“7 您的图片路径“8 您的图片路径“9 10 复制代码第二步:第一步已拉好了 3:1的框架,你只需再在右边拉入【静态模块】如下图所示:选择自定义HTML,将您版块的搜索代码插入(在这我就不提供代码了,必竟给你的只能搜索我的版块,你要
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- discuz 使用 模版 教程
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【曲****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【曲****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。