Ripro美化-wp小工具右侧个人信息

作者 : 优优 本文共2117个字,预计阅读时间需要6分钟 发布时间: 2021-09-28 共2.66K人阅读

说明

经常浏览本站的各位,相信已经注意到了。我在右侧添加了个人信息小工具,那么这个小工具暂时有什么用呢?我也不知道。单有了它,我感觉是原本空旷,现在显的不那么单调了些。所以在这里推荐给大家

Ripro美化-wp小工具右侧个人信息插图

安装

首先复制下面这行代码

<div style="display: flex;margin-top: 20px;overflow: hidden;padding: 20px;background:url('https://self-1305088812.cos.ap-nanjing.myqcloud.com/2021/%E5%BF%83%E8%B7%AF%E8%AE%BE%E8%AE%A1%E9%87%87%E9%9B%86%E5%88%B0%E7%B4%A0%E6%9D%90%E3%80%81%E8%83%8C%E6%99%AF%E3%80%81%E6%9D%90%E8%B4%A8.jpg');background-size: 100%;">
2
        <div style="height: 50px;width: 50px;border-radius: 50px;border: gainsboro 2px solid;overflow: hidden;">
3
<img src="https://self-1305088812.cos.ap-nanjing.myqcloud.com/2021/IMG_0907.JPG"  width="60" height="60" alt="头像"/>
4
        </div>
5
        <div style="line-height: 50px;margin-left: 5px;color: #FFFFFF;">
6
          <span class="label label-warning"><i clas="fa fa-chrome" aria-hidden="true"></i>优久源码</span> <span class="label label-warning"><i class="fa fa-user" aria-hidden="true"></i>夏瑾凉安</span>
7
        </div>
8
    </div>
9
<div style="margin-top: 20px;">
10
        <a href=" " rel="nofollow">
11
          <div style="border: #00A7EB 1px solid;border-radius: 3px;height: 40px;position: relative;margin-bottom: 15px;">
12
            <div style="line-height: 40px;position: absolute;left: 10px;">23339097</div>
13
            <div style="position: absolute;right: 0px;background-color: #00A7EB;height: 38px;width: 36%;color: #FFFFFF;text-align: center;line-height: 40px;">QQ Number</div>
14
          </div>
15
        </a >
16
        <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=23339097@qq.com" target="_blank" rel="nofollow noopener">
17
          <div style="border: #eaaf4e 1px solid;border-radius: 3px;height: 40px;position: relative;margin-bottom: 15px;">
18
            <div style="line-height: 40px;position: absolute;left: 10px;">snym@snym.cn</div>
19
            <div style="position: absolute;right: 0px;background-color: #eaaf4e;height: 38px;width: 36%;color: #FFFFFF;text-align: center;line-height: 40px;">Email</div>
20
          </div>
21
        </a >
22
        <div style="border: #199872 1px solid;border-radius: 3px;height: 40px;position: relative;margin-bottom: 15px;">
23
          <div style="line-height: 40px;position: absolute;left: 10px;">Ghtzh000</div>
24
          <div style="position: absolute;right: 0px;background-color: #199872;height: 38px;width: 36%;color: #FFFFFF;text-align: center;line-height: 40px;">WeChat</div>
25
        </div>
26
      </div>

 

打开wp外观,小工具

Ripro美化-wp小工具右侧个人信息插图2

找到自定义html添加代码保存

Ripro美化-wp小工具右侧个人信息插图4

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 本站资源网罗互联网,如遇到加密压缩包,默认解压密码为"www.69ymw.com"其次尝试“zy.prmath.com”,如遇到无法解压的请联系管理员!

优久源码网 » Ripro美化-wp小工具右侧个人信息

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在顶部更多在线反馈留言,或 联络我们。如果是需要解压密码请查看https://www.69ymw.com/unzip
找不到素材资源介绍文章里的示例图片?
对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

1 评论

  1. Hello,

    It is with sad regret to inform you that DataList.biz is shutting down. We have made all our databases available for you at a one-time fee.

    You can visit us on DataList.biz

    Regards.
    Erma

Leave a Reply