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后面添加 文字或者图片

B2 Pro 主题  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; }
}

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

    

给TA打赏
共{{data.count}}人
人已打赏
B2主题教程

B2主题升级到 B2_PRO_3.0.0

2021-5-21 14:26:58

B2主题教程

B2主题 首页 动态4格 广告代码

2021-6-20 13:43:10

18 条回复 A文章作者 M管理员
  1. 春哥

  2. 果壳

  3. Annan

  4. L.

  5. xiaoxiaowa

  6. wujie

  7. 译丶浅夏

  8. 能哥

  9. 老白博客

  10. 小舅妈

    💪

  11. yucun2046

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索