栏目导航:电脑网站
建议先从栏目目录定位同类模块,再根据是否排障需求选择对应文档。
上位页:返回电脑网站栏目目录
同类页:电脑网站样式设置介绍、浏览器标题和图标、网站标题和logo的设置教程、浏览器标题、图标、网站标题和Logo设置教程、如何让网站适应不同的屏幕?、如何实现更灵活的页面布局
一、教程介绍
本教程将讲解如何制作顶部丰富动态的效果。

二、功能说明
【版本】试用版及以上版本,标准模版电脑端、自适应模版均支持
三、设置教程-标准模版
我们将通过制作案例效果,让您可以进一步了解功能效果
选择顶部效果
1)前往面板设置【样式】-【顶部】,有顶部5种预设样式,您可以根据需求做选择。制作案例效果,我们可选择预设样式5,鼠标移入顶部变色。
我们将通过制作案例效果,让您可以进一步了解功能效果
1、 选择顶部效果
1)前往面板设置【样式】-【顶部】,有顶部5种预设样式,您可以根据需求做选择。制作案例效果,我们可选择预设样式5,鼠标移入顶部变色。

2)修改顶部对应样式设置:调整高度,增加下边框

2、修改顶部内固定后有差异的效果的模块,如对应导航、logo等设置
顶部固定,则对应的顶部内的导航、网站标题、文字模块均有固定样式可以单独设置,logo也支持换图。
1)导航选择与设置导航样式:

修改对应的字体、宽高等

修改固定导航样式:
开启固定顶部后,顶部区域中的导航、logo、文字模块等,均会有固定样式可以修改。

修改文字颜色

2)网站标题
修改固定后效果:


网站保存后预览效果

四、设置教程-自适应模版
我们将通过制作案例效果,让您可以进一步了解功能效果
选择顶部效果
1)前往面板设置【样式】-【顶部】,有顶部5种预设样式,您可以根据需求做选择。制作案例效果,我们可选择预设样式5,鼠标移入顶部变色。
我们将通过制作案例效果,让您可以进一步了解功能效果
1、 选择顶部效果
1)前往面板设置【样式】-【顶部】,有顶部5种预设样式,您可以根据需求做选择。制作案例效果,我们可选择预设样式5,鼠标移入顶部变色。
1、顶部支持5种预设样式供用户选择使用
2、固定阴影,选择顶部固定后,可自定义阴影,修改阴影颜色等
鼠标悬停,开启则鼠标悬停顶部,也会展示固定顶部背景、logo等效果。

鼠标悬停效果:

3、滚屏栏目支持选择同步常规栏目顶部设计或独立设计

可实现效果:

继续查看帮助文档与建站服务
如果这篇文档解决了你当前的问题,可以继续回到帮助目录查看同类教程;如果你正在准备企业官网建设、套餐选型或定制开发,也可以继续进入对应服务页了解。
