响应式网站设计

「电脑、平板、手机、微官网」同样美好
页面内容都可以自由修改,独立后台管理网站
兼容浏览器 IE9 / IE10 / IE11 / Edge / Firefox / Chrome / 360 / Safari / Opera

网站演示

医疗美容院网站模板

整体效果

粉紫和黑白2种预定义颜色,可自由切换,满足多种用户需求

如需自定义颜色,可参考教程自行修改

首页所有区块的栏目标题及描述贴合SEO规则,均可自定义 

 医疗美容院网站模板-整体效果

 

模板顶部

左侧包含推广联系方式:微信二维码图片,QQ(个人QQ或企业QQ),腾讯微博地址,新浪微博地址,右侧会员登陆,全站搜索,以及多语言切换功能

主栏目导航,如有二级栏目和三级栏目,鼠标经过会自动滑出,主导航随着页面的下拉,将随着页面往下且固定在页面顶部,

但是白色三角部位将消失,为了保持一致性,中间logo也将跟随下移

下方大图轮播可在任意页面显示(强烈建议内页降低图片的高度显示)

鼠标经过左右切换的按钮时,将显示将要切换的图片的缩略图,对有许多张大图的banner来说比较实用,

设计了2种大图轮播方式:样式1为普通大图轮播,将没有文字和按钮飞入的样式

但图片高度视原图而定,样式2将有文字与按钮的飞入效果,但是图片的高度是固定的,可视自己的具体情况选择哪种样式

 医疗美容院网站模板-模板顶部

医疗美容院网站模板-模板顶部

 

服务项目

图片的高度,显示数量,及描述文字的个数均可自定义

图片内容可显示为具体的产品或者图片的详情链接,也可以显示为某个栏目的链接(显示栏目时将调用选择栏目的子栏目)

鼠标经过图片时,将以粉色背景覆盖,上加作者及更新的时间

整个区块可以关闭显示

 医疗美容院网站模板-服务项目

 

公司介绍

左侧内容可调用现有的后台简介栏目编辑器里面的内容,或者重新另外编写,内容可自定义,栏目标题与描述则都需要重新定义

右侧图片可本地上传,更多按钮的字段可自定义,整个区块可关闭显示

 医疗美容院网站模板-公司介绍

 

服务团队

图片高度,图片显示的个数,以及鼠标经过时,显示的具体描述的文字个数,均可自定义

图片内容可显示为具体的产品或者图片的详情链接,也可以显示为某个栏目的链接(显示栏目时将调用选择栏目的子栏目)

整个区块可关闭显示

医疗美容院网站模板-团队力量 

 

产品展示

此栏目将默认显示所选栏目的子栏目,图片为子栏目产品的图片

图片高度,图片显示的个数均可自定义

鼠标经过图片将会有自动放大且蒙白的效果

整个区块可关闭显示

医疗美容院网站模板-项目介绍 

 

案例展示

下方图片高度,图片显示的个数,以及图片标题下的描述字数均可自定义

图片内容可显示为具体的产品或者图片的详情链接,也可以显示为某个栏目的链接(显示栏目时将调用选择栏目的子栏目)

图片可自动轮播,整个区块可关闭显示医疗美容院网站模板-案例展示 

 

新闻资讯

与案例展示可设置的内容一样,但是排版风格不一样,分为左右式,且鼠标经过图片将会覆盖一层前景色,附加详细描述文字

整个区块可关闭显示

医疗美容院网站模板-新闻资讯 

 

留言区块

栏目标题,栏目描述及提交留言按钮的文字均可自定义

留言表单内容为后台设置,可任意自定义

整个区块可关闭

 医疗美容院网站模板-留言区块

 

底部信息

友情链接以logo图片平铺左右滚动的形式显示

底部简介可调用已有的简介模块内容,也可以重新编写

底部资讯显示的新闻个数可自定义,底部联系方式均可自定义

 医疗美容院网站模板-底部信息

 

列表页左侧

列表页左侧可显示自定义个数的推荐新闻与产品,还可显示搜索框

底部还有自定义的全站搜索热门关键词,点击将自动全站搜索相关内容

侧栏联系方式采用编辑器的形式可任意自定义

这些区块如果不需要,可以自行逐个关闭

 医疗美容院网站模板-列表页

 

列表页右侧

文章列表页2种显示方式:大图模式:将显示文章的封面大图,图片高度可自定义,更可显示修饰词(点击次数,时间,作者)或者关闭

产品列表页显示产品缩略图与产品标题,鼠标经过缩略图可切换至该产品的其他缩略图

医疗美容院网站模板-文章列表页 

 医疗美容院网站模板-项目列表页

 

产品详情页

可现实多张缩略图,点击小图可展示原图,底部详细信息描述选项卡最多可显示5张

 医疗美容院网站模板-项目详情页