通用头部模式

所谓“通用头部模式”,也就是:网站名称LOGO在上面,导航菜单在下面,较陈旧的设计风格,目前比较时尚点的设计是导航菜单与网站名称LOGO合并在一起,并固定在网页顶部,更适合手机上浏览。

通用头部模式谈不上好看,但也不太难看,萝卜青菜各有所爱,根据自己喜好选择了。

通用头部模式

其它选项:

  • 仅显示搜索或者自定义内容
  • 调整高度
  • 背景颜色
  • 背景图片
  • 背景图片显示模式

 

通用头部模式,适合在其中上传一张背景图片用于装饰,默认图片宽度不够则重复填充显示,但每个人的图片大小显示方式要求都不同,只能通过添加样式代码实现想要的样式。

这里提供几个样式代码,供大家自行调整:

.header-main-o {
	background-repeat: repeat !important; /* 图片平铺 (重复显示填充位置)*/
	background-repeat: no-repea !important; /* 图片不平铺(不重复显示) */
	background-size: 300px 200px !important; /* 300px图片宽度,200px图片高度 */
	background-size: auto auto !important; /* 宽度和高度为图片实际大小 */
}

根据自己的需要添加代码并调整参数,添加到主题选项→定制风格→自定义样式中。

如果背景图片颜色较深,网站标题看不清楚,可以到主题选项→定制风格→颜色风格,修改站点标题和副标题颜色。

或者直接选择浅颜色的LOGO。

俺实在不知道这个通用菜单样式,怎么才能和主题整体风格完全融合....