子比主题网站弹窗美化-WordPress教程

原版

效果图

图片[1]-子比主题网站弹窗美化-WordPress教程-小T博客
本站修改版

下面这段是头部这段,把代码放到【标题内容】处即可,图片请自行解决。

代码

<img style="width:50%;" src="图片链接" alt="小T博客(www.tyhguan.com),来小T博客,让你发现更多精彩文章!">

下面这段是弹窗内容,把代码放到【弹窗内容】处即可,图片请自行下载并放到自己网站上。

代码

<div style="text-align: center;margin-bottom:15px;">
<div style="padding-bottom:10px;"><img style="width:40%;margin-bottom:10px;
    border:2px solid #edc890;" src="QQ群加群二维码图片链接">
<p style="color:#1f9c00;"><i class="fa fa-qq"></i> <span>QQ扫码进入博客用户群</span><p>
<p>您可以在用户群跟群友交流哦~</p></div>
<img style="width:75%;" src="https://xyblog-1259307513.cos.ap-guangzhou.myqcloud.com/wp-content/uploads/2021/09/383f272c815a.png" alt="快来加入吧~"></div>

参考

WordPress和Zibll主题美化教程

小T博客修改版(增加多一个图片框、增加超链)

这里主要提供中间内容的代码,头部与上方原版一致。

效果图

图片[1]-子比主题网站弹窗美化-WordPress教程-小T博客
小T博客温馨提示:本文最后更新于2022-08-05 12:04:19,某些文章具有时效性,若内容有错误或已失效,欢迎在下方评论区留言或在小T社区小T博客版块发帖向我们反馈。
!
(B04)你也想出现在这里?【点这】联系我们
小T博客-WWW.TYHGUAN.COM

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。


© 版权声明
THE END
喜欢本文就赞赏一下吧~
点赞0赞赏 分享
评论 共2条

请登录后发表评论