商业源码织梦教程 2023-09-15 13:47:01

DEDE的首页的CSS样式在哪里修改？

　　这个标记是DedeCms最常用的一个标记，也叫自由列表标记，其中 hotart、coolart、likeart、artlist、imglist、imginfolist、specart、autolist 这些标记都是由这个标记所定义的不同属性延伸出来的别名标记。

功能说明：获取指定的文档列表

适用范围：封面模板、列表模板、文档模板

基本语法：{dede:arclist typeid='' row='' col='' titlelen='' infolen='' imgwidth='' imgheight='' listtype='' orderby='' keyword=''}底层模板(InnerText){/dede:arclist}

属性说明：[1] typeid='' 表示栏目ID，在列表模板和档案模板中一般不需要指定，在封面模板中允许用","分开表示多个栏目；[2] row='' 表示返回文档列表总数；[3] col='' 表示分多少列显示（默认为单列）；[4] titlelen='' 表示标题长度；[5] infolen='' 表示内容简介长度；[6] imgwidth='' 表示缩略图宽度；[7] imgheight='' 表示缩略图高度；[8] type='' 表示档案类型，其中空值、不使用这个属性或type='all'时为普通文档§ type='commend'时，表示推荐文档，等同于 {dede:coolart}{/dede:coolart}§ type='image'时，表示必须含有缩略的文档，等同于{dede:imglist}{/dede:imglist}、{dede:imginfolist}{/dede:imginfolist}§ type='spec'时，表示专题，等同于标记{dede:specart}{/dede:specart}以上属性值可以联合使用，如： type='commend image' 表示推荐的文档[9] orderby='' 表示排序方式，默认值是 senddate 按发布时间排列。 § orderby='hot' 或 orderby='click' 表示按点击数排列§ orderby='pubdate' 按出版时间排列（即是前台允许更改的时间值）§ orderby='sortrank' 按文章的新排序级别排序（如果你想使用置顶文章则使用这个属性）§ orderby='id' 按文章ID排序§ orderby='postnum' 按文章评论次数排序§ orderby='rand' 随机获得指定条件的文档列表[10] orderway='' 值为 desc 或 asc ，指定排序方式是降序还是顺向排序，默认为降序。[11] keyword='' 表示含有指定关键字的文档列表，多个关键字用","分开[12] channelid='' 表示特定的频道模型ID，内置的频道：专题(-1)、文章(1)、图集(2)、Flash(4)、软件(3)[13] limit='起始,结束' 表示限定的记录范围，row属性必须等于"结束 - 起始"，mysql的limit语句是由0起始的，如 “limit 0,5”表示的是取前五笔记录，“limit 5,5”表示由第五笔记录起，取下五笔记录，使用了本属性后，row属性将无效。[14] att='数值' 表示自定义属性值[15] subday='天数' 表示在多少天以内的文档，通常用于获取指定天数的热门文档、推荐文档、热门评论文档等[16] partsort='排列位数'表示自动获得父栏目的所有子数中排列在第几位的栏目ID，标记为 {dede:autolist}{/dede:autolist} 时，使用本属性才有效。

底层模板字段：ID(同 id),title,iscommend,color,typeid,ismake,description(同 info),writer,shorttitle,memberidpubdate,senddate,arcrank,click,litpic(同 picname),typedir,typename,arcurl(同 filename),typeurl,stime(pubdate 的"0000-00-00"格式),textlink,typelink,imglink,image 其中：textlink = <a href='arcurl'>title</a>typelink = <a href='typeurl'>typename</a>imglink = <a href='arcurl'><img src='picname' border='0' width='imgwidth' height='imgheight'></a>image = <img src='picname' border='0' width='imgwidth' height='imgheight'> 字段调用方法：[field:varname/]如：{dede:arclist infolen='100'}[field:textlink/]<br>[field:info/]<br>{/dede:arclist} 注：底层模板里的Field实现也是织梦标记的一种形式，因此支持使用PHP语法，Function扩展等功能如：给当天发布的内容加上 (new) 标志[field:senddate runphp='yes'] $ntime = time();$oneday = 3600 24;if(($ntime - @me)<$oneday) @me = "<font color='red'>(new)</font>";else @me = "";[/field:senddate]

