文章
文章用户商铺

本站自用B2主题底部美化（已适配子主题）

废话不多说，有图有真相

本站自用B2主题底部美化（已适配子主题）

底部footer.php内替换代码：记得把里面的图片地址换成自己的哦，不然可能会不显示图片

	</div>
	<style>
		.site-footer{
			background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>
		}
		.site-footer-nav{
			background-color:<?php echo b2_get_option('template_footer','footer_nav_color'); ?>
		}
		#bigTriangleColor{
			background-color:<?php echo b2_get_option('template_footer','footer_color'); ?>
		}
		@media (max-width: 780px) {
        .mobile {
        right: 0;
        bottom: 57px;
        display: none;
        }
        }
	</style>
	<!-- <svg id="bigTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none"><path d="M0 0 L50 100 L100 0 Z"></path></svg> -->
	<div class=mobile>
	    <footer id="Child_new_footer" class="Child_new_footer  ">
        <div id="Child_footer_ysb">
        <div id="Child_footer_ht">
            <div class="Child-action-panel" style="background-image:url(/img/banner.png)">
                <div class="Child-action-panel__inner wrapper">
                    <main class="Child-action-panel__main wrapper">
                        <div class="Child-action-panel__desc">
                            <div class="tpm1-action-panel-text-tit">
                                <span>
                                扫码添加QQ粉丝群，获取更多活动资讯                                </span>
                            </div>
                            <div class="tpm1-action-panel-text-subtit">
                                <p>
                                获取更多优惠信息请扫右侧二维码 >>                                </p>
                            </div>
                        </div>
                    </main>
                    <aside class="Child-action-panel__side">
                        <div class="Child-action-panel__qrcodes">
                            <div class="tpm1-qrcode">
                                <div class="tpm1-qrcode__img">
                                    <img class="b2-radius" title="群二维码" src="/img/20230308045124596.jpg">
                                </div>
                                <div class="tpm1-qrcode__text">
                                    <span>
                                        企鹅粉丝群
                                    </span>
                                </div>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
        <div id="Child_footer_db" class="Child-new-footer jinsom-footer ">
            <div class="Child-wrap"  >
                <div class="partner wrapper">
                    <div class="title">合作伙伴</div>
                    <div class="partner-first">
                        <a href="https://www.dangdong.com" target="_blank"><img src="/img/20221231062888522.svg"></a>
        			    <a href="https://www.chouqia.com" target="_blank"><img src="/img/20220406141841905.svg"></a>
						<a href="https://www.xmcms.com" target="_blank"><img src="/img/20221128142406767.svg"></a>
						<a href="https://www.chinu.cn" target="_blank"><img src="/img/20221206053036613.svg"></a>
        			    <a href="https://www.chouqia.com" target="_blank"><img src="/img/20220406141841905.svg"></a>
						<a href="https://www.xmcms.com" target="_blank"><img src="/img/20221128142406767.svg"></a>
						<a href="https://www.chinu.cn" target="_blank"><img src="/img/20221206053036613.svg"></a>
					</div>
<!--
                    <div class="partner-second">
                    	<a target="_blank" href="https://www.dangdong.com/">当动网</a>
						<a target="_blank" href="https://www.dangdong.com/">当动科技</a>
						<span class="hyth-link-apply"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=645876098&site=qq&menu=yes">申请友链</a></span>
                    </div>
