B2 Pro 主题 LOGO的修改与添加

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 Pro 主题 LOGO的修改与添加

首先在 /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; }
}

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

原文:https://7b2.com/51266.html

相关文章

评论 (0)