dedecms怎么修改css

您好，朋友。跟版网团队很高兴为您解答：

出现这种问题通常是数据库中的表有错误造成的，可用后台的系统错误修复工具修复一下再操作。如下图：

希望我的回答能够帮到您。跟版网-专业织梦模板定制下载站。genbanorg

没听明白您什么意思，不过可以跟你说{dede:arclist}{/dede:arclist}里面的部分是循环的，

如果里面放<div></div>显示的效果就是<div></div><div></div><div></div>这种，如果是循环div里面的就把标签放在div内

<div>

{dede:arclist}{/dede:arclist}

</div>

织梦DedeCMS修改模板默认CSS文件分析:首先，打开后台——模板——默认模板管理——indexhtm

看到有一句，<link href="{dede:globalcfg_templeturl/}/style/dedecmscss" rel="stylesheet" media="screen" type="text/css" />说明，我们模板是根据这个CSS来布局网页的，于是我们就打开网站目录下面的templetsstylededecmscss然后来分析一下CSS的构成。

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

<div class="w960 center clear mt1">/这句是控制除了网站头部和友情链接的所有结构样式/

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

/---------- stock ---------/

center{

margin:0px auto; 定义了CSS模块的边缘位置都是0，也就是这个center的层 距离上右下左都是0px;

}

w960{

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

/position:relative;/

}

pright infos_userinfo {

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

}

mt1{/ ( margin-top 1 ) /

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

}

pright mt1{

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

}

mt2{/ ( margin-top 2 ) /

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

}

clear{

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

}

<div class="pleft">这个pleft 的定义 没有在dedecmscss 中，但是我们会发现一句话

@import url("layoutcss");

@import url("pagecss");

这说明，在dedecmscss 中引用了 pagecss 和layoutcss 这两个样式表，于是我们就在pagecss 中找到了pleft 的定义

pleft{

width:712px;定义了宽度

float:left;该层向左浮动

overflow:hidden;超出范围则隐藏

}

<div class="bignews">

在该层下面调用的是新闻头条的内容，看看它的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幻灯片右边显示，并且加上了浅蓝色的边框线。

<!--头条-->

<div class="onenews"> 再来看看 onenews是如何定义的。

index bignews onenews{

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

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

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

}

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

</div>

<!-- /onenews -->

这个下面调用的是以往的头条，默认的有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;

}

<!--/头条-->

<div class='newarticle'>最新文章</div>

下面看看 newarticle 这个css吧，还是拿快学网的首页举例子，上面的这句是用来显示 “最近更新”那几个绿颜色字的，看看它是怎么定义的。

index bignews divnewarticle{

height:24px; 高度

background:url(/images/new-articlegif) 8px 3px no-repeat;背景在x轴8px 和y轴3px出出现

font-size:0px;

color:#fff;

} 所以，我们能看到那个 最近更新 并且还有一个横条，其实它是个，大家右键另存为看看就知道了

<ul class="c2 ico1">

这里面调用了 c2 和ico1 两个 css

index bignews ulc2{

width:416px;

padding:0px 4px 0px; 内边距为 上0 右4下0

clear:both;清除浮动 和上面的意思一样

overflow:hidden;

}

ico1 这个css 在layoutcss 中了。

ico1 li{

padding-left:16px; 指的是 新闻列表左内边距为16px

background:url(/images/ico-1gif) 7px 11px no-repeat; 背景在7px,11px 处出现，所以我们看到最新文章的列表左边都有一个小黑点，这个小黑点就是 ico-1gif

}

</ul>

</div>

<!-- /bignews --> 到此，中部的头条新闻和最近更新已经分析完了。

<div class="flashnews">

看看flash的 css 定义

index flashnews{

width:280px;

height:192px;

overflow:hidden;

float:left;这句决定了，flash 的新闻列表在 头条的左边显示。如果你把bignews 和flashnews 的float 属性互换一下应该是上面结果呢？大家试试看。

}

</div>

<!-- /flashnews -->

<div class="latestnews">这边是特别推荐调用的样式，还是来看看css

index latestnews{

width:280px;

height:200px;

margin-top:8px;

float:left;

}