-->
                </div>
            </div>
            <div class="partlink"  >
                <div class="Child-wrap wrapper">
                    <?php 
					$link_cats = b2_get_option('template_footer','link_cat');
					$beian = b2_get_option('template_footer','footer_beian');
					$gongan = b2_get_option('template_footer','footer_gongan');
					$gongan_code = (int) filter_var($gongan, FILTER_SANITIZE_NUMBER_INT);
					$mobile_show_link =  b2_get_option('template_footer','footer_mobile_show_links');
					$ids = array();
					$bookmarks = array();
					if($link_cats){
						foreach($link_cats as $v){
							$links = get_term_by('slug', $v, 'link_category');
							if($links){
								$ids[] = $links->term_id;
							}
						}
					}
					$ids = implode(",", $ids);
					if($ids){
						$bookmarks = get_bookmarks(array(
							'category'=>$ids,
							'orderby'=>'link_rating',
							'order'=>'DESC'
						));
					}
				?>
                    <div class="mail">
                        <div class="title">联系我们</div>
                        <div class="hyth-contact-mail"><i class="b2font b2-whatsapp-line"></i>电话：<a>0370-8889900</a></div>
                        <div class="hyth-contact-mail"><i class="b2font b2-mail-send-line"></i>邮箱：<a>dxns@qq.com</a></div>
                    </div>
                    
                    <div class="help-btn">
                        <a class="btn" href="/document" target="_blank"><i class="b2font b2-question-line"></i>帮助中心</a><br>
                        <div class="email"><i class="b2font b2-shixindiqiu"></i> 服务时间：9:00-18:00</div>
                    </div>
                    <div class="foot-cell">
                        <div class="tit">客服</div>
                        
                        <div class="im"><span><i class="b2font b2-qq"></i><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=645876098&site=qq&menu=yes">在线客服</a></span></div>
                        <div class="email"><i class="b2font b2-mail-send-line"></i>客服邮箱：<a>dxns@qq.com</a></div>
                    </div>
                    <div class="foot-cell">
                        <div class="tit">举报</div>
                        <div class="im"><i class="b2font b2-whatsapp-line"></i>举报电话：0370-8889900</div>
                        
                        <div class="email"><i class="b2font b2-mail-send-line"></i>举报邮箱：<a>dxns@qq.com</a></div>
                    </div>
                    
                                        <div class="foot-blank">
                                            <span class="qrcode"><img border="0" src="/img/weixin.png"></span>
                                            <div class="imgbox">
                                                <img border="0" src="/img/ewm.svg">
                                            </div>
                                            <p>支持与服务</p>
                                        </div>                </div>
            </div>
            <div class="copyright">
                <p>当动网，为优秀企业流量转化而生，致力于企业网站开发建设</p>
			</div>
        </div>
    </div>
        <div class="Child_new_footer_sj">
                <p><?php echo 'Copyright &copy; '.wp_date('Y').'<a href="'.B2_HOME_URI.'" rel="home">&nbsp;'.B2_BLOG_NAME.'</a>'; ?>&nbsp;当动网</a>保留资源解释权，如有侵权，请联系我及时处理
							<?php if($beian){
								echo '<span class="b2-dot">・</span><a rel="nofollow" target="__blank" href="https://beian.miit.gov.cn">'.$beian.'</a>';
							} ?>
							<?php if($gongan){
								echo '<span class="b2-dot">・</span><a rel="nofollow" target="__blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode='.$gongan_code.'"><img src="'.B2_THEME_URI.'/Assets/fontend/images/beian-ico.png">'.b2_get_option('template_footer','footer_gongan').'</a>';
							}?>
        		
        </div>
    </div>
    
		<div class="site-footer-nav">
			
	</footer>
	<?php if(!is_audit_mode()) { ?>
	<div id="mobile-footer-menu" class="mobile-footer-menu mobile-show footer-fixed" ref="footerMenu" v-show="show">
		<?php 
		if(apply_filters('b2_is_page', 'links')){
            echo '<div class="link-join-button mobile-show"><a href="'.b2_get_custom_page_url('link-register').'" target="_blank">'.__('申请入驻','b2').'</a></div>';
        }
		?>
		<div class="mobile-footer-left">
			<?php echo B2\Modules\Templates\Footer::footer_menu_left(); ?>
		</div>
		<div class="mobile-footer-center">
			<button @click="postPoBox.show = true"><span><?php echo b2_get_icon('b2-add-line b2-radius'); ?></span></button>
		</div>
		<div class="mobile-footer-right">
			<?php echo B2\Modules\Templates\Footer::footer_menu_right(); ?>
		</div>
	</div>
	<?php } ?>
	<?php 
		$allow_newsflashes = b2_get_option('newsflashes_main','newsflashes_open');
		$allow_document = b2_get_option('document_main','document_open');
		$allow_circle = b2_get_option('circle_main','circle_open');

		$circle_sulg = b2_get_option('normal_custom','custom_circle_link');
		$circle_name = b2_get_option('normal_custom','custom_circle_name');

		$newsflashes_name = b2_get_option('normal_custom','custom_newsflashes_name');

	?>
	<div id="post-po-box" class="post-po-box">
		<div :class="['post-box-content',{'show':show}]" @click="show = false">
			<div class="po-post-in b2-radius" v-cloak>
				<div class="po-post-icons">
					<div>
						<button @click.stop="go('<?php echo b2_get_custom_page_url('write'); ?>','write')">
							<span class="po-post-icon"><?php echo b2_get_icon('b2-quill-pen-line'); ?></span>
							<span class="po-post-title"><?php echo __('发布文章','b2'); ?></span>
						</button>
					</div>
					<?php if($allow_newsflashes){ ?>
						<div>
							<button @click.stop="go('<?php echo get_post_type_archive_link('newsflashes'); ?>?action=showbox','newsflashes')">
								<span class="po-post-icon"><?php echo b2_get_icon('b2-flashlight-line'); ?></span>
								<span class="po-post-title"><?php echo sprintf(__('发布%s','b2'),$newsflashes_name); ?></span>
							</button>
						</div>
					<?php } ?>
					<?php if($allow_circle){ ?>
						<div>
							<button @click.stop="go('<?php echo b2_get_custom_page_url('create-circle'); ?>','create_circle')">
								<span class="po-post-icon"><?php echo b2_get_icon('b2-donut-chart-fill'); ?></span>
								<span class="po-post-title"><?php echo sprintf(__('创建%s','b2'),$circle_name); ?></span>
							</button>
						</div>
						<div>
							<button @click.stop="go('<?php echo B2_HOME_URI.'/'.$circle_sulg; ?>','create_topic')">
								<span class="po-post-icon"><?php echo b2_get_icon('b2-chat-smile-3-line'); ?></span>
								<span class="po-post-title"><?php echo __('发表话题','b2'); ?></span>
							</button>
						</div>
					<?php } ?>
					<?php if($allow_document){ ?>
						<div class="po-verify">
							<button @click.stop="go('<?php echo b2_get_custom_page_url('requests'); ?>','request')">
								<?php echo b2_get_icon('b2-clipboard-line'); ?><span><?php echo __('提交工单','b2'); ?></span>
							</button>
						</div>
					<?php } ?>
				</div>
				<div class="po-close-button">
					<button @click.stop="show = false"><?php echo b2_get_icon('b2-close-line'); ?></button>
				</div>
			</div>
		</div>
    </div>
	<form id="wechataction" name="wechataction" action="" method="post">
    	<input type="submit" value="ok" style="display:none;">
	</form>
