九维精品
智能可视化平台

智能建站平台内容编辑高级教程

发表时间:2015-07-18 15:19作者:九维精品来源:九维精品

1.1 修改css样式

注意:

1、 高级教程仅针对有css基础的设计人员,没有css基础的人士切勿尝试,容易造成页面混乱。

2、 采用高级教程方式修改页面设计,是针对网站的修改,在更换模板之后,此修改仍然存在(例如把文章详情标题改为红色字体后,换另外一套模板之后,标题颜色仍然为红色字体),因此,最好是确定模板之后再采用高级教程的方式进行调整。

3、 如需恢复模板样式,只需把添加的css样式删除即可。

以下为修改示例,分销商的设计人员参考以下方式进行修改即可。

示例:修改新闻详情标题颜色

(1) chrome浏览器,打开你的企业网站

(2) 右键点击需要修改的区域,点击“审查元素”,如图:

图片 51.png

(3) 在浏览器下方,可看到选中的divcss样式,记住你所需要修改的元素对应的css样式,此处示例对应的是.newsDetail .title

图片 52.png

(4) 登录你的企业网站,点击网站左侧工具栏的设置按钮,进入高级设置

如图所示:

图片 54.png    图片 55.png

(5) 高级设置中,勾选“网站插件代码(script/meta)”,点击“设置”按钮进行设置。

(6) “插入代码”输入框中,插入css代码,即可修改对应样式。本示例修改.newsDetail .title 的文字大小 ,在输入框中输入新的样式,覆盖原有样式即可,如:

<style>

.newsDetail .title {font-size:36px;}

</style>

图片 56.png

(7) 注意事项:css代码要在<style></style>标签内,如果新加其他代码,也是放在<style></style>内即可。例如:

<style>

.newsDetail .title {font-size:36px;}

.newsDetail .content {margin-top:20px;}

</style>

(8) 效果如图所示,标题的字体大小会被重置覆盖。

图片 57.png

(9) 如果需要加背景图片,可在资源库管理——管理文件中,上传图片,然后点击图片查看图片详情,点击复制图片地址,即可获得图片地址后。然后在写css的时候,设置背景路径即可。

设计人员参考以上方式即可修改所需修改的样式。

1.2 添加js效果

注意:

1、 高级教程仅针对有Javascript基础的设计人员,没有Javascript基础的人士切勿尝试,容易造成页面混乱。

2、 采用高级教程方式添加js效果,命名方式易冲突,建议命名的时候采用特殊命名方式,例如加入日期时间等。

3、 如需取消js效果,只需把添加的js即可。

示例:添加select下拉框,选择下拉框的时候跳转到第三方页面

(1) 添加图文展示模块

(2) 在富文本编辑框中,点击编辑源代码,如图所示:

图片 57.png

(3) 添加Javascript代码,并在添加的select下拉框中,引用Javascript代码,如图:

图片 2.png

(4) 点击保存按钮,效果如图所示:

图片 3.png

选中一个选项后,即可跳转到对应的链接。

设计人员参考以上方式即可制作所需的效果。


文章分类: 建站知识
分享到:
24小时响应
安全可靠

网站超级CDN提速服务
数据可靠性
≥99.99999%

智能管理
0门槛搭建
海量模板
自由搭配
地址:河南省郑州市中原区棉纺西路139号楼 郑州久英维博网络科技有限公司
180-3997-5980
扫码关注公众号
企业微信
智能客服
 
 
扫码关注
可以提问
并保持沟通