dedecms如何修改模板以及如何更换模板

织梦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;

}

好莱坞有较多的版本，能作为Premiere Pro 20的外挂插件易安装且好用的要算Hollywood FX 5了。Hollywood FX60特效多，有54组，比Hollywood FX 5多了29组特效，但有水印。网上介绍Hollywood FX60去水印的文章较多，最袢细的要算----Hollywood FX 60安装、去水印图文教程。

我按该文对Hollywood FX60测式了一下，在Hollywood FX60中是看不见水印，但把它输出的HFZ文件安装到Hollywood FX 5中就有水印了。我的目的是要在Premiere Pro 20中调用去了水印的Hollywood FX60特效，Hollywood FX60又不能外挂到Premiere Pro 20中，因此要想办法先把Hollywood FX60特效的水印去掉，然后再把它安装到Hollywood FX 5中去，这样就可达到Premiere Pro 20调用去水印的Hollywood FX60特效的目的。

因为HFXTool去水印工具只对467和458版本起作用，对Hollywood FX 60和Hollywood FX 5无用。要去掉Hollywood FX 60的水印，必须借助Hollywood FX 467来完成。也就是说要想法把Hollywood FX60的特效安装到Hollywood FX 467去掉水印，再将去掉水印的Hollywood FX 60特效安装到Hollywood FX 5，供Premiere Pro 20调用。经式验，Hollywood FX 60特效直接安装到Hollywood FX 467中，其水印还是去不了的，它必须通过Hollywood FX 5转换出来的特效，再安装到Hollywood FX 467中才能去掉水印。

因此，Hollywood FX 60去水印的流程是：

欢迎使用DedeCms

输出Hollywood FX 60特效模板HFZ文件----把Hollywood FX 60特效模板HFZ文件安装到Hollywood FX 5----输出Hollywood FX 5特效模板HFZ文件-----把Hollywood FX 5特效模板HFZ文件安装到Hollywood FX 467----去水印-----输出 Hollywood FX 467特效模板HFZ文件----把 Hollywood FX 467特效模板HFZ文件安装到Hollywood FX 5

一、 安装Hollywood FX60

按Hollywood FX 60安装、去水印图文教程安装激活Hollywood FX60。注意要断开网络和杀毒软件，杀毒软件如不关闭，Hollywood FX 60注册机就会被当作病毒删掉。

二、 安装Hollywood FX 5，将Hollywood FX 60特效安装到Hollywood FX 5

安装Hollywood FX 5。运行Hollywood FX 60，1—25组特效和Hollywood FX 5相同，我们要的是26—54组特效。选择一个特效，点击文件/输出HFZ，保存下来的就是Hollywood FX 60生成的特效模板，要将每一个特效都如此保存一遍，就得到了Hollywood FX 60特效模板HFZ文件。

先把Hollywood FX 60卸掉,然后再双击HFZ，安装到Hollywood FX 5中去。如不卸掉Hollywood FX 60，安装HFZ文件时，就会安装到Hollywood FX 60中，不会安装到Hollywood FX 5。

织梦CMS

三、 安装Hollywood FX 467。将Hollywood FX 5特效安装到Hollywood FX 467

1、 运行Hollywood FX 5，从第26组特效开始，双击每一个特效，点击文件/SAVE，这时会在特效的缩略图上出现一个红色的圆点（这很重要，省略了即使安装也不能用），再点击文件/输出HFZ，要将每一个特效都如此保存一遍，就得到了Hollywood FX 5特效模板HFZ文件。

2、安装Hollywood FX 467，卸掉Hollywood FX 5，双击HFZ，把Hollywood FX 5特效模板安装到Hollywood FX 467。如不卸掉Hollywood FX 5，就会在Hollywood FX 5中重复安装Hollywood FX 5特效模板。

四、 去Hollywood FX60水印和输出Hollywood FX 467特效模板

1、去掉Hollywood FX 467安装目录下Effects文件夹下所有文件的只读属性，方法是：右键Effects文件夹/属性/点击去除只读属性/应用/将更改应用于该文件夹、子文件夹和文件/确定。

