文章

全站实现半透明,给网站添加个帅气的黑神话悟空壁纸

技术栈

本文是《技术栈(共26篇)》目录的第 7 篇。阅读本文前,建议先阅读本文前3篇文章:

阅读本目录下更多其它文章

CONTENT / 正文
AI摘要
根据文章内容生成

本文讲述如何通过修改CSS和主题文件,为网站添加半透明效果及黑神话悟空壁纸背景,并附上具体操作步骤与效果演示。

在网上看到一张彩色的黑神话悟空壁纸和banner,很对我的胃口。考虑到现在最火的游戏和话题就是这个了,就沾沾光美化下小站。


首先,你得先把壁纸设置成网站的背景,如何设置,请参考如下文章。这个是添加到你后台主题的自定义CSS代码位置。



[pix_post ids=703]

然后以PIX主题为例,找到主题目录下的header.php,搜索body标签,我的搜索出来是


<body <?php body_class(); ?>>


在下面一行添加如下语句:



[reply]

<div style="-moz-opacity:0.2;filter:alpha(opacity=20);opacity:0.8">



[/reply]

PIX主题上面添加的结尾不用</div>,其他主题看情况添加到合适位置。


0.2,20,0.8这些可以自己根据自己站点的颜色进行调整,这个是本站的设置。


为了防止以后更改没有演示,先截图为敬。PC及手机演示如下:


全站实现半透明,给网站添加个帅气的黑神话悟空壁纸


全站实现半透明,给网站添加个帅气的黑神话悟空壁纸

AFTER / 附记
COMMENTS / 评论

添加新评论

已有 5 条评论

  1. 靓
    靓仔
    回复可可,谢谢分享
  2. 网
    网友小宋
    我那天评论难道评论失败了吗 感觉调整一下宽度好看一些
    1. 似
      似水流年
      没有失败,调宽一点还是窄一点啊?
  3. o
    obaby
    底部的内容显示的有点虚了。
    1. 似
      似水流年
      是哩,下面没注意,回头有时间改改,先去接学生。
Static resources & images optimized by CleanTools