仿3bbs同款底部tab栏思路

Denver（UID：30） · 发表于 2024-10-5 07:26:36

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

×

本来看着这个tab栏很好看想仿一下整体tab栏不难写，主要就是中间的发布按钮，刚好我手中有子比主题，tab栏和这个也差不多，就是中间按钮不一样，就想用css仿一下。首先想到的就是加一个图标，加一个粗的border边框，再设置个圆角，添加个背景，而不是导航栏凹陷这个发布按钮在凹陷里面。先用绝对定位写出和底部的距离bottom，之后写水平居中，left设置为50%，只设置50%会偏移，还需要用函数来调整。总体思路就是这样，演示站点:moxingbk.com

七夏（UID：1） · 发表于 2024-10-5 07:53:12

不错不错👍

梦淡如非（UID：8） · 发表于 2024-10-5 15:08:22

这是用在子比上了？

Denver（UID：30） · 发表于 2024-10-6 08:29:22

梦淡如非发表于 2024-10-5 15:08
这是用在子比上了？

必须的

Denver（UID：30） · 发表于 2024-10-6 08:47:56

梦淡如非发表于 2024-10-5 15:08
这是用在子比上了？

子比原本tab栏和这个就中间发布不一样，调下css样式就行了

仿3bbs同款底部tab栏思路

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

快速回帖

龙年限定

分享帝

福利君

关于楼主

商务推广