![图片[1]- 子比主题美化 – 自定义文章版权声明](https://www.dh139.cn/wp-content/uploads/2025/10/143254n4wwg7w7jghg7rjw-14-1024x413.jpg)
代码部署
自定义html
src="https://q1.qlogo.cn/g?b=qq&nk=405876678&s=640">
花猪资源网
"๑✿๑ Can't stop love"
data-remote="/wp-admin/admin-ajax.php?id=1&action=user_rewards_modal"> class="solitude fa-solid fa-zanzu">打赏作者
订阅
href="https://connect.qq.com/widget/shareqq/index.html?url=" title="分享到QQ">
href="https://service.weibo.com/share/share.php?url=" title="分享到微博">
href="https://twitter.com/intent/tweet?url=" title="分享到Twitter">
href="https://www.facebook.com/sharer/sharer.php?u=" title="分享到Facebook">
data-clipboard-tag="链接" title="复制链接" href="javascript:;">
使用手机扫码阅读这篇文章
本文是原创文章,采用 href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">CC BY-NC-SA 4.0协议,完整转载请注明来自 href="https://www.dh139.cn/">花猪资源网
CSS
dark-theme .post-copyright{
background: var(--blur-bg);
border: 1px solid var(--body-bg-color);
}
.post-copyright {
background: #f7f7f9;
border-width: 1px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
position: relative;
margin: 1rem 2rem .5rem;
border-radius: 12px;
padding: 34px 0 20px 0;
border: 1px solid #e3e8f7;
box-shadow: 0 0 10px var(--main-shadow) !important;
}
.post-copyright .post-copyright__author_group .post-copyright__author_img {
width: 64px;
height: 64px;
margin: auto;
border-radius: 64px;
overflow: hidden;
position: absolute;
left: calc(50% - 33px);
top: -33px;
border: 1px solid #e3e8f7;
box-shadow: 0 8px 12px -3px #24679923;
}
.post-copyright .post-copyright__author_group .post-copyright__author_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
bottom: 0;
left: 0
}
.post-copyright .post-copyright__author_group .post-copyright__author_img img:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
.post-copyright .post-copyright__author_group .post-copyright__author_name {
text-align: center;
font-size: 20px;
font-weight: 700;
margin-top: 16px;
color: var(--main-color);
line-height: 1
}
.post-copyright .post-copyright__author_group .post-copyright__author_desc {
text-align: center;
font-size: 14px;
color: rgba(60, 60, 67, 0.8);
margin: 4px 10px 0;
line-height: 1.5
}
.post-copyright .post-copyright__notice {
font-size: 12px;
margin: .5rem 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.post-copyright .post-copyright__notice .post-copyright-info {
padding-left: 0;
color: var(--main-color);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-align: center;
max-width: 500px
}
@media screen and (max-width:768px) {
.post-copyright .post-copyright__notice .post-copyright-info {
-webkit-line-clamp: 2
}
}
.post-copyright .post-copyright__notice .post-copyright-info a {
text-decoration: none;
word-break: break-word;
padding: 0 4px;
border-radius: 4px;
color: var(--main-color);
font-weight: 700
}
.post-copyright .post-copyright__notice .post-copyright-info a:hover {
text-decoration: none;
background-color: #425aef;
color: #fff;
cursor: pointer;
border-radius: 4px;
}
.social-share {
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 40px;
margin: .5rem auto;
gap: .5rem;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.social-share-ico i {
font-style: normal;
font-size: 20px;
}
.social-share .social-share-ico {
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 12px;
border: 1px solid #e3e8f7;
cursor: pointer;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s
}
@media screen and (max-width:768px) {
.social-share .social-share-ico:nth-child(n+6) {
display: none
}
}
.social-share .social-share-ico:hover {
color: #fff
}
.social-share .icon-qq {
color: #56b6e7;
border-color: #56b6e7
}
.social-share .icon-qq:hover {
background-color: #56b6e7
}
.social-share .icon-weibo {
color: #d44040;
border-color: #d44040
}
.social-share .icon-weibo:hover {
background-color: #d44040
}
.social-share .icon-facebook {
color: #415dc9;
border-color: #415dc9
}
.social-share .icon-facebook:hover {
background-color: #415dc9
}
.social-share .icon-twitter {
color: #56b6e7;
border-color: #56b6e7
}
.social-share .icon-twitter:hover {
background-color: #56b6e7
}
.social-share .icon-links {
color: #425aef;
border-color: #425aef
}
.social-share .icon-links:hover {
background-color: #425aef
}
.social-share .icon-qrcode {
position: relative;
color: #000;
border-color: #000
}
@media screen and (max-width:900px) {
.social-share .icon-qrcode {
display: none
}
}
.social-share .icon-qrcode:hover {
background-color: #000
}
.social-share .icon-qrcode:hover .share-main {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex
}
.social-share .icon-qrcode .share-main {
display: none;
position: absolute;
bottom: 1.7rem;
z-index: 100;
padding-bottom: 15px
}
.social-share #qrcode img {
width: 132px;
height: 132px;
}
.social-share .icon-qrcode .share-main-all {
padding: 12px;
border-radius: 12px;
background: #f7f7f9;
-webkit-animation: donate_effcet .3s .1s ease both;
-moz-animation: donate_effcet .3s .1s ease both;
-o-animation: donate_effcet .3s .1s ease both;
-ms-animation: donate_effcet .3s .1s ease both;
animation: donate_effcet .3s .1s ease both;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid #e3e8f7
}
.social-share .icon-qrcode .share-main-all .reward-dec {
font-size: 1rem;
color: #363636 !important;
text-align: center
}
.social-share #qrcode {
width: 150px;
height: 150px;
min-width: 150px;
min-height: 150px;
background: #fff;
padding: 8px;
border-radius: 8px;
margin-bottom: 8px;
border: 1px solid #e3e8f7
}
.fa-seedling::before {
font-family: 'iconfont';
content: 'e60d';
font-size: 20px;
}
.fa-zanzu::before {
font-family: 'iconfont';
font-size: 20px;
content: 'e733';
}
.post-tools>.post-tools-left>.zanzu:hover {
background-color: #425aef !important;
}
.post-tools {
display: flex;
width: 100%;
margin: 15px 0;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-top: 8px;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.post-tools .post-tools-left {
white-space: nowrap;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
gap: .5rem;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.post-tools .post-tools-left #quit-box {
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, .2);
top: 0;
left: 0;
opacity: .01;
display: none;
z-index: 101;
margin: 0
}
@media screen and (max-width:768px) {
.post-tools .post-tools-left #quit-box {
height: calc(100vh - 380px)
}
}
.post-tools .post-tools-left .reward-link.mode {
background: #57bd6a;
color: #fff;
padding: 0 16px;
height: 40px;
line-height: 39px;
-webkit-box-shadow: 0 8px 12px -3px rgba(135, 238, 121, 0.212);
box-shadow: 0 8px 12px -3px rgba(135, 238, 121, 0.212);
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-radius: 8px;
cursor: pointer;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s
}
.post-tools .post-tools-left .reward-link.mode a {
color: #fff
}
.post-tools .post-tools-left .reward-link.mode i {
margin-right: 4px
}
.post-tools .post-tools-left .reward-link.mode:hover {
background: #425aef;
-webkit-box-shadow: none;
box-shadow: none
}
.social-share-ico .fa-qq::before {
font-family: 'iconfont';
content: 'e876';
}
.social-share-ico .fa-weibo::before {
font-family: 'iconfont';
content: 'e666';
}
.social-share-ico .fa-twitter::before {
font-family: 'iconfont';
content: 'e613';
}
.social-share-ico .fa-facebook::before {
font-family: 'iconfont';
content: 'e617';
}
.social-share-ico .fa-facebook::before {
font-family: 'iconfont';
content: 'e6e1';
}
.social-share-ico .fa-link::before {
font-family: 'iconfont';
content: 'e706';
}
.social-share-ico .fa-qrcode::before {
font-family: 'iconfont';
content: 'e6bd';
}
.post-tools>.post-tools-left>.zanzu {
background-color: #d80020 !important;
}
@media screen and (max-width:768px) {
.post-copyright {
box-shadow: 0 8px 16px -4px rgba(44, 45, 48, 0.047);
padding: 1rem 1.3rem;
margin: .5rem
}
.social-share {
display: none;
}
.post-copyright__author_name {
margin-top: 24px !important;
}
}
.post-copyright-span {
text-align: center;
font-size: 15px;
margin-top: 16px;
color: var(--main-color);
line-height: 1
jS
<script>
const link = window.location.href;
document.querySelectorAll('a.social-share-ico').forEach(function (element) {
let href = element.getAttribute('href');
element.setAttribute('href', href + encodeURIComponent(link));
});
</script>
<script>
function copyLink(element) {
var pageUrl = window.location.href;
element.setAttribute('data-clipboard-text', pageUrl);
var clipboard = new ClipboardJS(element);
clipboard.on('success', function (e) {
alert('链接已复制!');
});
}
</script>
感谢您的来访,获取更多精彩文章请收藏本站。














暂无评论内容