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

cn4jd的头像

此教程将一步一步教你如何使用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

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

作者: 
ostraining

添加新评论