### [【定制】7b2主题用户自定义选择底部样式](https://wws.ysu2.com/article/80610)

**Published:** 2023-01-04T12:17:55

**Author:** gao19970828

**Excerpt:** 【定制】7b2主题用户自定义选择底部样式 <?php //样式1 $text_footer_title_ysa=b2_get_option(‘Jitheme_footer_tab2′,’text_footer_title_ysa’);

### 【定制】7b2主题用户自定义选择底部样式

![](https://www.ysu2.com/wp-content/uploads/2023/01/2023010412141960.png)

<?php 
//样式1
$text\_footer\_title\_ysa=b2\_get\_option('Jitheme\_footer\_tab2','text\_footer\_title\_ysa');
$text\_footer\_desc\_ysa=b2\_get\_option('Jitheme\_footer\_tab2','text\_footer\_desc\_ysa');
//样式2
$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');
$footer\_img = b2\_get\_option('template\_footer','footer\_img');
$onecad\_footer\_ysb\_jj=b2\_get\_option('Jitheme\_footer\_tab3','onecad\_footer\_ysb\_jj');
//获取代码
if($onecad\_footer\_ysb\_jj){
$none='style="display: none;"';
}else{
$none="";
}
?>
</div>
<style>
.public-foot{
background-image: url(<?php echo $footer\_img ?>) 
}
.footer-links ul li a {color:<?php echo b2\_get\_option('template\_footer','footer\_nav\_text\_color'); ?>}
.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'); ?>
}

</style>
<footer id="onecad\_new\_footer" class="onecad\_new\_footer ">
<div id="onecad\_footer\_ysc">
<div class="wrapper footer-inner md-1">
<div class="footer-body">
<div class="footer-content mb-3">
<?php dynamic\_sidebar( 'sidebar-2' ); ?>
</div>
<div class="footer-menu text-sm">
<i class="b2font b2-lock-2-line"></i>
<?php
$links\_html=''; 
$links\_ysa\_a1 =b2\_get\_option('Jitheme\_footer\_tab3','onecad\_footer\_ysb\_links');
if(is\_array($links\_ysa\_a1)){
foreach ($links\_ysa\_a1 as $k => $v) {
if(!empty($v\['onecad\_footer\_ysb\_links\_desc'\])){
$links\_html.= $v\['onecad\_footer\_ysb\_links\_desc'\];
}
}
echo $links\_html;
}
?>
</div>

<?php 
$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'
));
}
?>
<?php if((is\_home() || is\_front\_page()) && !empty($link\_cats) && !empty($bookmarks)){ ?>
<div class="jitheme-footer-links text-sm <?php echo (int)$mobile\_show\_link === 0 ? 'mobile-hidden' : ''; ?>">
<i class="b2font b2-price-tag-3-line"></i>
<span class="links-item">友情链接</span>
<?php
foreach ($bookmarks as $bookmark) {
echo '<a target="\_blank" class="links-item" href="' . $bookmark->link\_url . '">' . $bookmark->link\_name . '</a>';
}
?>
</div>
<?php } ?> 
</div>
<div class="footer-contact">
<div class="ji-mb weixin">
<?php
$links\_ysa\_a1 =b2\_get\_option('Jitheme\_footer\_tab3','onecad\_footer\_ysb\_ewm');
if(is\_array($links\_ysa\_a1)){
foreach ($links\_ysa\_a1 as $k => $v) {
$ewm\_html='<img border="0" src="'.$v\['onecad\_footer\_ysb\_ewm\_img'\].'">';
break;
}
}
?>
<a href="javascript:" class="btn btn-arrow btn-primary text-xs">
<span>微信咨询
<span class="qrcode"><?php echo $ewm\_html ?></span>
<i class="b2font b2-weixin"></i>
</span>
</a>
</div>
<div class="ji-mb">
<a href="//wpa.qq.com/msgrd?v=3&amp;uin=<?php echo b2\_get\_option('Jitheme\_footer\_main','onecad\_footer\_qq') ?>&amp;site=qq&amp;menu=yes" rel="external nofollow" class="btn btn-arrow btn-outline-primary text-xs" target="\_blank">
<span>在线咨询<i class="b2font b2-qq"></i>
</span>
</a>
</div>
<div class="text-muted text-xs">周一至周五 10:30-20:30</div>
<div class="text-muted text-xs">可发邮件咨询</div>
<div class="text-muted text-xs"><?php echo b2\_get\_option('Jitheme\_footer\_main','onecad\_footer\_jiandu\_yx') ?></div>
</div>
</div>

