dedeCMS模板格局的改变的一个例子

fieldset{padding:10px;}

dedeCMS模板布局的改变的一个例子

转载请标明是引用于 http://blog.csdn.net/chenyujing5678

欢迎拍砖!

dedeCMS模板布局的改变的一个例子

一、效果变化模板的布局:

更改后的布局:

二、修改方法1、查看原有的代码

在index.htm中,我们用utralEdit打开看到,整个主而一个table,table下分两部分:

<td id="ileft">、<td id="iright">

对应的左右效果如下:

我们来分析一下<td id="ileft">块的内容,含有四部分:

2、找出原因

要达到我们的效果,肯定得改变table里的代码。我们的目标是把<td id="iright">下的第一个元素放到table的最上面

3、开始动手

把目标代码

<div >

搬到table下:

三、总结1、table的使用

从这个例子中我们看到table中在布局中的代码,以<tb>开头定单元格大小时,是以里面大小来动态调节宽度的,而这种调用主要是.css文件来控制。

Eg:如下图所示的class字段

2、学习了div中使用>

<div >

3、dedeCMS代码实现以下效果:

如下图中的代码所示:

3、1 class=”ipro_title1”用来显示标题”产品中心”

它的关键内容是class=”ipro_title1”字段,它的内容如下:

哈哈,定义CSS:.ipro_title1 .left

在用的时候是

3、2 <div class="ipro_detail"用来显示每个产品细节

如上图所示,它里面又是一个表格

看来做模板的人把内容给写死了,在实际当中要求我们灵活添加的内容能显示出来,看来这里得改一下。

己欲立先立人,已欲达先达人。

dedeCMS模板格局的改变的一个例子

相关文章:

你感兴趣的文章:

标签云: