【网站】如何制作顶部丰富动态效果

虔客展览
2023-12-22
来源:虔客DIY平台

如何制作顶部丰富动态效果

一、教程介绍

本教程将讲解如何制作顶部丰富动态的效果。

1-min.gif

二、功能说明

【版本】试用版及以上版本,标准模版电脑端支持

三、设置教程

我们将通过制作案例效果,让您可以进一步了解功能效果

1、选择顶部效果

1)前往面板设置【样式】-【顶部】,有顶部5种预设样式,您可以根据需求做选择。制作案例效果,我们可选择预设样式5,鼠标移入顶部变色。

2.png

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

3.png

2、修改顶部内固定后有差异的效果的模块,如对应导航、logo等设置

顶部固定,则对应的顶部内的导航、网站标题、文字模块均有固定样式可以单独设置,logo也支持换图。

1)导航选择与设置导航样式:

4.png

修改对应的字体、宽高等

5.png

修改固定导航样式:

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

6.png

修改文字颜色

7.png

2)网站标题

修改固定后效果:

8.png

9.png

网站保存后预览效果即可。

1-min.gif

更多功能及活动福利

欢迎来

虔客DIY平台

产品矩阵.png





分享