新手指引百度优化GEO必备操作电脑网站手机网站自适应模板网站管理域名使用支付管理其他

栏目导航:电脑网站

建议先从栏目目录定位同类模块,再根据是否排障需求选择对应文档。

上位页:返回电脑网站栏目目录

同类页:电脑网站样式设置介绍浏览器标题和图标、网站标题和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、滚屏栏目支持选择同步常规栏目顶部设计或独立设计




可实现效果:








继续查看帮助文档与建站服务

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