</div>

<?php wp_footer(); ?>
<!-- <script>

</script> -->
</body>
</html>

自定义CSS代码：

/* 
当动网 - DangDong
https://www.dangdong.com/
 */

/*底部美化样式开始*/
.Child-new-footer {
	background:var(--footer-bg);
	font-size:12px;
}
.Child_new_footer {
	background:var(--footer-bg);
	margin-top:20px;
}
.Child-wrap {
	/* width:var(--jinsom-width);*/
    margin:0 auto;
}
.Child-new-footer .partner {
	padding:30px 0 15px;
}
.partlink .foot-blank span {
	display:none;
	border:2px dotted  var(--b2color);
}
.partlink .foot-blank:hover span {
	display:block!important;
	background-color:var(--main-bg-color);
	bottom:80px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	width:120px;
	height:120px;
	left:50%;
	padding:5px;
	border-radius:2px;
}
.partlink .foot-blank:hover span img {
	width:100%;
}
.partlink .foot-blank:hover span:after {
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	left:50%;
	bottom:-10px;
	content:"";
	width:0;
	height:0;
	border-color:var(--b2color) transparent transparent;
	border-style:solid;
	border-width:10px 10px 0;
}
.Child-new-footer .partner .title {
	font-weight:700;
	font-size:14px;
	line-height:19px;
	padding-bottom:7px;
}
.Child-new-footer .partner a {
	margin-right:20px;
	letter-spacing:1px;
	float:left;
	white-space:nowrap;
}
.Child-new-footer .partner a img {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
    margin: 15px 30px 15px 0px;
	height:33px;
}
.Child-new-footer .partner a:hover img {
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:unset;
}
.Child-new-footer .partner .hyth-link-apply {
	cursor:pointer;
	color:var(--b2color);
}
.Child-new-footer .partner .partner-first {
	border-bottom:1px dotted var(--main-bg-color);
	line-height:22px;
	padding-bottom:10px;
	height:auto;
	overflow:hidden;
}
.Child-new-footer .partner .partner-second {
	padding-top:15px;
	line-height:22px;
	height:auto;
	overflow:hidden;
}
.Child-new-footer .partlink {
	height:96px;
	background:#e9e9e9;
}
.Child-new-footer .partlink .hyth-wrap {
	position:relative;
	height:96px;
}
.Child-new-footer .partlink .mail .title {
	letter-spacing:1px;
	line-height:1;
	padding-bottom:7px;
}
.Child-new-footer .partlink .mail {
	line-height:20px;
	letter-spacing:.86px;
	padding:18px 0;
	float:left;
	height:60px;
}
.Child-new-footer .partlink .mail a {
	margin-right:30px;
	padding-left:2px;
	vertical-align: unset;
}
.hyth-contact-mail i {
	vertical-align:bottom;
}
.Child-new-footer .partlink .help-btn {
	width:200px;
	padding:18px 10px;
	float:left;
	height:60px;
}
.Child-new-footer .partlink .help-btn .btn i {
	margin-right:2px;
	font-size:16px;
}
.Child-new-footer a {
    font-size:13px;
	vertical-align: unset;
}
.Child-new-footer .partlink .help-btn .btn {
	width:auto;
	height:0px;
	display:inline-block;
	line-height:58px;
	border-radius:2px;
	font-size:14px;
	letter-spacing:1px;
}
.Child-new-footer .partlink .help-btn .btn:hover {
	border:1px solid var(--body-bg-color);
}
.Child-new-footer .partlink .help-btn p {
	letter-spacing:.86px;
	margin-top:13px;
}
.partlink .foot-blank {
	height:80px;
	margin:8px 25px;
	width:80px;
	float:right;
	position:relative;
	cursor:pointer;
}
.partlink .foot-blank .imgbox {
	width:80px;
	height:80px;
	padding:5px;
	position:relative;
	float:left;
}
.partlink .foot-blank:hover .imgbox i {
	color:var(--b2color);
}
.partlink .foot-blank p {
	letter-spacing:1px;
	padding:10px 0 10px 80px;
	line-height:1;
}
.partlink .foot-cell {
	border-left:1px solid var(--body-bg-color);
	float:left;
	padding:18px 20px;
	display:block;
}
.partlink .foot-blank .imgbox i {
	font-size:80px;
	line-height:80px;
	color:#abb8c3;
	opacity:.7;
}
.partlink .foot-cell .tit {
	letter-spacing:1px;
	line-height:1;
	padding-bottom:7px;
}
.partlink .foot-cell div {
	line-height:20px;
	letter-spacing:.86px;
}
.partlink .foot-cell .link span,.partlink .foot-cell .im span {
	cursor:pointer;
}
.partlink .foot-cell .link span:hover,.partlink .foot-cell .im span:hover {
	color:var(--b2color);
}
.partlink .foot-cell .link i,.partlink .foot-cell .qq i,.partlink .foot-cell .tel i {
	vertical-align:text-bottom;
	margin-right:2px;
	font-size:15px;
}
.partlink .foot-cell .email i,.partlink .foot-cell .im i {
	vertical-align:bottom;
	margin-right:2px;
}
.Child-new-footer .copyright {
	text-align:center;
	padding:0px;
}
.Child-new-footer .copyright .links {
	color:var(--key-color);
	font-size:13px;
	line-height:28px;
	margin-top:10px;
}
.Child-new-footer .copyright .links span:nth-last-child(1) {
	display:none;
}
.Child-new-footer .copyright .links a,.Child-new-footer .copyright p a {
	color:#000;
	margin:0 6px;
}
.Child-new-footer .copyright p span:nth-last-child(1) {
	display:none;
}
.Child-new-footer .copyright p {
	letter-spacing:1px;
	line-height:23px;
}
.Child-new-footer .copyright .links a:hover,.Child-new-footer .copyright p a:hover,.Child-new-footer .partlink .mail a:hover,.Child-new-footer .partner a:hover {
	color:var(--b2color);
}
.content-red {
	background-color:var(--b2color);
}
.content-red,.content-grey {
	padding:50px 0;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.content-red h5,.content-grey h5,.content-red h2,.content-grey h2 {
	font-size:48px;
	line-height:1.5;
	color:#ffffff;
	font-weight:600;
	margin:0 0 20px;
}
.content-red h6,.content-grey h6 {
	font-size:17px;
	color:#ffffff;
	margin:15px 0px;
}
.content-red .footer-btna,.content-grey .footer-btna {
	display:block;
	width:240px;
	height:56px;
	line-height:56px;
	margin:50px auto 0;
	font-size:16px;
	color:var(--b2color);
	background-color:#ffffff;
	border-radius:6px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
.content-red .footer-btna:hover,.content-grey .footer-btna:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
}
.content-grey h5 {
	color:#000000;
}
.content-grey h6 {
	color:#8c8889;
}
.Child-action-panel__main {
	flex:1;
	-webkit-box-flex:1;
}
.Child-action-panel {
	background-size:cover;
	background-repeat:no-repeat;
	padding:0 20px;
	color:#fff;
	-webkit-font-smoothing:antialiased;
}
.Child-action-panel__inner {
	margin:0 auto;
	min-height:160px;
	display:flex;
	align-items:center;
}
.Child-action-panel__desc {
	font-weight:400;
	font-size:24px;
	line-height:32px;
	max-width:700px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	max-height:64px;
	color: #fff;
}
.Child-action-panel__qrcodes {
	display:flex;
	white-space:nowrap;
	margin:24px 0 8px;
}
.Child-action-panel .tpm1-qrcode:first-child {
	margin-left:0;
}
.tpm1-qrcode__img {
	margin:0 auto;
	width:100px;
	height:100px;
}
.tpm1-qrcode__text {
	margin-top:8px;
	color:#fff;
}
.tpm1-qrcode {
	text-align:center;
	font-size:12px;
	color:#000;
	line-height:20px;
	-webkit-font-smoothing:antialiased;
}
.Child-action-panel__desc .tpm1-action-panel-text-subtit {
	font-size:14px;
	line-height:50px;
	color:#fff;
}
.Child_new_footer_sj{
    padding-bottom: 100px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    background-color:var(--footer-bg);
    padding: 0px 10px 10px 10px;
}
/*底部美化样式结束*/

B2主题美化B2底部美化wordpress教程
站长学院

frp内网穿透实现内网建站（站长亲测从零开始）

2020-3-3 9:40:00

站长学院

PBootCMS基本使用教程（视频教程）

2020-7-15 14:48:03

❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
有新私信 私信列表
搜索
客服

  • 扫码打开当前页

  • QQ客服二维码

  • 微信客服二维码

返回顶部

Copyright © 2024 当动网 当动网保留资源解释权，如有侵权，请联系我及时处理 ・豫ICP备2021026541号