wordpress美化:侧边栏tab3栏图片自动切换

Jaysun

3tab.gif

图片可自行更换,效果吗自己喜欢就好。


首先在侧边栏添加html小工具并填入下面的代码:(我是添加的文本小工具,选择文本编辑器)

隐藏内容
评论可见
前往评论

我这里设置的是图片,大家可以根据自己的需求更改里面的内容
然后在主题自定义CSS样式里面填入下面的css代码:

/*tab三榜*/
.menu li{float:left;width:33.33%;text-align:center;line-height:28px;height:28px;cursor:pointer;font-size:14px;overflow:hidden;margin-bottom:5px;}
.menu li.off{background:var(--main-bg-color);color:var(--key-color);font-weight:bold;font-size: 18px;}
.menudiv{background:var(--main-bg-color);}

保存小工具。
首页刷新即可。

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 3 条评论,279人围观)
网友昵称:whoareyou1
whoareyou1 V 普通用户 Google Chrome 119.0.6045.160 Windows 10 x64 板凳
01-12 来自江苏 回复
真的很不错
网友昵称:ASDA666
ASDA666 V 普通用户 Google Chrome 119.0.0.0 Windows 10 x64 椅子
2023-11-23 来自上海 回复
真的很不错
网友昵称:949999829
949999829 V 钻石VIP Google Chrome 118.0.0.0 Android 13 沙发
2023-11-23 来自安徽 回复
看看[Addoil]

目录[+]

取消
微信二维码
微信二维码
支付宝二维码