index latestnews dl dd{

padding:2px 5px;

}

index latestnews ul a{

color:#555;

}

首先登陆dedecms网站后台，使用系统菜单下的数据库备份/还原功能，将网站的数据备份，记住要备份数据表结构，然后使用FTP工具将备份好的数据文件下载到您的电脑上。

备份的文件中有tables_struct_xxx这样一个文件，用dreamweaver或EditPlus打开这个文件，使用查找与替换命令，将CHARSET=gbk替换为CHARSET=utf8，然后要保存。

打开准备的转码软件,将第所备份的文件(包括上面修改过的文件)，将GBK转换为UTF-8格式。

当然，转换好的文件一定是在一个新的文件夹里面，以便区分原来的GBK的文件。

至此这一步，我们就将数据库文件由GBK格式成功的转换为了UTF-8格式。

然后重新安装新的UTF-8编码的dedecms程序,将转码后的数据库备份文件上传覆盖到对应的数据库备份文件夹,接下来进登陆网站后台，打开系统菜单，使用备份/还原数据库命令，选择数据还原，勾选所有文件，执行还原命令我们就完整的将DedeCMSGBK版本转换成了DedeCMSUTF-8版本了。

如需UTF-8转GBK,将上面的软件转换过程中软件里设置成UTF-8转GB

希望能帮到你

当前安装版本为：dedecms v57 utf8,

目标将网站由UTf8版本转换为GBK版。

2

写在转换之前：

要转换dede系统的版本，实际上是编码的转换的问题，要将mysqls数据从utf8转换为gbk编码，将模板文件的编码也要转换为GBK模式。

在本文中两个核心工具，帝国备份王和Editplus 编辑器。

用ebak2008工具的备份/恢复功能，巧妙dede数据库utf-8编码的无错转换为gbk编码格式。

站点文件的转换就用Editplus 编辑器。

END

二数据的备份

1

在转换之前，将dede做整站备份，备份内容包括mysql数据库，dede站点文件，如果网站容量非常大的话，可以登录php空间管理后台将整个网站进行打包，然后下载。

备份的目的就是了防止转换失败后还有退路。

登录dede后台，选择“系统 ”中 “数据库备份/还原 ”备份dede数据库。

2

备份完毕，请登录ftp下载到本地电脑保存。

Dede备份数据存储位置：/data/backupdata

END

三数据库编码转换

1

解压缩ebak2008,将ebak2008文件夹上传到网站空间的根目录。

用帝国备份王（ebak2008）反向操作，强制转换dedecms v57 utf8版本的mysql数据编码为gbk。

2

打开帝国备份王（ebak2008）工具(地址为:原域名/ebak2008)，登陆

3

在登陆后的帝国备份王界面,点击“备份数据”,

4

备份数据界面,选择要备份的数据库,请注意操作,别选错了。

5

非常重要！php虚拟主机安装的dede系统是utf8版，在备份的时候不能选择 “utf8编码进行备份 ”。在这里要反向操作（如果是utf8就选gbk,如果是gbk就选utf8）。

备份时请特别注意：选择数据库编码为gbk，不能选择其它方式，否则在转换后会出现乱码。

数据存储目录命名为：date_gbk_20150618160956。一般用默认的就可以了。

点击,屏幕最下方的 开始备份 ,等待完成操作!

END

四将gbk格式的dede数据库备份恢复到系统

登陆主机ftp后台，将原来的dedecms的目录dede,改为deded_utf8_bak

上传DedeCMS-V57-GBK-SP1tar，到主机后台进行解压缩,将其中的uploads文件夹改为dede,移动到public_html/目录中,此操作可以节省大量上传的时间

接着就可以重新安装dede系统了,安装过程不作演示

在安装DedeCMS-V57-GBK-SP1版时，按默认安装即可。安装完毕后，进后台将插件之类的也重新安装好

然后登录ebak2008数据库备份工具，选择“数据恢复”，恢复第二步骤中将utf8编码强制转换为gbk格式的数据库（date_gbk_20150618160956）。

