dedecms转DESTOON(destoon更换域名后内容页变形)

dedecms转DESTOON(destoon更换域名后内容页变形)
　　在网站建设过程中，经常会遇到需要更换域名的情况。而当我们使用dedecms转换为destoon后，更换域名后可能会出现内容页变形的问题。本文将介绍如何解决这个问题。

　　问题描述

　　在更换destoon的域名后，我们会发现内容页出现了一些变形。具体表现为：文章的内容被压缩在左侧，右侧出现了大量空白。

　　这个问题的出现是因为destoon的默认CSS样式不适用于dedecms的内容页，导致页面布局出现了问题。

　　解决方案

　　步：备份文件

　　在修改前，我们需要备份相关文件，以免修改后出现问题无法恢复。备份的文件包括：/skin/default/css/style.css文件和/skin/default/article文件。

　　第二步：修改CSS样式

　　打开备份的style.css文件，在底部添加以下代码：

　　div.article_content{

　　float:none;

　　width:auto;

　　margin-right:0px;

　　}

　　这段代码的作用是取消文章内容的左浮动，让它自适应宽度，并取消右侧的边距。

　　第三步：修改内容页模板

　　打开备份的article文件，找到以下代码：

　　{$article.content}

　　在这段代码的外层添加div标签，并添加class属性，代码如下：

　　{$article.content}

　　这段代码的作用是将内容页的内容包裹在一个div标签中，并添加class属性。这样我们就可以通过CSS样式来控制内容页的布局了。

　　第四步：修改CSS样式（续）

　　在style.css文件中，添加以下代码：

　　div.article_wrapper{

　　width:100%;

　　margin:0px;

　　padding:0px;

　　}

　　这段代码的作用是设置内容页包裹的div标签宽度为100%，并取消边距和内边距。

　　第五步：保存文件

　　保存修改后的文件，并上传到服务器上。刷新内容页，发现页面已经恢复正常了。

　　总结

　　在更换destoon的域名后，出现内容页变形的问题是很常见的。通过修改CSS样式和内容页模板，我们可以很容易地解决这个问题。

　　需要注意的是，在修改前需要备份相关文件，以免修改后出现问题无法恢复。


　　9365
 

版权声明：本站所有文章皆为原创，欢迎转载或转发，请保留网站地址和作者信息。