B2 Pro 主题 LOGO的修改与添加

发布于 更新于
4,006

1. 关于修改LOGO的大小
    在 /b2/Assets/fontend/style.css 修改 高度的参数

.logo{
    display: flex;
    height:34px;
    align-items: center;
}
.logo img{
    display: block;
    height:34px
}

 

2.  LOGO后面添加 文字或者图片

我自己的网站 是做成可以移动的, 用是的纯 CSS

 首先在  /b2/Modules/Templates/Header.php       ~484行 的
<div class="logo">'.$logo.'</div> 后面   添加

<div id="AD1" class="mobile-hidden"><div id="AD1-photos" class="AD1-1">
<img src="https://paper.tv/pic/logo2.svg" ><span>免费下载最新纸模图纸<br>亲手制作平面到立体的乐趣</span></div></div>   

同时添加CSS

#AD1 { display: inline-block; position:absolute; width:160px; height:45px; overflow:hidden; margin-left: 8px; }
#AD1-photos img { float:left; width:160px;height:43px;}
#AD1-photos span{ font-size: 12.5px; color:#ffffff88; letter-spacing: 1px; line-height: 20px;}
#AD1-photos { position: absolute; z-index:9;  width: calc(160px * 2); /*修改图片数量的话需要修改数量参数*/}
.AD1-1{ animation: ma 12s ease-out infinite alternate;}
	@keyframes ma {
	0%,50% { margin-left: 0px; }
	51%,100% { margin-left: -160px; }
}

好了, 以上的参数按自己需要的来修整!!!

    

0 赞
0 收藏
分享
18 讨论
反馈
0 / 600
18 条评论
热门最新

???

修改了代码 刷新页面没变化是什么问题?

?

嗨,下午好!
所有的成功,都源自一个勇敢的开始