万站网分站:

全国服务电话:0769-27192000

亚群旗下建站品牌

扫一扫 联系我们吧

文章分类
搜索

已经固定宽度的PHP网站怎样实现全屏通栏效果?

发表时间: 2021-11-17 11:03:23

作者: 万站网

浏览:

随着时代的进步,电脑屏幕尺寸和分辨率也不断变大,屏幕尺寸从最早期的10寸、12寸、13寸、14寸、15寸、17寸到现在的19寸、21.5寸、22寸、24、27寸……分辨率也从早期的800*600 、1024*768 、1152*864到现在的1280 *1024、1440x900 、1600x900 、1680x1050、1920x1080,所以网站建设也要跟随不同时代的主流电脑尺寸设计不同宽度的网站页面。

早期网站一般设计页面宽度是780、850、900,现在的网站设计主流宽度一般是990、1002、1200.

为什么不设计更宽的呢?也有些不懂的客户提出更宽的页面设计要求,其实这样是不对的,因为网站做出来不只是给自己看的,最主要的还是给访问网站的潜在客户看的,不同客户的电脑屏幕尺寸和分辨率都不同,如果设计页面太大,那么一些有些小屏幕看起来就会很吃力,因为网站右边会有一部分内容显示不出来,需要靠拉动左右滚动条来查看网页内容,如果设计网站的页面宽度太窄,那么大屏幕访客看到的网页两边就会出现大量的空白地带,所以设计网站不能太宽也不能太窄,选择中间主流宽度990-1200为佳,这种宽度在15-17寸屏幕看起来刚刚好,是全屏显示,不用拉动左右滚动条,15寸以下的屏幕就不用考虑了,因为现在基本已经淘汰,很少有人用了,19寸以上(分辨率1600x900以下)的两边有一点留白,看起来也很自然,分辨率1600x900以上的,看起来可能留白会比较多,一般这种高分辨率的客户都会通过调整浏览器的缩放比例来达到最佳视觉效果,当然也有一部分大屏幕访客不会调整浏览器的缩放比例,针对这部分客户网站建设者就设计出一种看起来类似全屏显示的效果方案,下面我们就讲讲针对“已经设计固定宽度的PHP网站”怎样实现全屏通栏效果?

首先,登陆网站后台-进入排版模式-页面背景和布局:

1、上传背景图片

2、选择“顶部背景”——选择要显示的效果图片——背景定位“左上”——水平重复——滚动——其他默认

3、选择“网页背景”——选择要显示的效果图片——背景定位“左上”——水平重复——滚动——其他默认

保存退出,就可以看到效果了。

比如我上传图片是一张30*40的黑色图片(如下图)



按照以上方法操作后,网站抬头显示效果如下:

比如我上传图片是一张60*218的“白+蓝”图片(如下图)



按照以上方法操作后,网站抬头显示效果如下:



比如我上传图片是一张70*262的“黑+白+蓝”图片(如下图)



按照以上方法操作后,网站抬头显示效果如下:



你也可以发挥自己的想象力,上传更大更漂亮的特效图片,不止限制于上面哦……


比如:



这样的效果你也能做到的。




Copyright © 2021 万站网 All Rights Reserved. 

 粤ICP备18129891号 

Copyright© 万站网 All Rights Reserved. 

粤ICP备18129891号

在线咨询

您好,请点击在线客服进行在线沟通!

联系方式
热线电话
0769-27192000
电子邮箱
xie@yaqun.net
扫一扫二维码
二维码
添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了