Field 标记功能说明：用于获取特定栏目或档桉的字段值及常用的环境变量值适用范围：封面模板、列表模板、文档模板(1)基本语法{dede:field name='字段名'/}(2) 系统分配的field板块模板：phpurl,indexurl,indexname,templeturl,memberurl,powerby,webname,specurl 列表模板：position,title,phpurl,templeturl,memberurl,powerby,indexurl,indexname,specurl,栏目表dede_arctype的所有字段其中 position 为 “栏目一 > 栏目二” 这样形式的链接，title则为这种形式的标题文档模板：position,phpurl,templeturl,memberurl,powerby,indexurl,indexname,specurl,id(同 ID,aid)(3) 文档所有内容字段档案dede_archives表和附加表的所有字段。 Channel 标记功能说明：用于获取栏目列表适用范围：封面模板、列表模板、文档模板 (1)基本语法{dede:channel row='' type=''}自定义样式模板(InnerText){/dede:channel} (2)属性 [1] row='数字' 表示获取记录的条数（通用在某级栏目太多的时候使用，默认是 8） [2] type = top,sun/son,self type='top' 表示顶级栏目type='son' 或 'sun' 表示下级栏目type='self' 表示同级栏目其中后两个属性必须在列表模板中使用。 (3)底层模板变量ID,typename,typedir,typelink(仅表示栏目的网址) 例：{dede:channel type='top'}<a href='[field:typelink /]'>[field:typename/]</a> {/dede:channel} 注：在没有指定typeid的情况下，type标记与模板的环境有关，如，模板生成到栏目一，那么type='son'就表示栏目一的所有子类Type 标记别名 onetype功能说明：表示指定的单个栏目的链接适用范围：封面模板、列表模板、文档模板(1)语法 {dede:type typeid=''}{/dede:type}(2)属性 typeid='栏目ID'(3)底层模板变量typename,typelink(仅表示栏目的网址)Autochannel 标记功能说明：表示指定排序位置的单个栏目的链接适用范围：封面模板、列表模板、文档模板(1)语法 {dede:autochannel partsort=''}{/dede:autochannel}(2)属性 partsort='栏目所在的排序位置'(3)底层模板变量typename,typelink(仅表示栏目的网址)Mytag 标记功能说明：用于获取自定义宏标记的内容适用范围：封面模板、列表模板、文档模板 (1)基本语法{dede:mytag typeid='' name='' ismake=''/} (2)属性[1] typeid = '数字' 表示栏目ID，默认为 0，在没有设定的栏目没有定义这个名称的标记，会按如下搜索方式来搜索“先向上查找父栏目 -> 通用标记（typeid=0）的同名标记”。 [2] name = '' 标记名称。 [3] ismake = yes|no 默认为 no 表示mytag里的内容不包含其它封面模板的标记，yes则表示标记内容含有其它封面模板标记。 Vote 标记功能说明：用于获取一组投票表单适用范围：封面模板 (1) 基本语法{dede:vote id='投票ID' lineheight='22'tablewidth='100%' titlebgcolor='#EDEDE2'titlebackground='' tablebgcolor='#FFFFFF'}{/dede:vote} 注：本标记直接生成投票的HTML表单，为了让你更方便修改其样式，建议在后台->投票管理的地方直接复制生成的HTML代码来使用。Flink 标记，等同 friendlink功能说明：用于获取友情链接适用范围：封面模板 (1)基本语法{dede:flink type='' row='' col='' titlelen='' tablestyle=''}{/dede:flink}(2)属性[1]type：链接类型，值：a textall 全部用文字显示b textimage 文字和图得混合排列c text 仅显示不带Logo的链接d image 仅显示带Logo的链接-------------------------------------[2]row：显示多少行，默认为4行[3]col：显示多少列，默认为6列[4]titlelen：站点文字的长度[5]tablestyle：表示 <table 这里的内容> Mynews 标记功能说明：用于获取站内新闻适用范围：封面模板 (1) 基本语法{dede:mynews row='条数' titlelen='标题长度'}Innertext{/dede:mynews}(2)属性[1] row 新闻条数[2] titlelen 标题长度(3)底层模板变量[field:title/]、[field:writer/]、[field:senddate function="strftime('%y-%m-%d %H:%M',@me)"/](时间)、[field:body/] LOOP 标记功能说明：用于调用任意表的数据，一般用于调用论坛贴子之类的操作适用范围：所有模板(1) 基本语法{dede:loop table=' sort='' row='' if=''} 底层模板{/dede:loop} (2) 属性[1] table 表示查询的数据表[2] sort 用于排序的字段[3] row 返回结果的条数[4] if 查询条件(3)底层模板变量这个标记的底层模板变量即是被查询表的所有字段例：获取Phpwind论坛的最新主题贴子 {dede:loop table='pw_threads' sort='tid' row='8' if=''} ·[field:subject function="cn_substr('@me',30)"/]

([field:lastpost function="date('m-d H:M','@me')"/])

{/dede:loop}Channelartlist 标记功能说明：用于获取当前频道的下级栏目的内容列表适用范围：封面模板 (1)基本语法{dede:channelArtlist typeid=0 col=2 tablewidth='100%'}<table width="99%" border="0" cellpadding="3" cellspacing="1" bgcolor="#BFCFA9"><tr><td bgcolor="#E6F2CC">{dede:type}<table border="0" cellpadding="0" cellspacing="0" width="98%"><tr><td width='10%' align="center"><img src='[field:global name='cfg_plus_dir'/]/img/channellistgif' width='14' height='16'></td><td width='60%'><a href="[field:typelink /]">[field:typename /]</a></td><td width='30%' align='right'><a href="[field:typelink /]">更多</a></td></tr></table>{/dede:type}</td></tr><tr><td height="150" valign="top" bgcolor="#FFFFFF">{dede:arclist row="8"}·<a href="[field:arcurl /]">[field:title /]</a><br>{/dede:arclist}</td></tr></table><div style='font-size:2px'> </div>{/dede:channelArtlist} 除了宏标记外，channelArtlist 是唯一一个可以直接嵌套其它标记的标记，不过仅限于嵌套 {dede:type}{/dede:type} 和 {dede:arclist}{/dede:arclist} 两个标记。 (2) 属性[1]typeid=0 频道ID,默认的情况下，嵌套的标记使用的是这个栏目ID的下级栏目，如果你想用特定的栏目，可以用","分开多个ID。 [2]col=2 分多列显示 [3]tablewidth='100%' 外围表格的大小 List 标记功能说明：表示列表模板里的分页内容列表适用范围：仅列表模板 list_htm(1)基本语法{dede:list col='' titlelen='' infolen='' imgwidth='' imgheight='' orderby='' pagesize=''}{/dede:list} (2)属性[1]col 内容列数[2]titlelen 标题长度[3]infolen 内容摘要长度[4]imgwidth 缩略图宽[5]imgheight 缩略图高[6]orderby 排序方式，有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum ，默认为 sortrank [7]pagesize 分页大小(3)底层模板变量 ID(同 id),title,iscommend,color,typeid,ismake,description(同 info),postnum,lastpost,shorttitlepubdate,senddate,arcrank,click,litpic(同 picname),typedir,typename,arcurl(同 filename),typeurl,stime(pubdate 的"0000-00-00"格式),textlink,typelink,imglink,image 注：list标记除了支持档案表的基本模板变量外，还支持附加表的字段，你可以在模型管理中知道附加表支持列表使用的字段有哪些。Page 标记功能说明：表示分页页面的附加参数适用范围：列表模板语法： {dede:page pagesize="每页结果条数"/} 注：此标记在dedecms31中已经过期，dedecms31中直接把 pagesize属性加在 list 标记中，表示记录分页大小。Pagelist 标记功能说明：表示分页页码列表适用范围：列表模板 (1)语法{dede:pagelist listsize='3' listitem=''/} (2)属性 [1] listsize 表示 [1][2][3] 这些项的长度 x 2 [2] listitem 表示页码样式，可以把下面的值叠加index　　首页pre 上一页pageno 页码next 下一页end 末页option 下拉跳转框例： {dede:pagelist listsize='3' listitem='index pre pageno next end option'/} Pagebreak 标记功能说明：表示文档的分页链接列表。适用范围：仅文档模板。语法：{dede:pagebreak/} Prenext 标记功能说明：表示获取文档“上一篇／下一篇”的链接列表。适用范围：仅文档模板。 (1)语法：{dede:prenext/} (2)属性：[1] get 获取连接类型（仅2007版），get='' 同V4显示横排的上下页连接， get='pre' 上一篇的连接 get='next' 下一篇连接注：此标记默认为横向排列，如果你想用竖向排列，可以用{dede:prenext function="str_replace(' 下一篇：','<''br'' />下一篇：',@me)"/} 表示 Pagetitle 标记功能说明：表示获取文档的分页标题适用范围：仅文档模板。 (1)语法：{dede:pagetitle style='select'/}(2)属性：style 表示分页标题的展示样式select 表示下拉框、link 表示文字直接链接Fieldlist 标记功能说明：获得附加表的所有字段信息。适用范围：仅文档模板。语法：{dede:fieldlist}[field:name/] ： [field:value/] <br>{/dede:fieldlist} Myad 标记功能说明：获取广告代码适用范围：所有模板。建议在广告管理模块中获取，在此不作描述 ################################################################ 以下仅适用于DedeCms2007版 ##############################################################Ask 标记功能说明：用于获取最新的问答的主题。适用范围：非扩展模块所有模板。 (1)语法：{dede:ask row='' qtype=''}底层模板{/dede:ask} (2)属性：[1] row 记录条数。[2] qtype 类型默认为新回复问题，commend推荐问题 ok已解决问题 high高分问题 (3)底层模板：<dd><span class="tclass">[<a href='[field:typeurl/]'>[field:tidname/]</a>]</span><span class="tlink"><a href="[field:url/]">[field:title/]</a></span></dd>[field:typeurl/] 栏目网址 [field:tidname/] 栏目名称[field:url/] 问题网址 [field:title/] 问题标题 [field:id/] 问题idSql 标记功能说明：用于从模板中用一个SQL查询获得其返回内容。适用范围：非扩展模块所有模板。 (1)语法：{dede:sql sql=""}底层模板{/dede:sql} (2)属性：[1] sql 完整的SQL查询语句。(3)底层模板：SQL语句中查出的所有字段都可以用[field:字段名/]来调用。Group 标记功能说明：获取特定条件的圈子。适用范围：非扩展模块所有模板。 (1)语法：{dede:group row="个数" orderby='排序条件' }底层模板{/dede:group} (2)属性：[1] row 返回结果个数。[2] orderby 排序条件，一般为：默认 threads 发贴量， members 会员数， hits 浏览量， stime 创建时间。 (3)底层模板：[field:url/]圈子网址 [field:groupname/]圈子名称 [field:icon/]圈子图标 [field:groupid/] 圈子IDGroupthread 标记功能说明：获取圈子最新发表的主题。适用范围：非扩展模块所有模板。 (1)语法：{dede:groupthread gid='' row='' orderby='' orderway=''}底层模板{/dede:groupthread} (2)属性：[1] gid='' 圈子分类，为空或0刚表示所有分类[2] row='' 条数 [3] orderby='' 排序条件默认 dateline[4] orderway=' 排序方向 desc 或 asc (3)底层模板：[field:url/]圈子网址 [field:groupname/]圈子名称 [field:icon/]圈子图标 [field:groupid/] 圈子IDbooklist 标记功能说明：用于获取最新连载图书。适用范围：连载书库。 (1)语法：{dede:booklist row='' booktype='' titlelen='' orderby='' catid='' author='' imgwidth='' imgheight=''}底层模板{/dede:booklist} (2)属性：[1] row='' 行数 [2] booktype='' 图书类型 1 漫画，0 小说， -1 或默认全部 [3] titlelen='' 标题长度[4] orderby='' 排序[5] catid='' 栏目ID[6] author='' 作者[7] imgwidth='' [8] imgheight=''(3)底层模板：contenttitle,contentid,contenturl,dmbookurl,bookurl,catalogurl,cataloglink,booklink,contentlink,imglink,ischeck,booktypenamecatalog 标记功能说明：用于获取书库的栏目。适用范围：连载书库。 (1)语法：{dede:catalog type=''}底层模板{/dede:catalog} (2)属性：[1] type 类型默认为顶级栏目，type=son 表示当前栏目的子栏目，指定特定的栏目id则为所指定的栏目。 (3)底层模板：本标记支持in嵌套，里面的in标记还可以再使用一重样式{dede:catalog}<dd><a href="{in:field name='url'}{/in:field}">{in:field name='classname'}{/in:field}</a></dd>{/dede:catalog}列出所有分类：{dede:catalog}<div class="book_class_form"><dl><dt><a href="{in:field name='url'}{/in:field}">{in:field name='classname'}{/in:field}：</a></dt>{in:sonlist}<dd> <a href='[field:url/]'>[field:classname/]</a></dd>{/in:sonlist}</dl><div class="clear"></div></div>{/dede:catalog}chapter 标记功能说明：用于获取图书的章节列表，适用于book_bookhtm。适用范围：连载书库。 (1)语法：{dede:chapter}底层模板{/dede:chapter} (2)属性：(3)底层模板：url 网址 ch 章节 title 标题 contentlist 标记功能说明：用于获取最新图书章节。适用范围：连载书库。 (1)语法：{dede:contentlist row='' booktype='' titlelen='' catid=''}底层模板{/dede:contentlist} (2)属性：[1] row 条数 [2] booktype 图书类型 1 漫画，0 小说， -1 或默认全部 [3] titlelen[4] catid 栏目ID(3)底层模板：contenttitle,contentid,contenturl,dmbookurl,bookurl,catalogurl,cataloglink,booklink,contentlink,imglink,ischeck,booktypename本标记实际是由booklist引申的，不同之处是按book的最新发表章节排序

第一步：在织梦后台左栏点击“系统”;

　　第二步：选择“系统”菜单下的“SQL命令行工具”;

　　第三步：输入如下代码：

insert into `dede_arcatt`(sortid,att,attname) values(9,'d','评论');

alter table `dede_archives` modify `flag` set ('c','h','p','f','s','j','a','b','d') default NULL;

　　第四步：点击“确定”。

　　需要说明的是：

　　代码第1行：values(9,'d','评论') 是根据我们需要自行定义的，其中9是sortid的值，是不可重复的，也就是每添加一个自定义属性，sortid的值就应该递增到10,11,12，以此类推!d是alt的值，是自定义属性的标记，与已存在的标记符号不能重复，“评论”是中文名称，是方便人们直观地勒戒自定义属性的含义的，可以根据需要改为“网络”、“新闻头条”等。

　　代码第2行：set ('c','h','p','f','s','j','a','b','d')，括号中的字母对应已存在的标记符号和您需要添加的标记符号，并按顺序录入，不得改变先后顺序。例如，d排序第9位，则对应第一行代码中添加的自定义属性““评论d”。

Dedecms 的首页样式文件一般在配套的模板文件里，默认模板的css样式在skin目录下css文件夹里的stylecss文件里，其他模板css样式都是自定义的，需要具体分析。

一、dedecms 默认模板样式。

1、默认模板样式位置是固定的，直接用Vscode编辑器打开模板文件目录，定位到“default”文件夹下，就可以看见style文件夹，里面都是默认模板的样式。

2、一般首页的样式都在“dedecmscss”文件里，打开修改即可。

二、查看自定义模板css样式。

自定义模板的css样式比较灵活，开发者可能会把样式文件放在任何一个目录下，此时就需要自己去分析模板。

1、打开dedecms的目录，打开自定义模板文件夹。

2、接着打开首页模板文件“indexhtm”，可以看到，“<link>”标签里的 css文件路径，一般就是模板套用的css样式，只要打开它就可以修改了。

3、按下“crtl”键，此时编辑器页面会出现“按住Crtl并单击可访问连接的提示”。

4、此时按住“crtl”鼠标左键单击link标签下的路径，Vscode就会自动定位到该文件的目录并打开改文件。

最后就可以修改样式了。

考虑到中小型网站中Dedecms使用概率较高，今天我们特地邀请了百度站长社区版主—洪石陈来为大家做Dedecms移动适配分享。

第一步：安装Dedecms移动站点的两种方式

（1）下载新版本直接安装使用，Dedecms版本：V57SP1正式版(2015-06-18)该版本包含旧版本所没有的移动站点功能。

（2）老版本升级（仅针对增加移动站点功能），下载最新版本（注意网站编码需与原站一致），复制压缩包中以下文件到原站对应目录下：

注意：如果原站有非默认模板，如某栏目模板为/templets/defaultst_default_newshtm，可将/templets/defaultst_default_mhtm复制一份改名为list_default_news_mhtm。

即：pc端网站模板需有对应的移动端网站模板，后者文件名为前者文件名后“_m”。

安装或升级dedecms完成，此时应该就可以进行移动跳转适配了，但，dedecms20150618版本提供的移动站点功能在使用过程中发现一些问题，需要进行修改后才可正常使用，所以有了下面的dedecms修改步骤…

第二步：修改Dedecms

（1）原站如做了将DATA移到根目录外的安全设置，需修改/m/indexphp代码：

if(!file_exists(dirname(__FILE__)'//data/commonincphp'))

{

header('Location:install/indexphp');

exit();

}

将其中//data/commonincphp改为///data/commonincphp，或直接将以上5行代码删除。

（2）移动站点首页在会第一次访问时自动生成首页静态文件，前提是/m/目录需设置为可写权限，否则将无法正常更新。之后更新首页静态文件需登陆后台手动更新：在“更新主页HTML”中将“选择主页模板”改为“default/index_mhtm”，将“主页位置”改为“/m/indexhtml”，再生成主页静态文件。

注：该版本号称“自动生成HTML版”，但默认移动站模板里却有<ahref="indexphp">的动态首页链接，需替换为<ahref="indexhtml">静态链接形式。

※如觉得使用静态页面麻烦，想将首页设置为动态浏览，可修改/m/indexphp：

$row['showmod']= isset($row['showmod']) $row['showmod'] : 0;

if ($row['showmod'] == 1)

{

$pv->SaveToHtml(dirname(__FILE__)'/indexhtml');

include(dirname(__FILE__)'/indexhtml');

exit();

}

else {

$pv->Display();

exit();

}

以上代码替换为一行：$pv->Display();

第三步：首页“图文资讯”部分的url为pc端链接，修改为移动端链接：

搜索模板/templets/default/index_mhtm中所有<a href="[field:arcurl/]"> ，替换为<ahref="viewphpaid=[field:id/]">

第四步：通用头部含有搜索框，搜索跳转至pc端搜索页面，建议删除：

在/templets/default/header_mhtm中删除以下代码：

</div>

</form>

第五步：移动站点默认使用二级目录，但目前移动适配需要使用二级域名（前段时间是可以使用二级目录的，但目前已调整，不能再提交二级目录），所以我们要设置移动站可通过二级域名访问，解析二级域名至网站所在服务器ip，并在服务器/空间上将二级域名绑定到/m/目录。

成功设置二级域名后，通过二级域名浏览网站会发现均无法显示，原因是路径有误——路径为“/uploads/x/yjpg”

相对根目录路径形式，在pc站页面中显示正常，因为pc站域名下存在该目录，而二级域名绑定的是二级目录，其中并不存在该目录，

所以访问会返回 404错误。对此，有多种解决方案，下面提供两个思路（示例pc站：wwwnt090com；移动站：mnt090com）：

（1）URL 重写（推荐）

将对http://mnt090com/uploads/的访问重写至http://wwwnt090com/uploads/，apache环境下，在/m/目录中的htaccess（如无则需新建）中增加以下代码即可：

RewriteEngine on

RewriteCond %{http_host} ^mnt090com [NC]

RewriteRule ^uploads/()$ http://wwwnt090com/uploads/$1 [L]

iis环境下类似规则。

（2）修改模板路径

在所有移动端模板中的<head></head>中增加：

再将代码中的

“<a href="listphp”改为完整路径“<a href="http://mnt090com/listphp”

“<a href="viewphp”改为完整路径“<a href="http://mnt090com/viewphp”

另：需将根目录下的/images/defaultpicgif（缩略图默认）复制到/m/目录下，否则列表页中如存在无缩略图的文章，对应缩略图位置会无法正常显示。

其他：

1、如有栏目不想在首页下方列表区域或通用头部显示，可在后台对应的栏目管理/常规选项中设置隐藏。

2、为了更好的实现pc端和移动端匹配效果，可在pc端模板增加类似如下代码：

首页

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

栏目页

<metahttp-equiv="mobile-agent"content="format=xhtml;url={dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}">

<scripttype="text/javascript">

if(windowlocationtoString()indexOf('pref=padindex')!= -1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/listphptid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

文章页

if(windowlocationtoString()indexOf('pref=padindex') !=-1){}else{if(/AppleWebKitMobile/itest(navigatoruserAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/test(navigatoruserAgent))){if(windowlocationhrefindexOf("mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/itest(navigatoruserAgent)){windowlocationhref="{dede:globalcfg_mobileurl/}/viewphpaid={dede:fieldid/}";}elseif(/iPad/itest(navigatoruserAgent)){}else{}}catch(e){}}}}

</script>

代码中的{dede:globalcfg_mobileurl/}部分要替换为包含“http://”的二级域名（即：http://mnt090com），如不想修改模板里的相关代码，也可修改/include/commonincphp中的$cfg_mobileurl变量赋值为二级域名。

以上代码为dedecms新版模板所使用，第一行<meta>标签代码为百度发现跳转适配关系的方式（可同时使用）之一——“Meta标记”，下面几行javascript代码的功能是识别是否移动端设备访问，如是则将当前pc端页面自动跳转到匹配的移动端页面。

另外，还可使用<link>标签以便于百度更好地发现PC站和移动站的移动适配关系，在模板的<head></head>标签内加入如下代码：

PC站首页模板：

PC站栏目页模板：

PC站文章页模板：

移动站首页模板：

栏目页模板：

文章页模板：

至此，移动站架设基本成型。

提交移动跳转适配

URL对应关系示例：

参考下面方法

首先，打开后台——模板——默认模板管理——indexhtm

看到有一句，

rel="stylesheet" media="screen" type="text/css" />说明，模板是根据这个 CSS 来布局网

页的，于是就打开网站目录下面的templets\style\dedecmscss然后来分析一下CSS的构成。

根据主页的调用，来研究 CSS 这样容易理解。打开主页模板，找到：

那么 w960 center clear mt1 都定义了什么呢？打开 DEDECMSCSS 找打相关的定义。

center{

1 margin:0px auto; 定义了CSS 模块的边缘位置都是 0，也就是这个center 的层

距离上右下左都是 0px;

2 }

3 w960{

4 width:960px; 定义了整体的宽度为 960px;

6 }

7 pright infos_userinfo {

8 margin-bottom: 0px; 定义了首页右部下的互动中心的下面边缘为 0px;

9 }

10 mt1{

11 margin-top:8px; 定义了mt1 的顶部边缘为8px;

12 }

13 pright mt1{

14 margin-top:0px; 定义了pright 下面的mt1 顶部边缘为0px;

15 }

16 mt2{

17 margin-top:16px; 顶部边缘为16px;

18 }

19 clear{

20 overflow:hidden; 如果clear 层里面的内容超出了层的范围就隐藏起来。

21 }

这个pleft 的定义没有在dedecmscss 中，但是会发现一句

话

@import url("layoutcss");

@import url("pagecss");

这说明，在dedecmscss 中引用了 pagecss 和layoutcss 这两个样式表，于是就在

pagecss 中找到了pleft 的定义

pleft{

width:712px;定义了宽度

float:left;该层向左浮动

overflow:hidden;超出范围则隐藏

}

在该层下面调用的是新闻头条的内容，看看它的 css

index bignews{

width:424px;

height:400px;

float:right; 向右浮动

border:1px solid #DFF2F5;表示边框线用 #dff2f5 的实体颜色填充

background:url(/images/headbg-topgif) repeat-x;背景为 headbg-topgif 并且横

向平铺

overflow:hidden;超出则隐藏。

}

所以，看到头条的这部分是在 flash 幻灯片右边显示，并且加上了浅蓝色的边框线。

再来看看 onenews 是如何定义的。

index bignews onenews{

margin:0 3px 0 3px; 左右外边距分别空3 个像素

padding:7px 6px;上左内边距分别空7，6 个像素

border-bottom:1px dashed #EBEBEB;下边框加一个 #ebebeb 的虚线

}

所以看见头条的文章左右都有一定的距离，并且下面还有一个虚线显示

这个下面调用的是以往的头条，默认的有 4 篇文章，调用了d1 d1arc 2 个css

index bignews divd1{

padding:6px 10px;

clear:both;这句话是清除浮动，如果不加它，大家可以试试看，是不是 d1 这个层就跑到头条的

右边了。

width:406px;

overflow:hidden;

}

index bignews divd1arc{

margin-right:12px;

width:190px;

float:left;因为此时要调用4 篇文章，改文章是 22 排列的，如果不加这个属性，新闻就应该垂

直排列了（因为刚才用 clear:both 清除浮动啦），大家试试看是不是这样的。

height:24px;

line-height:24px;行间距，即字体最底端与字体内部顶端之间的距离

overflow:hidden;

}

商业源码钻石

分享到：

DEDE的首页的CSS样式在哪里修改？

商业源码钻石

0条评论

发表评论取消回复

商业源码 钻石

相关推荐

0条评论

发表评论 取消回复

提供最优质的资源集合

商业源码钻石

发表评论取消回复