2、运行“HFXTool去水印工具”，在注册路径的下拉框中选PRO，它会自动识别Hollywood FX Gold v458的安装路径，点击“自动移除序列号并修复转场”即可去除所有水印。

运行Hollywood FX 467，打开特效，可以发现特效的水印没有了。这时就可输出无水印的HFZ文件了。

Dedecmscom 版权所有

从第26组特效开始，按上述方法，选择一个特效，点击面板下方的输出HFZ按纽，选择保存路径，保存下来的就是Hollywood FX 467生成的特效模板，要将每一个特效都如此保存一遍，就得到了Hollywood FX 60通过Hollywood FX 467生成的无水印特效模板HFZ文件。

五、将Hollywood FX 467特效安装到Hollywood FX 5

重新安装Hollywood FX 5。先把Hollywood FX 467卸掉（不卸掉467，安装特效时会重新安装到467，同时，有了Hollywood FX 5，就不必要467了）,然后再双击HFZ，安装到Hollywood FX 5中去。运行Hollywood FX 5，打开特效面板，新增的26—54组Hollywood FX 60特效没有水印啦。

这样,就可在Premiere Pro 20中调用去水印的Hollywood FX60特效了。

dedecms模板更换方法一将新模板覆盖templets下的文件最简单的更换模板的方法是直接覆盖templets目录下的所有文件，但是这样会导致原先的模板被覆盖。dedecms模板更换方法二通过后台管理，使DEDECMS去寻找模板目录还有一种就是更换整个网站的模板目录。系统管理 -- 站点设置 -- 默认模板风格 设置为目录名字比如下载了一个新的模板，新模板目录为newtemplet那么设置为 /newtemlet/default 这样基本模块的模板就会去该目录下寻找。dedecms模板更换方法三修改特定页面的模板还有就是修改单独网页的模板，那么就去频道管理 -- 网站栏目管理 -- 高级选项里选定模板地址充分利用 / 这样的上级目录跳转到模板的目录下。dedecms模板更换方法四修改源代码改变模板目录发现另一种方法，更为直接：修改include目录下的config_basephp下找到$cfg_templets_dir = $cfg_cmspath'/templets';只需要把这个修改为新的目录名字，然后HTML更新一下，所有的模板风格都改变了。这种方法不推荐，不过你要是为了防止模板被盗到可以还有个方法：把新模板直接上传到templets/default目录里，然后再点击栏目管理，在栏目高级参数那里选择新模板。

感觉从后台上传更改水印没用、我是直接用自己的水印直接替换掉原来的水印的

水印地址：

一般是用ps就可以去掉的，如果水印覆盖面积比较大，是需要很长时间的，至于如何去除，那还是要看你的ps技术。

具体方法为：

①使用仿制图章工具去除使用仿制图章工具去除文字这是比较常用的方法，具体的操作是，选取仿制图章工具，按住Alt键，在无文字区域点击相似的色彩名图案采样，然后在文字区域拖动鼠标复制以覆盖文字。要注意的是，采样点即为复制的起始点。选择不同的笔刷直径会影响绘制的范围，而不同的笔刷硬度会影响绘制区域的边缘融合效果。

②使用修补工具去除文字如果的背景色彩或图案比较一致，使用修补工具就比较方便具体操作是：选取修补工具，在公共栏中选择修补项为“源”，关闭“透明”选项。然后用修补工具框选文字，拖动到无文字区域中色彩或图案相似的位置，松开鼠标就完成复制。修补工具具有自动匹配颜色的功能，复制的效果与周围的色彩较为融合，这是仿制图章工具所不具备的。

③使用修复画笔工具去除文字操作的方法与仿制图章工具相似。按住Alt键，在无文字区域点击相似的色彩或图案采样，然后在文字区域拖动鼠标复制以覆盖文字，只是修复画笔工具与修补工具一样，也具有自动匹配颜色的功能，可根据需要进行选用。

④借图法某些情况下，框选无文字区域的相似图形(或图案)，按Ctrl+j键将其复制成新的图层，再利用变形工具将其变形，直接用以覆盖文字会更为快捷