设为首页 - 加入收藏 - 在线工具 - 云主机 - 会员中心 - 【简体 / 繁體
0
您的当前位置:主页 > 更多免费 > 经验技巧 > 正文

给你的网站加上新春对联

时间:2018-02-15 文章来源:原创 作者:九三免费资源网 阅读次数:156 挑错
  首先九三免费资源网在这里给大家拜年了,祝九三网友新年快乐,阖家欢乐。
  为了让网站更接地气,迎接新春。小编在这里给大家分享一个给网站加对联的小技巧。其实很简单,就是通过网站背景图实现的。下面给大家说说怎么搞:
首先选好对联,在百度里搜索在线毛笔字生成,网上有很多网站提供此项服务,把上联输入生成框里,选择字体大小以及背景色,推荐使用红色背景,字体颜色选择黑色,字体尽量选择一些行书或者草书(注意:输入的字必须是一行一个字,这样生成的字体才是竖排显示)。
给你的网站加上新春对联
生成的图片效果如下:

按照此方法把下联和横批也制作好,然后制作对联进行剪辑成对联条状。然后把制作一个透明图片,图片尺寸设置成显示器分辨率尺寸,如果不知道屏幕分辨率可点这里查询。这里需要注意的是选择“屏幕可用工作区高度和宽度”。
然后在透明背景色图片的边缘加上刚才编辑好的对联:
给你的网站加上新春对联
这里小编没有添加横批,如果需要横批的朋友请自行调整对联的位置。然后将图片保存为png格式的图片上传到你的服务器中就好了。那么接下就是最重要的一步,也就是设置css参数。
打开你的css文件,给body添加背景图属性,这里就不说怎么设置了,相信各位都明白。
但小编提醒阿加注意的是一定要让背景图自适应高度和宽度:background-size:100% 100%;   ,添加好后刷新你的网页就可以看到效果了!
给你的网站加上新春对联
由于九三免费资源网的导航栏是自适应,所以就出现了导航栏遮住了对联。如果你的网站想加上对联,建议把导航栏的尺寸设置成内容尺寸一样,这样效果更佳。由于滑动网页内容会遮住横批,小编建议不添加横批。喜欢的朋友赶快去试试吧!

转载请注明来源:https://www.93free.com/a/gengduo/jiaocheng/683.html

投稿 找资源 留言板 回顶部