最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > Joomla > Joomla教程 >

使用JCE编辑器在Joomla文章中创建两栏布局

时间:2014-01-19 02:28来源:未知 作者:外贸网站模板 点击:
此教程将一步一步教你如何使用JCE编辑器在joomla单篇文章中来创建两栏布局,教程不会使用任何表格,使用表格后会相当混乱 安装 JCE 如果你还没有这样做,请安装JCE。一旦你安装完JCE,前往

此教程将一步一步教你如何使用JCE编辑器在joomla单篇文章中来创建两栏布局,教程不会使用任何表格,使用表格后会相当混乱

安装 JCE

如果你还没有这样做,请安装JCE。一旦你安装完JCE,前往你要变成两栏的文章。

插入Div标签

tutuploadstutuploadstutuploadstutuploadsmedia_1302210961832.png

点击 Edit Code 按钮.

tutuploadstutuploadstutuploadstutuploadsmedia_1302211295999.png

插入一个开始和结束的div 标签在每个你想要设置的栏

一旦完成, 更新

用JCE内置的CSS样式定制第一栏样式

tutuploadstutuploadstutuploadstutuploadsmedia_1302212037426.png

选中你想要的第一栏并点击Edit CSS Style 按钮.

tutuploadstutuploadstutuploadstutuploadsmedia_1302212439582.png

Box >> Width 40% >> Float left >> Margin >> 取消 Same for all >> RIght 25 pixels >> Update

用JCE内置的CSS样式定制第二栏样式

tutuploadstutuploadstutuploadstutuploadsmedia_1302212788281.png

选中第二栏并点击Edit CSS Style 按钮.

tutuploadstutuploadstutuploadstutuploadsmedia_1302213506110.png

Box >> Width 40% >> Float left >> Update

保存

tutuploadstutuploadstutuploadstutuploadsmedia_1302213611566.png

保存更改并在前台预览. 你可以调整到你喜欢的宽度和边距

(责任编辑:最模板)
------分隔线----------------------------
栏目列表
推荐内容