Menu

如e宝高级操作篇——修改产品魔方css

如意宝 2017-02-21 15:01:01

客户要求:客户需要将产品展示分类名称字体加大,默认为12px,希望修改为14px。
 
原始效果
修改后效果

 
 
修改过程如下:
 
第一步:下载页面

由于修改是在本机上,所以我们需要先把魔方所在页面另存到桌面上,选择浏览器“文件——另存为”,左侧截图就是我另存到桌面上的效果
 
 
第二步:打开页面
用Macromedia Dreamweaver 8或者Frontpage等网页设计工具打开我们下载的页面,这里以Dreamweaver为操作工具。
 

 
第三步:找css
 
备注:box55_3811就是我们要找的css,该css控制着产品展示这个魔方,从class命名上,我们可以发现一个规律,55表示魔方f553811表示第38套版第11个皮肤。
 
第四步:部分修改css
新建一个页面,将box55_3811拷贝出来,效果如下图,我们只需针对这个css,其他的我们可以忽略,所以最好新建一个页面操作。
这个就是控制着产品栏目名称大小的css
 
 
第五步:重新命名css
我们可以通过“编辑——查找或替换”,我们要对原有css重新命名,命名规则就是在原有的css名称后面加一个三位或四位数字,这个操作,主要是为了避免与系统css冲突。新命名的css效果如下图
 
 
第六步:将修改好的css复制,粘贴到如e宝后台,系统设置——页面文件管理 相应页面里,效果如图
 
 
第七步:调用新建的css
备注:face表示魔方的皮肤,也就是css,face=”0”表示该版式默认css
 
 
 
第八步:保存,调试,效果如下图
原始效果
修改后效果

 
 
总结:以上我们以修改产品展示名称字体大小为例,修改其他魔方的css,操作类似。
随着如意宝的不断更新,产品升级,越来越多的合作伙伴喜欢上这套建站系统,我们在加强开发力度的同时,也希望大家能“随心所欲地”使用我们的魔方,包括个性化的修改,制作出个性化的网站。

上一条:如e宝入门篇——网站怎样设置肤色和背景

下一条:如e宝入门篇——怎样添加和引用功能模块

© 2025 深圳市天助人和信息技术有限公司