温馨提示:这篇文章已超过1566天没有更新,请注意相关的内容是否还可用!
之前答应你们做的视频教程已经做好了,目前仅有锦鲤(koilee)主题,文章地址:Z-BlogPHP开运锦鲤前来报道,后期可能会增加更多的视频教程,设置更加清晰明了,不懂的,可以参考视频教程,今天的视频教程是针对微博秀(weibolee)主题如何获取微博背景套装的设置教程,不要前戏,直接进入主题(我是在开车,不用怀疑)。
视频教程:
最重要的就是前面的设置,设置完背景色和高度这个教程基本结束,后面做的是为了让整体颜色布局更加美观和谐,附上部分代码说明:
.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”这是指点击和鼠标滑过时的颜色。
另外说下,如果整体是蓝色的,一般不用设置如上代码,不是蓝色的时候建议采用如上代码,为了保持整体布局一致,就这样,有不懂的仔细看看视频吧,很简单。
文章版权声明:除非注明,否则均为李洋个人博客原创文章,转载或复制请以超链接形式并注明出处。
发表评论