来不及找心仪的内容?                         +                 收藏当前页面
助力中小企业营销上云
唯平台免费企业网站模板免费响应式网站模板免费微网站模板免费建站网站版本价格网站定制AI伪原创工具网站SEO域名注册网站安全防护网站设计服务自助建站视频教程网站设计器免费小程序模板微信小程序微信商城小程序百度小程序头条抖音小程序小程序直播教育小程序同城信息小程序多商家平台小程序智能名片小程序小程序解决方案 >信息系统内容系统服务预约计算报价投票活动留言板在线答题闯关打卡查询系统轻应用功能小程序版本价格小程序定制服务商城小程序免费商城模板免费小程序商城模板免费微商城模板免费商城模板 >直播导购社区团购多人拼团会员储值传统分销万人分销当面付商家助手小票打印快速打单付费会员卡会员积分多商家平台电商ERP视频号砍价助力短视频导购优惠码秒杀酒店产品积分商城组合套餐商城解决方案商城版本价格商城使用手册AI工具箱会员特权免费模板互动版本价格解决方案微信抽奖系统微信答题系统微信投票系统营销活动互动营销免费模板微传单版本价格微传单模板消息群发公众号助手版本价格获客易运营易成交易管理易功能亮点>版本价格教务系统作业系统报名系统报价系统推广员系统课程拼团答题系统打卡系统会员卡直播授课特色功能>美容美业运动健身汽车服务宠物服务解决方案价格版本多渠道推广拼团支付版拼团非支付版会员储值会员积分积分商城进店有礼全民推广营销短信优惠券短视频营销门店系统功能门店系统视频教程版本说明腾讯企业邮箱观达云企业邮箱注册协议注册账号登录后台帮助中心注册平台账号注册账号唯平台

【自适应模板】如何设置网站样式?

 

本文内容结构如下图


一、自适应模板的网站样式是什么?(通过网站样式,可以设置哪些内容?)


自适应模板的网站样式分为三个部分,分别是:【基础】、【顶部】和【底部】。

【基础】样式包含:网站主题色(主题色应用的位置有:鼠标悬停在导航栏上时,导航栏文字变化的颜色;按钮的颜色等)、网站背景色、是否显示网站顶部区和底部区。

【顶部】样式包含:顶部背景色、是否开启固定顶部(开启固定顶部后,还可设置固定高度和固定背景)。

【底部】样式包含:底部背景色、是否显示版权信息、是否显示制作信息、是否显示管理员登录入口。



二、在哪里设置自适应模板的网站样式?


2.1、如果你还没复制自适应模板,请先通过“极速建站”功能复制自适应模板。(如果已复制自适应模板,请直接看2.2)



2.2、如果你已经复制自适应模板,请直接进入自适应模板的网站设计页面,然后点击页面左侧的“样式”按钮,即可设置网站样式。





三、如何设置自适应模板的网站样式?


接下来将会分别介绍【基础】、【顶部】和【底部】这三个部分的样式设置效果。


3.1、【基础】(分为3.1.1~3.1.3共3个小部分)

3.1.1、隐藏或显示顶部区/底部区

当隐藏顶部区或底部区时,【顶部】或【底部】的样式设置入口也会隐藏。



3.1.2、网站主题色

主题色应用的位置如图(包括但不限于如图的位置);


3.1.3、网站背景色

网站背景色有三种选择:默认、隐藏、自定义。

a.默认:目前默认背景色为白色(如上图);

b.隐藏:隐藏即背景色为透明,但视觉上与选择“默认”时无差异(如上图);

c.自定义:自定义有三种选择,分别是“纯色”、“渐变”、“图片”;

c-1.纯色:效果如下图;

c-2.渐变:可选择两种颜色,使背景色呈渐变效果,渐变的方向还可以调节,效果如下图;


c-3.图片:可添加图片作为网站背景,图片缩放效果可选择“填充”、“平铺”、“不平铺”、“拉伸”,效果如下图;


