给网站加点灯笼效果,过年嘛,要的就是个喜庆气氛

今天给X隐者博客加了新年灯笼,要的就是个过年喜庆效果,过年的气氛还是要有的!

本来想在LOGO上做点手脚,但logo因为主题的原因本身很小,做了几版都不满意,想想还是从网站背景上做文章吧,PC最终效果如图:

给网站加点喜庆灯笼效果,过年嘛,要的就是个气氛

个人感觉效果还是不错的,手机端本身屏幕较小,只换了背景,效果不明显。

代码如下:

<div class=”container”>
<img src=”灯笼的图片地址” class=”newfu_l”>
<img src=”灯笼的图片地址” class=”newfu_r”>
</div> <style type=”text/css”>body{background-image: url(背景图片地址);}.container .newfu_l{position:fixed;z-index:-1;width:300px;top:0;left:54%;margin-left:-850px}
.container .newfu_r{position:fixed;z-index:-1;width:300px;top:0;right:53%;margin-right:-850px}</style>

代码大部分主题通用,但是有些主题要修改一下才可以用。

附上图:

给网站加点喜庆灯笼效果,过年嘛,要的就是个气氛

图有点大,忘了压缩了,需要压缩的可以去:https://tinyjpg.com/,自行压缩,大概能从120K压缩到40K。

注:571这个网站有自动打水印的功能,估计图片会被改成JPG格式,大家可以去原文查看下载素材,原文点击标题下的名字即可到达!

背景图:

给网站加点喜庆灯笼效果,过年嘛,要的就是个气氛

代码是在网上找到的,图片也是,但原文教程给的图直接是JPG不说,还变形有黑块:

给网站加点喜庆灯笼效果,过年嘛,要的就是个气氛

做教程就做全套,这让人怎么用,我花费了点时间给重新改好,鉴于次,代码源地址就不给他放了,而且他也转载,原文已查找不到。

忘了说了,代码请放在主题header或其他头部代码的body附近。

转载请注明出处:571免费资源 » 给网站加点灯笼效果,过年嘛,要的就是个喜庆气氛

脚印 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址