子比主题美化 – 文章角标

天天都有人再问的一个东西,今天发出来吧,强军卖199,那我是不是高低也要买个388[g=经典/xieyanxiao.gif]

图片[1]-子比主题美化 – 文章角标-初一小盏

w

文章发布时可自行选择内容与颜色,不填写内容则不显示

图片[2]-子比主题美化 – 文章角标-初一小盏

教程开始:

css代码

/*角标css*/
.posts-item.card .item-thumbnail {
	background:#c4cffa26;
	width:100%;
	padding-bottom:var(--posts-card-scale);
}
a.item-category {
	position:absolute;
	left:10px;
	top:10px;
	padding:5px 6px;
	font-size:1rem;
	line-height:1;
	color:#fff;
	background:var(--theme-color);
	border-radius:6px;
}
a.item-category-app {
	position:absolute;
	height:24px;
	line-height:24px;
	width:100%;
	text-align:center;
	bottom:0;
	left:0;
	background:radial-gradient(circle,#3783ff,#3783ffbf);
	color:#fff;
	font-size:12px;
	border-radius:0 0 10px 10px;
}
a.item-category-app-b {
	position:absolute;
	height:24px;
	line-height:24px;
	width:100%;
	text-align:center;
	bottom:0;
	left:0;
	background:radial-gradient(circle,#ff5631,#ff5631ba);
	color:#fff;
	font-size:12px;
	border-radius:0 0 10px 10px;
}
a.item-category-app-c {
	position:absolute;
	height:24px;
	line-height:24px;
	width:100%;
	text-align:center;
	bottom:0;
	left:0;
	background:radial-gradient(circle,#464242,#464242ad);
	color:#fff;
	font-size:12px;
	border-radius:0 0 10px 10px;
}
span.bottom-l {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.n-collect-item-bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	background:var(--theme-color);
	border-radius:0 0 var(--main-radius);
	font-size:13px;
	color:#fff;
	text-shadow:0 2px 2px rgba(0,0,0,.16);
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	justify-content:space-between;
	padding:0 18px;
	z-index:5;
	justify-content:center;
}
.jiaobiao2 {
	position:absolute;
	top:10px;
	right:-50px;
	z-index:1;
	width:140px;
	height:20px;
	background:var(--theme-color);
	color:#fff;
	line-height:20px;
	transform:rotate(45deg);
	text-align:center;
	font-size:12px;
	left:auto;
	border-radius:0 50px 50px 0;
}

将下面代码添加进子比主题下的func.php文件内,若没有则创建一个,如果是新建func.php文件夹记得复制<?php 去掉前面两竖线

CSF::createMetabox('Mario', array(
    'title'     => '附加选项',
    'post_type' => array('post', 'plate', 'forum_post'),
    'context'   => 'advanced',
    'data_type' => 'unserialize',
));

CSF::createSection('Mario', array(
    'fields' => array(
        array(
            'title'   => __('开启文章角标'),
            'id'      => 'Mario_edit',
            'type'    => 'switcher',
            'label'   => '角标',
            'desc'   => '填哪个显示哪个,不想要的留空就行',
            'default' => false
        ),
        array(
            'dependency' => array('Mario_edit', '!=', ''),
            'title'   => __('左上角标内容'),
            'id'      => 'right_text',
            'type'    => 'text',
            'default' => '支持M1/M2',
        ),
        array(
            'dependency' => array('Mario_edit', '!=', ''),
            'title'   => __('背景颜色'),
            'id'      => 'right_color',
            'type'    => 'color',
            'default' => '#121212',
            'class'    =>'compact',
        ),
        array(
            'dependency' => array('Mario_edit', '!=', ''),
            'title'   => __('右上角标内容'),
            'id'      => 'left_text',
            'type'    => 'text',
            'default' => '实测',
        ),
        array(
            'dependency' => array('Mario_edit', '!=', ''),
            'title'   => __('背景颜色'),
            'id'      => 'left_color',
            'type'    => 'color',
            'default' => '#121212',
            'class'    =>'compact',
        ),
        array(
            'dependency' => array('Mario_edit', '!=', ''),
            'title'   => __('封面底部内容'),
            'id'      => 'bottom_text',
            'type'    => 'text',
            'default' => '支持Intel&M1&M2运行',
        ),
        array(
            'dependency' => array('Mario_edit', '!=', ''),
            'title'   => __('背景颜色'),
            'id'      => 'bottom_color',
            'type'    => 'color',
            'default' => '#121212',
            'class'    =>'compact',
        ),

    ),
));

打开子比主题文件夹下的inc/functions/zib-post-list.php文件,搜索 置顶 添加以下代码

//添加在这个代码的下面一行
 if (is_sticky()) {
        $sticky = '<badge class="img-badge left jb-red">置顶</badge>';
    } else {
        $sticky = '';
    } 

代码:

子比主题美化 - 文章角标-初一小盏
子比主题美化 – 文章角标
此内容为付费阅读,请付费后查看
1500积分
技术支持
一对一服务
安装调试
功能定制
付费阅读
已售 17
© 版权声明
THE END
点赞0赞赏 分享
留言 共13条

请登录后发表评论