帝国备份王（ebak2008）恢复数据仅需要50秒左右，速度相当的快。恢复数据后，请登录dede管理后台，重新生成一下网页。

检查首页无乱码，织梦网站管理系统（dedecms）utf8成功转换gbk。

进入网站管理后台,检查数据库表，Mysql数据表无乱码：

转换成功后的小错误，由于dede默认的utf8和gbk版本的差别，在转换成功后，“图文资讯”和“首页幻灯片”丢失，丢失的重新上传一下就OK！整个过程无报错，显示正常

再次进入主机后台找到dede_utf8_bak目录下的uploads下的alimg目录(这个目录就是首页和上传的存放的位置),把这个目录加入到剪贴板,

再进入dede目录下的uploads,复制剪贴板的文件到这里,这样就恢复正常了

本站使用的是dede默认的模板，所以在转换的时候没有改动dede的模板文件，如果你的网站对DEDE的一些文件没有改动，直接按照我的方法就可以成功转换。

如果有改动的文件，请将你改动的文件转换为gbk编码。

用Editplus 编辑器将站点文件中的utf8转换为gbk编码。

重点是dede模板文件编码的转换，细心的用Editplus 编辑器修改，完毕后，上传覆盖即可。

　　一、下载ueditor

请自己下载ueditor版本（本人是PHP版本 UFT-8版，不包含_examples、_src等文件夹及文件）。下载完成后，会得到以下这样的目录结构的：

ueditor文件说明：

dialogs 是存放各个弹出窗口应用功能的文件，包含html,js

lang 是存放编辑器语言的文件，有中文和E文

php 是存放文件上传、涂鸦、远程、在线管理，添加视频的php源码文件，可以按自己的需求修改

themes 当然就是主题样式存放的地方

third-party 是第三方插件文件存放地方。

editoralljs 此文件是所有_src里的js源码的合集

editorallminjs 此文件是editor_alljs的压缩版

editorconfigjs 此文件是UE的配置文件

editorparsejs 此文件是UE的解析文件

editorparseminjs 此文件是UE的解析压缩文件

二、重命名文件夹名称，并复制UE到dede

重命名：ueditor1_3_6-utf8-php，为ueditor。将ueditor全部复制到dede的include文件夹下！完成后ueditor在dede里边的结构如下图：

三、修改 include/inc/inc_fun_funAdminphp 让 DD 能够调用到 UE

打开 include/inc/inc_fun_funAdminphp ，大约150行，有个function SpGetEditor，这是DD调用编辑器的，我们要修改它，达到能够调用UE，下拉到226行左右，加上以下代码：　

else if($GLOBALS['cfg_html_editor']=='ueditor')

　　{

　　$fvalue = $fvalue==''  '<p></p>' : $fvalue;

　　$code = '<script type="text/javascript" charset="utf-8" src="'$GLOBALS['cfg_cmspath']'/include/ueditor/ueditorconfigjs"></script>';

　　$code = '<script type="text/javascript" charset="utf-8" src="'$GLOBALS['cfg_cmspath']'/include/ueditor/ueditorallminjs"></script>';

　　$code = '<link rel="stylesheet" type="text/css" href="'$GLOBALS['cfg_cmspath']'/include/ueditor/themes/default/css/ueditorcss"/>';

　　//$code = '<textarea name="'$fname'" id="'$fname'" style="width:100%;">'$fvalue'</textarea>';

　　$code = '<script type="text/plain" name="'$fname'" id="'$fname'">'$fvalue'</script>';

　　if($bbcode)

　　{

　　$code = '<script type="text/javascript">UEgetEditor("'$fname'",{toolbars:[["Source","|",

　　"bold", "italic", "underline","|","fontsize","forecolor","emotion","Undo", "Redo"]],initialFrameHeight:100});</script>';

　　}

　　else

　　{

　　$code = '<script type="text/javascript">UEgetEditor("'$fname'",{initialFrameHeight:450});</script>';

　　}

　　if($gtype=="print")

　　{

　　echo $code;

　　}

　　else

　　{

　　return $code;

　　}

　　}//bd end

四：后台=》系统=》系统基本参数=》核心设置=》Html编辑器

填入ueditor就好了