微博秀主题模板设置背景图片和背景色视频教程

李洋博客
海外宿主机,香港云主机,租用服务器CN2知名云计算-90IDC

温馨提示:这篇文章已超过1004天没有更新,请注意相关的内容是否还可用!

之前答应你们做的视频教程已经做好了,目前仅有锦鲤(koilee)主题,文章地址:Z-BlogPHP开运锦鲤前来报道,后期可能会增加更多的视频教程,设置更加清晰明了,不懂的,可以参考视频教程,今天的视频教程是针对微博秀(weibolee)主题如何获取微博背景套装的设置教程,不要前戏,直接进入主题(我是在开车,不用怀疑)。

微博秀主题模板设置背景图片和背景色视频教程 第1张

视频教程:

最重要的就是前面的设置,设置完背景色和高度这个教程基本结束,后面做的是为了让整体颜色布局更加美观和谐,附上部分代码说明:

.wb-layout {
    background-color: rgba(231,116,3,0.15);
}
.aside-wrap>ul>li.active a, .aside-wrap>ul>li a:hover, .aside-wrap>ul>li>a.on {
    background-color: rgba(131,76,17,0.2);
    border-left: 3px solid #834c11;
}
.aside-wrap ul li a{
    color: #834c11;
}
.backtop .bt-box{
    background: #d49d63;
}

其中“wb-layout”背景颜色是主题框架的板色,所以采用的是rgba,因为最后的0.15是指透明度。如果仅仅是#代码默认,则没有透明效果了就,所以直接按照教程设置就行。

.aside-wrap>ul>li.active a, .aside-wrap>ul>li a:hover, .aside-wrap>ul>li>a.on是指,导航栏点击状态和鼠标滑过时候的颜色代码,同理,直接复制新浪微博的就行了。

.aside-wrap ul li a是指导航栏点击时所显示的颜色代码。

.backtop .bt-box是指右侧返回顶部等信息的背景颜色,当然还有一个是“.bt-box.weixin:hover, .bt-box.tnrt:hover, .bt-box.qq:hover, .backtop .bt-box:hover”这是指点击和鼠标滑过时的颜色。

另外说下,如果整体是蓝色的,一般不用设置如上代码,不是蓝色的时候建议采用如上代码,为了保持整体布局一致,就这样,有不懂的仔细看看视频吧,很简单。

文章版权声明:除非注明,否则均为李洋个人博客原创文章,转载或复制请以超链接形式并注明出处。

相关阅读

zblog利用ip地址物理化插件实现评论显示IP归属地的方法

利用 acme.sh 申请 ZeroSSL 泛域名证书的图文教程

zblog响应式极简图片灯箱插件viewimglee,不足1kb的ViewImage.js超效率

Z-BlogPHP侧栏热门文章和热评文章不显示文章怎么解决

开启CDN后怎么防止流量被恶意盗刷

网站预加载 JS 脚本 instant.page 的使用方法

zbp支付宝即时到帐插件显示 count(): Parameter must be an array or an object 错误的解决办法

Windows下安装和部署SVN服务器且同步到Web站点的图文教程

发表评论

表情:
评论列表 (有 12 条评论,6746人围观)
网友昵称:Edipse
Edipse V 铁粉 UC Browser 6.2.4098.3 Windows 7 x64 凉席
20-04-21 来自上海 回复
照着教程跟着学,真简单,学会了!我还加上了滚动条颜色和导航上方的线条颜色。看看怎样,edipse.cn
网友昵称:李洋博客
李洋博客 V 博主 Sogou Explorer Windows 10 x64
20-04-21 来自天津 回复
@Edipse 我勒个去,这也太好看了,比原版都好看。
网友昵称:Edipse
Edipse V 铁粉 UC Browser 6.2.4098.3 Windows 7 x64
20-04-21 来自上海 回复
@李洋博客 买了主题后,我看到“自定义css”,当时我不知道这是干嘛用的,今天看到了这篇文章,就照着教程学了一下,修改完了后,感觉这个主题很强大!
网友昵称:李洋博客
李洋博客 V 博主 Sogou Explorer Windows 10 x64
20-04-22 来自天津 回复
@Edipse 自定义css接口就是留给喜欢折腾的人,可以按照自己的想法重新设计网站样式!
网友昵称:心
V 铁粉 Google Chrome 78.0.3904.108 Windows 10 x64 板凳
20-03-25 来自天津 回复
完了完了,用了梦想家、锦鲤,今天才发现这个主题应该更适合自己的站,又得花钱了!~
网友昵称:李洋博客
李洋博客 V 博主 Sogou Explorer Windows 10 x64
20-03-27 来自天津 回复
@心 老客户已优惠,请放心折腾~~~
网友昵称:发的撒
发的撒 V 铁粉 Google Chrome 55.0.2883.87 Windows 10 x64
20-03-31 来自天津 回复
@李洋博客 完了完了,用了梦想家、锦鲤,今天才发现这个主题应该更适合自己的站,又得花钱了
网友昵称:李洋博客
李洋博客 V 博主 Sogou Explorer Windows 10 x64
20-04-01 来自天津 回复
@发的撒 老客户有优惠的~来找我
网友昵称:月朗风清
月朗风清 V 铁粉 Google Chrome 55.0.2883.87 Windows 7 x64 椅子
19-09-12 来自广东 回复
@博主,您的评论代码怎么写的。我要跟你学做这个评论呀,用不了畅言,
网友昵称:李洋博客
李洋博客 V 博主 Sogou Explorer Windows 10 x64
19-09-12 来自天津 回复
@月朗风清 很简单啊!~
网友昵称:挽回老公
挽回老公 V 铁粉 Google Chrome 67.0.3396.99 Windows 7 x64 沙发
19-08-22 来自广东 回复
小白,准备试着调整模版,每日学习
网友昵称:李洋博客
李洋博客 V 博主 Sogou Explorer Windows 10 x64
19-08-22 来自天津 回复
@挽回老公 emmmmm。。看不懂怎么破?
取消
微信二维码
微信二维码
支付宝二维码