请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

手机号码,快捷登录

使用教程 完全DIY教程:让语音读帖按钮在帖子顶部居中

1
回复
785
查看
[ 复制链接 ]

363

经验

332

帖子

2

精华
2020-2-20 17:53:37 显示全部楼层 阅读模式
有站长想要实现如下图的显示效果,要如何设置呢?
kk3.jpg

第一步,将PC版按钮嵌入点修改为 帖子内容上方。
kk4.jpg

第二步,在电脑版CSS区的 .smplaybox 字段加入代码 text-align:center; 让内容居中。
代码举例:(可以直接复制使用,就是如上图的效果哦!)
  1. /*播放框架*/
  2. .smplayerbox{
  3. padding-top:15px;
  4. padding-bottom:15px;
  5. text-align:center;
  6. }

  7. /*播放按钮*/
  8. .smplayer{
  9. margin-left:0px;margin-right:10px;font-size:14px;cursor:pointer;border:1px solid #ffb424;border-radius:20px;padding:3px 10px;color:#FFF;background:#ffb424;
  10. }
  11. .smplayer:hover{
  12. text-decoration:none;color:#ffb424;border:1px solid #ffb424;background:#FFF
  13. }
复制代码

回复

使用道具 举报

38

经验

33

帖子

0

精华

2020-2-20 23:40:08 显示全部楼层
谢谢,非常给力!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则