<div class="footer-copyright font-number text-xs">
<div class="wrapper"><?php echo 'Copyright &copy; '.wp\_date('Y').'<a href="'.B2\_HOME\_URI.'" rel="home">&nbsp;'.B2\_BLOG\_NAME.'</a>'; ?>. All Rights Reserved
<?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>';
}?>
<?php
echo sprintf(\_\_('查询 %s 次，','b2'),get\_num\_queries());
echo sprintf(\_\_('耗时 %s 秒','b2'),timer\_stop(0,4));
?>
</div>
</div>
</div>
<?php
$celan=b2\_get\_option('Jitheme\_footer\_tab4','onecad\_footer\_celan\_off');
$wrapper\_width = b2\_get\_option('template\_main','wrapper\_width');
if($celan){ ?>
<div id="jitheme\_celan">
<div class="fixed-right" style="right:16px;">
<div class="drop">
<a href="/vips" class="go\_top item">
<i class="b2font b2-vip-crown-2-line ">
</i>
</a>
</div>
<div class="menus">
<span class="item ewm hide\_sm">
<i class="b2font b2-qr-code-fill ">
</i>
<div class="code-div">
<div class="ewmDiv">
<?php
$kf\_html=''; 
$kf\_html\_img =b2\_get\_option('Jitheme\_footer\_tab4','Jitheme\_footer\_celan');
if(is\_array($kf\_html\_img)){
foreach ($kf\_html\_img as $k => $v) {
$kf\_html .='<div class="ewm-item">
<a href="'.$v\['celan\_kf\_link'\].'" target="\_blank">
<div class="code-wrap">
<div class="code" style="background-image:url('.$v\['celan\_kf\_img'\].');"></div>
</div>
<div class="ewm-main">
<p>'.$v\['celan\_kf\_desc'\].'</p>
<div class="wz">'.$v\['celan\_kf\_title'\].'</div>
</div>
</a>
</div>'; 
}
}
echo $kf\_html;
?>
</div>
</div>
</span>
</div>
<div class="drop">
<a href="http://wpa.qq.com/msgrd?v=3&uin=<?php echo b2\_get\_option('Jitheme\_footer\_main','onecad\_footer\_qq') ?>&site=qq&menu=yes"
class="go\_top item">
<i class="b2font b2-customer-service-2-line1 ">
</i>
</a>
</div>
<div class="gotop">
<a href="#" class="go\_top item">
<i class="b2font b2-rocket-2-line ">
</i>
</a>
</div>
</div>
</div>
<?php } ?>
</footer>
<?php if(!is\_audit\_mode()) { ?>
<div id="mobile-footer-menu" class="mobile-footer-menu mobile-show footer-fixed" ref="footerMenu" v-show="show">
<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 home\_url('/').$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 src="<?php echo B2\_CHILD\_URI ?>/Render/Js/audio.js"></script>

<script type="text/javascript" src="<?php echo B2\_CHILD\_URI ?>/Render/Js/web.js"></script> 
<!--头部搜索-->
<script type="text/javascript">
var onecad\_search = document.getElementById("onecad\_search");
var onecad\_btna = document.getElementById("onecad\_btna");
var btnb = document.getElementById("onecad\_btnb");
var mobile\_menu = document.getElementById("mobile-menu");
function testDisplay()
{

if(onecad\_search.style.top="-70px")
{
onecad\_search.style.display = "block";
onecad\_search.style.top = "0px";
onecad\_search.style.transition = "all 0.3s ease-in-out 0s";
onecad\_btnb.style.display = "block";
onecad\_btna.style.display = "none";
mobile\_menu.style.display = "none";
}
}
function testnone()
{
if(onecad\_search.style.display=="block")
{
onecad\_btna.style.display = "block";
onecad\_search.style.transition = "all 0.3s ease-in-out 0s";
onecad\_search.style.top = "-70px";
onecad\_btnb.style.display = "none";
mobile\_menu.style.display = "block";

}
}
</script>
<?php
$qukuai\_day=b2\_get\_option('Jitheme\_index\_tab3','qukuai\_data');
$text\_date\_h=b2\_get\_option('Jitheme\_index\_tab3','text\_date\_h');
$qukuai\_data=$qukuai\_day.' '.$text\_date\_h
?>
<script type="text/javascript"> 
//设置定时器容器
var countDownTimer = null ;
//获取元素
var day = document.getElementById("\_d");
var hour = document.getElementById("\_h");
var minute = document.getElementById("\_m");
var second = document.getElementById("\_s");
//获取截止时间的时间戳（单位毫秒）
var str = "<?php echo $qukuai\_data ?>"
var inputTime = +new Date(str);
//我们先调用countDown函数，可以避免在打开界面后停一秒后才开始倒计时
if(day && hour && minute && second) {
countDown();
}
//定时器 每隔一秒变化一次
countDownTimer = setInterval(countDown, 1000);
function countDown() {
//获取当前时间的时间戳（单位毫秒）
var nowTime = +new Date();
//把剩余时间毫秒数转化为秒
var times = (inputTime - nowTime) / 1000;
if(times > 0){
//计算天数
var d = Math.floor(times/60/60/24)
if(day){
day.innerHTML = d
//如果小时数小于 10，要变成 0 + 数字的形式 赋值给盒子
day.innerHTML = d < 10 ? "0" + d : d;
}
//计算小时数 转化为整数
var h = parseInt(times / 60 / 60 % 24);
//如果小时数小于 10，要变成 0 + 数字的形式 赋值给盒子
if(hour){
hour.innerHTML = h < 10 ? "0" + h : h;
}
//计算分钟数 转化为整数
var m = parseInt(times / 60 % 60);
//如果分钟数小于 10，要变成 0 + 数字的形式 赋值给盒子
if(minute){
minute.innerHTML = m < 10 ? "0" + m : m;
}
//计算描述 转化为整数
var s = parseInt(times % 60);
//如果秒钟数小于 10，要变成 0 + 数字的形式 赋值给盒子
if(second){
second.innerHTML = s < 10 ? "0" + s : s;
}
}else{
// 停止定时器，清空定时器
clearInterval(countDownTimer)
}
}
</script>
<script>
$('.toggle-input').on('change', function() {
$('body').toggleClass('light-version');
});
</script>
</body>
</html>

然后插入CSS

/\*自定义CSS\*/
/\*用户自定义CSS\*/
@media screen and (max-width:768px){
.footer-inner {
padding-top: 0px!important;
}.footer-contact,.footer-body{
display: none!important;
}
.font-number{
margin-top: 0px!important;
padding: 15px!important;
line-height: 25px!important;
}
}
.footer-inner {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-top: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.footer-inner .about-widget .footer-logo {
height: 35px!important;
object-fit: contain;
}
.footer-body{
max-width: 75%;
}
.footer-contact{
padding-left: 30px;
text-align: center!important;
}
.footer-contact .ji-mb{
margin-bottom: 20px!important;
}
.footer-contact .ji-mb .qrcode {
display: none;
border: 2px dotted var(--b2color);
}
.footer-contact .weixin :hover .qrcode: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;
}
.weixin :hover .qrcode {
display: block!important;
background-color: var(--main-bg-color);
bottom: 55px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
width: 140px;
height: 140px;
left: 50%;
padding: 5px;
border-radius: 2px;
}
.mb-1{
margin-bottom: 20px!important;
margin-right: 50px!important;
}
.footer-menu {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.jitheme-footer-links {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
}
.text-sm {
font-size: 14px !important;
}
.footer-menu a {
position: relative;
display: block;
margin-right: 15px;
margin-top: 3px;
}
.jitheme-footer-links .links-item {
position: relative;
display: block;
color:#999;
margin-right: 15px;
margin-top: 3px;
}
.btn-outline-primary {
color: #2b76ff;
background-color:#e5edfd;
border-color:#e5edfd;
}
.btn-arrow span {
display: inline-block;
position: relative;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
will-change: transform;
padding: 5px 0px;
}
.btn-arrow i {
position: absolute;
top: 50%;
right: 0;
width: 1.25em;
font-size: 1.25rem;
opacity: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
will-change: right,opacity;
}
.jitheme-footer-links i,.footer-menu i{
margin-right: 10px;
}
.btn-primary i{
margin-left:10px;
}
.text-xs{
font-size: 13px !important;
color:#999;
}
.font-number {
background-color: #eee;
padding: 25px 0px;
margin-top: 20px;
}

.btn-arrow.active span, .btn-arrow:hover span, .btn-arrow:focus span {
-webkit-transform: translate3d(-0px,0,0);
transform: translate3d(-0px,0,0);
}
.btn-arrow.active i, .btn-arrow:hover i, .btn-arrow:focus i {
opacity: 1;
right: -30px;
}

**Tags:** 7b2, app, HTML, ps, 主题, 周, 微信, 盒子

**Categories:** 精选插画

---