玩法资源网

标签： 7b2

  • 7b2教程-添加横幅广告条

    7b2教程-添加横幅广告条

    模块代码

    <div class="alert alert-warning alert-dismissible fade show" role="alert">

	<strong>

		<span class="badge bg-danger">

			Hello,大佬！<sup aria-hidden="true" class="spinner-grow spinner-grow-sm ml-1 small" role="status" style=" width: .5rem; height: .5rem; "></sup>

		</span>

	</strong>

	<span>【酷乐资源屋】---全站美化资源免费看任意下，别错过哦！</span>

	<a class="badge bg-warning text-dark" href="/vips"

	   rel="nofollow noopener noreferrer" target="_blank">

		加入我们

	</a>

</div>

    css样式

    .alert-warning {

    color: #664d03;

    background-color: #fff3cd;

    border-color: #ffecb5;

}

.alert-dismissible {

    padding-right: 3rem;

}

.alert {

    position: relative;

    padding: 1rem 1rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: .25rem;

}

@media (prefers-reduced-motion: reduce){

.fade {

    transition: none;

}

}

.fade {

    transition: opacity .15s linear;

}

.bg-danger {

    background-color: #dc3545!important;

}.badge {

    display: inline-block;

    padding: .35em .65em;

    font-size: .75em;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: .25rem;

}

.bg-warning {

    background-color: #ffc107!important;

}

.text-dark {

    color: #212529!important;

}.alert-dismissible .btn-close {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    padding: 1.25rem 1rem;

}

.btn-close {

    box-sizing: content-box;

    width: 1em;

    height: 1em;

    padding: .25em .25em;

    color: #000;

    border: 0;

    border-radius: .25rem;

    opacity: .5;

}

@media (prefers-reduced-motion: reduce){

.spinner-border, .spinner-grow {

    -webkit-animation-duration: 1.5s;

    animation-duration: 1.5s;

}

}

.spinner-grow-sm {

    width: 1rem;

    height: 1rem;

}.spinner-grow {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    vertical-align: -.125em;

    background-color: currentColor;

    border-radius: 50%;

    opacity: 0;

    -webkit-animation: .75s linear infinite spinner-grow;

    animation: .75s linear infinite spinner-grow;

}.small, small {

    font-size: .875em;

}

@keyframes spinner-grow {

0% {

    transform: scale(0);

  }

  50% {

    opacity: 1;

    transform: none;

  }

}

.btn-close:hover {

    color: #000;

    text-decoration: none;

    opacity: .75;

}

sup.spinner-grow.spinner-grow-sm.ml-1.small {

    margin-left: 4px;

    margin-bottom: 4px;

}

  • 7b2主题美化-高级弹幕插件3.0

    7b2主题美化-高级弹幕插件3.0

    之前给大家分享过一款简单的弹幕插件，功能比较单一，本插件是全面升级的3.0版本，升级了比较多的功能，玩法多样，操作比较简单，安装即可使用。

    1.jpg

    功能一览

    • 插件安装，随装随卸，无需杂七杂八配置。
    • 购买隐藏内容付费文件弹幕
    • 购买商城物品信息弹幕
    • 打赏信息弹幕
    • 认证信息弹幕
    • 充值信息弹幕
    • 兑换积分弹幕
    • 购买会员弹幕
    • 弹幕在手机端隐藏
    • 本插件已含jquerry，如果其他地方有引用，请把其他地方的jq链接删除。[content_hide][b2_file link=”https://56phone.lanzouy.com/iam2U0dt3kja” name=”b2弹幕高级版” pass=”” code=””][/content_hide]

  • 7b2主题给头像添加头像框/头像挂饰

    演示在本站.评论区

    将下列代码放入子主题child.js文件中(图片可自己更换).

    [content_hide]

    $(function(){
$('.avatar-parent').prepend('<img src="https://p0.meituan.net/dpgroup/240f1dfa30b57e744cdbbfbb3b679c25476735.png" class="txgj">');
})

    [/content_hide]

    将下列代码放入子主题style.css样式中

    [content_hide]

    .txgj {
top: -2px;
transform: scale(1.7);
width: 90px;
position: absolute;
}
.top-user-info-box-name .txgj{
left: -5px;
transform: scale(1);
top: 6px;
}
.post-meta-left .txgj{
display: none;
}
.post-meta-left .avatar-parent .txgj{
display: block;
transform: scale(1.6);
display: block;
left: 0px!important;
}
.top-user-box-drop .avatar {
border-radius: 50%;
}
.comment .gravatar img {
border-radius: 50%;
}

    [/content_hide]

    强制刷新即可看到效果.同本站.