handsome魔改开坑

Ratel
14
文章
25
评论
2019年6月21日15:19:46 2 1,354

前言

此文针对小白而整理,如果你有什么好的建议,欢迎留言,代码里面注释还是相对比较明细,自行修改即可。本次修改的基本都是添加圆角,后续还得看看笔记才能自己写样式,

关于使用:基本都是放到后台--->开发者模式--->自定义即可,如果有能力可以对样式文件修改即可。

文章上标题添加圆角

.wrapper-md {
    padding: 20px;
    border-radius: 1px 1px 10px 10px; /*这里如果需要上面也添加圆角可以将1改为其他数值*/
}

歌单圆角化,以及歌单前面小点配色

#skPlayer .skPlayer-list {
    border-radius: 1px 1px 10px 10px; 
    /*圆角度自行修改,如果想实现上面圆角请修改1px为其他数值,规则为上左,上右,下右,下左,方向为顺时针方向,最大圆角度为50px*/
}
#skPlayer .skPlayer-list .skPlayer-list-sign{
    background-color: #b822c1;
}

为右上头像弹出框增加圆角

.dropdown-menu{
  border-radius: 1px 1px 10px 10px; /*修改圆角度方法同上*/
}

修改左下角配色,或者隐藏该区域

.bg-light.lt {   
    background-color: #a9c6d4; /*这里修改配色就好*/
    display: none;  /*需要隐藏可以添加这句代码,不需要隐藏可以删除本行代码*/
}
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
  • 本文由 发表于 2019年6月21日15:19:46
  • 转载请务必保留本文链接:https://www.ratelsx.com/archives/25.html
为handsome添加倒计时 主题美化

为handsome添加倒计时

前言 今天看到其他网站倒计时代码挺好看,就扒下来修改了下样式,效果图如下 准备工作 进入handsome主题后台,控制台-->外观-->编辑当前外观,将下列代码粘贴到<div cla...
handsome个性化修改代码 主题美化

handsome个性化修改代码

购买handsome主题也有段时间了,最近自己学习了前端,记录一下,方便以后美化 顶部栏背景色和颜色修改 /*#开头的为颜色代码,可以修改为自己喜欢的颜色*/ .bg-dark { color: #a...
handsome美化教程 主题美化

handsome美化教程

之前购买了handsome主题,本人还是挺喜欢的,收集了一些美化代码,整理一下,留给那些有需要的小伙伴 点击特效 两个点击特效均放置于usr/themes/handsome/component/foo...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:2   其中:访客  1   博主  1
    • 芭比 0

      看来好多人在魔改这个主题