嗨,大家好,今天还是继续next主题的美化教程。加油。
教程:
1.修改主题页面布局为圆角
修改主题页面为圆角,有两种方法:
第一种:
打开文件,路径:/themes/next/source/css/_variables/custom.styl
复制粘贴以下代码:
//修改主题页面布局为圆角//VariablesofGeminischeme//=================================================
importPisces.styl;//Settingsforsomeofthemostglobalstyles.//--------------------------------------------------body-bg-color=#eee//Borders.//--------------------------------------------------box-shadow-inner=02px2px0rgba(0,0,0,.12),03px1px-2pxrgba(0,0,0,.06),01px5px0rgba(0,0,0,.12)box-shadow=02px2px0rgba(0,0,0,.12),03px1px-2pxrgba(0,0,0,.06),01px5px0rgba(0,0,0,.12),0-1px.5px0rgba(0,0,0,.09)border-radius-inner=initialborder-radius=initialborder-radius-inner=15px15px15px15px;border-radius=15px;保存后本地预览,可以看到四周都为圆角了。
第二种:
打开文件,路径:\themes\next\source\css\_variables\Gemini.styl,添加以下代码:
//修改主题页面布局为圆角border-radius-inner=15px15px15px15px;border-radius=15px;
保存后本地预览,四周为圆角。
2.去掉顶部黑线
顶部黑线如下图:
打开文件,路径:themes\next\source\css\_custom\custom.styl,添加以下代码:
//去掉顶部黑线:.headband{display:none;}
保存后本地预览,顶部黑线已经去掉。
3.添加动态背景—粒子漂浮聚合
我还以为把动态背景已经写到了教程里了,结果一看没有,赶紧补上。还有好几种动态背景,之后补上。
该功能由theme-next-canvas-nest插件提供,在根目录下执行如下命令:
gitclone