mojoportal学习——文章翻译之使用Artisteer快捷的创建模板
翻译的不好 大家见谅
在mojoportal2.3.3.9版本中,我们做了适当的修改,使得他可以支持Artisteer生成的html模板。
Artisteer是一个非常好的设计模板的工作,使用它你无需html和css知识。
注意:以下信息适用于mojoportal2341或更高及Artisteer2.4版本。
在Artisteer2.4中,与2.3版本相比有了很多变化。
Artisteer2.4中的类名都为小写,由此,在mojoportal中有相应变化,作为2.3设计起点的artisteer-greenlagoon和artisteer-swirl1不能
被用于2.4模板设计中。我们另外做了一系列模板,用于Artisteer2.4版本制作模板的起点。
Artisteer2.4最大的变化时支持树形菜单,为了使之有更好扩展性,我做了一些工作,使之支持竖排菜单作为主菜单,
或者横排菜单作为顶级菜单,竖排菜单作为子菜单。
快速操作指南:
1:建立一个文件夹 ,如/Data/Sites/1/skins/artisteer-自定义名字
2:选择一个Artisteer2.4模板作为你的起点
(1):artisteer-24topmenu 菜单在页面顶端,无竖排菜单
(2): artisteer-24headermenu 菜单在页面标题图片下,无竖排菜单
(3):artisteer-24verticalmenu2 菜单在页面顶端,有竖排菜单
(4):artisteer-24verticalmenu1 菜单在页面标题图片下,有竖排菜单
(5);artisteer-24verticalmenu3 只有竖排菜单
3:从上面的文件夹中选择一个,拷贝其中文件。(images文件夹可以不拷贝)
4: 粘贴文件到新文件夹中
5:生成的html模板,包含如下文件
images文件夹 page.html script.js style.css style.ie6.css style.ie7.css
拷贝文件到你的新模板文件夹下
6:完成90%的工作。调整模板宽度 style-artisteer-overrides.css
.art-contentLayout .art_sidebar2{} 是右侧列表
7:由于我们经常不希望页面背景颜色和背景图片出现在所见即所得的编辑器中,我们覆盖body风格如下:
body{background-color:white;background-image:none;}
然后选中style.css的body{}选择器,然后添加到style-artisteer-overrides.css中。
8:设置模块标题的风格,在style.css中,选择 .art-blockheader .t{} 然后拷贝到style-artisteer-overrides.css中,
.art-blockheader .t h2.moduletitle[]中,使得mojoportal中的模板标题可以得到相同设置。
9:由于Artisteer生成的模板采用了不同的机制,生成的html代码中背景图片代码可能不同,你需要比较生成模板中的
html文件的代码与layout.master文件中代码的异同,替换layout.master中的代码。
比如在html文件中代码如下:
<div id="art-page-background-simple-gradient">
<div id="art-page-background-gradient"></div>
</div>
而layout.master中,如下:
<div id="art-page-background-simple-gradient"></div>
<div id="art-page-background-glare"><div id="art-page-background-glare-image"></div></div>
<div id="art-page-background-gradient"></div>
进行相应替换。
10:其他元素的变化也有可能
11:可能需要修改stylemojo.css文件
12:取决于你的颜色搭配,你可能需要优化不同的模块css文件,如
styleaspcalander.css styledatacalendar.css styleblog.css等,你可以从其他的相似的模板中拷贝这些文件。
13:你可能希望改变使用的jquery ui模板。
实用 Artisteer的技巧
》》
Artisteer模板允许1或2或3列布局。在mojoportal中我们的模板自动支持1-3列的调整。为了使你的Artisteer模板
有需要的css支持1-3列,我推荐在Artisteer中你总是使用2列布局,一个左侧列和一个宽的中间选区。
》》
Artisteer中的模板,对于现在的显示器, 宽度1000px也许是一个好的方案,如果是自定义的宽度,你可能需要在
style-artisteer-overrides.css中修改。Artisteer2.4实用百分比来设定布局列的宽度,所以也可能不需要额外的设定。
如果你的客户多数实用1024*768分辨率,你可能希望实用960xp的宽度,使用1000px宽度,左侧可能会出现滑动条。
》》
所包含的artisteer 模板,使用了顶部偏移30像素,用于放置登录,注册,站点地图等。
》》
布局列不要太窄
重要关注:
......
转载于:https://www.cnblogs.com/wenjie/archive/2010/10/17/1853631.html
mojoportal学习——文章翻译之使用Artisteer快捷的创建模板相关推荐
- mojoportal学习——文章翻译之多行横排菜单
经常有2排横排菜单这样的情况,要得到这样的效果,修改layout.master文件. 把如下代码放到<form>标签下 <asp:SiteMapDataSource ID=" ...
- mojoportal学习之特色模块对Artisteer2.4生成的模板的支持
分析各个模块 以博客模块为例: //第一行 模块模板 <portal:ModulePanel ID="pnlContainer" runat="server&quo ...
- 深度学习论文翻译--Deep Residual Learning for Image Recognition
本文翻译论文为深度学习经典模型之一:ResNet 论文链接:https://arxiv.org/pdf/1512.03385.pdf 摘要:深度神经网络很难训练,为了解决这个问题,我们提出残差学习框架 ...
- [经典文章翻译]A Crash Course on the Depths of Win32 Structured Exception Handling
转自:[已完工][经典文章翻译]A Crash Course on the Depths of Win32 Structured Exception Handling 原文题目: <<A ...
- A Crash Course on the Depths of Win32 Structured Exception Handling(文章翻译)
[经典文章翻译]A Crash Course on the Depths of Win32 Structured Exception Handling 原文题目: <<A Crash Co ...
- 大学英语 综合教程 一到四 课文文章翻译 英译中 目录导航
大学英语 综合教程 一到四 课文文章翻译 英译中 目录导航 大家好,我叫亓官劼(qí guān jié ),在CSDN中记录学习的点滴历程,时光荏苒,未来可期,加油~博客地址为:亓官劼的博客 本文 ...
- 计算机专业英语文章翻译,计算机专业英语英汉双语文章翻译
计算机专业英语英汉双语文章翻译 五项将改变世界的技术 It's a tall order: Over the next few decades, the world will need to wean ...
- 学术不端网查重靠谱吗_毕业论文查重把知网上的英文文章翻译成中文可以吗
据说CNKI中国知网5.0就已经添加了中英文互译检测.简单百度一下发现学术不端网有关于:知网查重能否查英文论文呢?英语论文翻译过来查重能过吗?等等这样关于知网查重系统和英文文献的问题有很多.我现在用的 ...
- Android官方文章翻译之管理设备苏醒状态(Managing Device Awake State)(二)
这是Managing Device Awake State的下半篇,上半篇请看:Android官方文章翻译之管理设备苏醒状态(Managing Device Awake State)(一) 在了解接下 ...
- Buildroot文章翻译
OpenWRT文章翻译之(一)----OpenWRT Buildroot简介 原文地址:http://wiki.openwrt.org/about/toolchain Buildroot简介 话说Op ...
最新文章
- 算法博士平均月入4万,数据可视化技能全球吃香 | 2020年《顶级数据团队建设全景报告》重磅发布...
- python两条曲线图片相似度_Python比较两个图片相似度的方法
- Oracle入门(十三)之SQL的DML
- PDA 收银系统PDA手持打印扫描枪 销售开单 收银 扫描打印一体机
- Magento 页面中加入CMS static block
- WebFlux响应式编程基础之 2 函数式编程 工具jclasslib bytecode viewer
- 75个PPT下载丨2020中国系统架构师大会PPT分享(SACC2020)
- MapReduce简介和过程浅析
- node.js 学习
- Atitit 异常处理之道 attilax著.docx 1. 概念	2 1.1. 异常机制的设计原理	2 1.2. Atitit.异常机制的设计原理.docx java	2 1.3. JVM看Exc
- 微信小程序地图组件去除iconPath
- 干货 | Windows 10如何卸载新版Edge浏览器
- 汉诺塔移动次数递归算法c语言,谁知道C语言汉诺塔递归算法及其详细注释?
- 《华为工作法》6 华为的成功不是一个人的
- 2011年戴尔服务器型号,PowerEdge 11G R310机架式服务器
- 服务器上行带宽和下行带宽指的是什么
- openvpn下的路由和桥接模式
- iOS根据相册图片识别条形码、二维码以及脸部特征
- 如何解决Windows10系统空闲时间CPU占用高,风扇很响的问题?
- html的后代选择器,html5怎么使用后代选择器?html选择后代的两种方式详解!
热门文章
- 管理感悟:说说NWT裁员的经历及关键错误
- 管理感悟:对事又对人
- latex 调整表格的行高_latex 表格如何控制行高,行距,行与行之间的距离
- list排序sort降序_list.sort和高阶函数sorted
- c++ 使用gdiplus
- [通信] ITU-T G.729 8kb/s CS—ACELP简介
- 数据库介绍(MySQL安装 体系结构、基本管理)
- 【转载】程序员这口饭-职业规划解决方案
- FINEMVC重定向和显示合计
- 『OpenCV3』Harris角点特征_API调用及python手动实现