3.2、【顶部】(分为3.2.1~3.2.4共4个小部分)

3.2.1、顶部背景

顶部背景分为“默认”和“自定义”两种选择;选择“自定义”时,又分为“纯色”、“渐变”、“图片”三种效果,设置方法与上文的网站背景色设置一样(可查看步骤3.1.3),此处不再赘述。


3.2.2、开启/关闭“固定顶部”

开启后,顶部区域将固定不随网页滚动,效果如下图;关闭后,顶部区域不再固定,且“固定高度”和“固定背景”设置项将会隐藏。



3.2.3、固定高度

当开启“固定顶部”时,可设置“固定高度”为“整个顶部”或“导航栏所在通栏”。

需要说明的是:复制自适应模块后,顶部区域默认只有一个通栏,导航栏和网站标题都放在这一个通栏内。因此当顶部区域只有一个通栏时,选择“固定高度”为“整个顶部”或“导航栏所在通栏”在视觉上都没有差异。

当顶部区有两个或以上通栏时,选择“固定高度”为“整个顶部”或“导航栏所在通栏”的效果差异如下图。


3.2.4、固定背景

当开启“固定顶部”时,可设置“固定背景”为“默认”、“隐藏”或“自定义”;三者的效果差异如下图。




3.3、【底部】(分为3.3.1~3.3.4共4个小部分)

3.3.1、底部背景

可设置“底部背景”为“默认”或“自定义”,当设置为“自定义”时还可选择“自定义”的类型为“纯色”、“渐变”或“图片”;两者效果差异如下图。


3.3.2、版权信息

可显示或隐藏“版权信息”,选择“显示”时,“版权信息”内容可编辑;两者效果差异如下图。


3.3.3、制作信息

购买了网站标准版或以上版本的用户可选择“隐藏”制作信息,默认为“显示”。


3.3.4、管理入口

可显示或隐藏“管理登录”入口,“显示”后,您可以从此入口登录您的账号;



观达云产品矩阵

观达云产品矩阵

全经营场景覆盖,快速高效解决经营难题

ABUIABAEGAAg_K3-_wUo2trU9QUwYDhg

自助建站系统

快速建站,全网四合一,支持IPv6

ABUIABAEGAAg_K3-_wUo0OS0UzBgOGA

商城系统

轻松搭建PC商城、微商城、商城小程序

ABUIABAEGAAg_63-_wUo5MuTkAUwYDhg

轻应用系统

展示、服务、知识付费、同城信息小程序

ABUIABAEGAAg_63-_wUo5Izf6AQwYDhg

门店会员系统

线下门店数字化运营、门店小程序

ABUIABAEGAAg-q3-_wUoiqixOjBgOGA

公众号助手

微信公众号一站式运营工具

ABUIABAEGAAg-q3-_wUoyoPGTzBgOGA

短信平台

覆盖丰富的短信场景,支持自定义

ABUIABAEGAAg_K3-_wUogNqAugcwYDhg

微传单系统

趣味H5,热门微场景营销工具

ABUIABAEGAAg_63-_wUo6NTOjAEwYDhg

企业邮箱

专业、安全、高性价比的企业邮箱服务

ABUIABAEGAAg_63-_wUo3rvQKTBgOGA

互动营销系统

玩转主流H5微信营销活动

ABUIABAEGAAg_K3-_wUoqI3qrgYwYDhg

云设计

简单好用的在线制图工具

ABUIABAEGAAg-q3-_wUooObNmAYwYDhg

在线教育系统

快速搭建教育机构网站、小程序

ABUIABAEGAAg_63-_wUo5qzqogMwYDhg

AI销售系统

微信智能电子名片获客、企微助手

合作伙伴

合作伙伴

/ PARTNERS

ABUIABAEGAAgrLeGhAYoqZHEnQcwrwk4PA
观达云平台提供完善的产品教程,根据用户提交的需求,免费开发优化,每周自动迭代升级
在线客服
 
 
关注公众号
获取最新优惠