- 综合排序
- 最热优先
- 最新优先
- 来自专栏RivenCabin
博客主题美化
一、总体美化教程 这次的美化主要分为四个部分： 文章内显示封面 给文章添加更新时间 修改代码块样式以及添加复制功能（这个功能有点问题，具体解决办法看文章末尾） 给网站添加点击效果（这个功能我没有加，感觉太花哨了 ） 参考文章：Diaspora 主题美化日记 - 棕果核 (mrzgh.top) 二、代码块以及复制按钮的样式问题 因为原文作者写文章使用的编辑器不是Typora，所以他的代码块美化这一点和我们有所区别 问题一：代码块内容超出长度后会显示滚动条，有点丑，干掉 问题二：复制按钮会随着滚动条滚动而位移，不能忍，干掉 这里引用上文链接作者的一段话： 因每个人的目录都不同，设定博客根目录为 Blogroot，主题根目录为
84210编辑于 2022-08-16 - 来自专栏xsa的blog
butterfly主题美化
butterly PC端展示（白天/夜晚） 移动端展示（白天/夜晚） 新增valine评论 twopeople展示 image.png 代码预留 .xpand(style='height:200px;') canvas.illo(width='800' height='800' style='max-width: 200px; max-height: 200px; touch-action: none; width: 640px; height: 640px;')
1.2K10编辑于 2022-03-31 - 来自专栏ymktchic
butterfly主题美化②
-webkit-animation-name:typing-f2-l4;animation-name:typing-f2-l4}path#f2-l5{-webkit-animation-name:typing-f2 1.5;z-index:99991;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4 +/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i +LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp /3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt
89310编辑于 2022-01-18 - 来自专栏用代码征服天下
IDEA主题美化
DIY主题，让你拥有属于自己的风格。 同时也介绍了如何使用现在有的主题包来替换IDEA默认的主题。 IDEA插件主题 使用方法，点击File>Settings>Plugins 输入插件名称即可下载 如果主题未生效的话可以检查一下自己的IDEA版本必须使用19.1之后的版本 同时注意19.2版本的IDEA 插件链接:https://plugins.jetbrains.com/plugin/12112-solarized-theme/ 更多插件 目前只是选取几个好评的主题（主要还是觉得好看），想要获取更多主题的话可以登陆 使用主题包 推荐一个网站color-themes http://color-themes.com/ ?
10.7K31发布于 2020-02-13 - 来自专栏Gujiu's Blog
Handsome主题美化
浏览器动态标题 主题设置 - 开发者设置 - 自定义输出body尾部的HTML代码添加以下代码 <! script> <script>tpwidget("init", { "flavor": "slim", "location": "WX4FBXXFKE4F > 其他主题单独调用代码 <?php echo theAllViews();?><?php _me("访客总数") ? } /*深色模式下文章正文下的结束End分割线颜色*/ html.theme-dark .tt-fenge-end{border-top: 2px dotted #4f4f4f 100%,transparent 100%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent
1.2K40编辑于 2022-12-02 - 来自专栏ymktchic
Butterfly主题美化
1===this.fadingOut&&this.reset(),(this.x>n-n/4||this.y<0)&&(this.fadingOut=! width: 100%; height: 100%; pointer-events: none; z-index: 0; } 插入css,js,canvas到inject中 打开Butterfly主题的 box-shadow 0 0 5px 4px #52fefe, 0 0 6px 2px #52fefe inset .iron-box4 width spinner-box是主题原版的盒子加载动画 wizard是巫师施法加载动画 ironheart是钢铁侠核心加载动画 scarecrow是稻草人跳动加载动画 image为自定义添加静态图片或gif作为加载动画 插入方法 插入方法很简单，基于butterfly主题的强大，内置了多种在线聊天工具，这里我选择的是crisp。几步就可以完成。
1.8K00编辑于 2022-01-18 - 来自专栏氢云小屋
Typecho Cuteen 主题美化
美化列表 1. 给博客添加每日60s早报 前往 https://www.alapi.cn/ 注册一个账号 复制自己的Token替换下边的 你的密钥内容 ! 主题白色背景图片 在后台自定义CSS中添加如下代码 /*背景*/ body::before { z-index: -1; content: ""; top: 0; }25%{box-shadow:0 0 10px #00BCD4;}50%{box-shadow:0 0 20px #00BCD4;}75%{box-shadow:0 0 10px #00BCD4;}100% {box-shadow:0 0 0px #00BCD4;}} 效果展示：见本站 22. 鼠标美化 后台自定义CSS添加如下代码 /*鼠标样式*/ body { cursor:url('https://xxi.icu/usr/themes/Cuteen/static/img
2.5K20编辑于 2023-03-31 - 来自专栏全栈程序员必看
美化ubuntu主题系统
文章目录 安装主题选择软件 下载主题及加载 ubuntu18登录界面更改 Docky 个人设置效果 这里我们给予ubuntu14.04和ubuntu18.4来进行说明 安装主题选择软件 对于ubuntu18.04 update sudo apt-get install ubuntu-tweeks sudo apt-get install unity-tweak-tool 无论对于哪个软件的使用来说都很简单，直接切换主题 下载主题及加载 加载主题是把下载好的主题包解压成文件夹直接放在以下的两个目录中就可以生效，这里我们只列出了比较重要的桌面主题和图标主题的路径。 /usr/share/themes/ /usr/share/icons/ 这里推荐一个主题网站 https://www.opendesktop.org/ 选择桌面主题 https://www.opendesktop.org /p/1275087/ https://github.com/anmoljagetia/Flatabulous 选择图标主题 https://www.opendesktop.org/p/1171748
2.3K20编辑于 2022-11-09 - 来自专栏一直在努力的Java菜鸡er
halo博客主题美化
该主题在halo博客Sakura的基础上进行了更改 友情链接部分 大佬分组样式：<div class="note warning" style="width:100%;font-size:19px; 邻居 —— 相逢一醉是前缘，风雨散、飘然何处</div> 剪刀样式 代码如下，在需要的页面加入或者统一放在header.ftl中，应为大部分页面都会用到header.ftl /* <em>美化</em> hr 样式 */ hr { position: relative; margin: 2rem auto; width: calc(100% - <em>4</em>px); border: 2px dashed #a<em>4</em>d8fa; background: #fff; } hr { box-sizing: content-box top: -10px; left: 5%; z-index: 1; color: #49b1f5; content: '\f0c<em>4</em>'
1.3K20编辑于 2022-09-08 - 来自专栏爱游博客
知更鸟begin主题美化
一直以来爱游都是用的知更鸟的begin主题，当然爱游是用的破解版，前几天爱游买了一个正版begin主题，这里分享下以前爱游做的一些美化，有些在最新版的主题里面已经不适用了所以也算是记录，万一哪天我忘了呢 面包屑导航栏美化 打开主题根目录下的style.css文件，查找下面的代码： .bread { width: 1122px; height: 25px; line-height: border: 1px solid #ddd; border-radius: 2px; background-color: #fff; padding-top: 4px ; padding-bottom: 4px; padding-left: 10px; } 效果 ? 03/370x245.jpg" alt="广告测试" style=" margin-left: 0px; padding: 1px;margin-bottom: 1px; border-radius: 4px
1.5K40发布于 2019-08-07 - 来自专栏dcmickey小站
美化Aria主题媲美收费主题Mirages
引言 心水别人的Mirages主题，可是收费啊，虽然50元并不贵，但是本着能不花钱就不花钱的原则，我决定升级（gao fang）一下样式。 效果对比图 原图 效果 （是不是很简洁好看，那个丑丑的热门文章侧边栏请忽略，没高兴美化 已美化） 步骤 1.编写css样式文件，放到主题的/assets/css/dzhCustom.css下 .articalSite
1.2K30编辑于 2022-06-09 - 来自专栏傲绝
Handsome主题美化代码
将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。
1.5K40编辑于 2023-03-08 - 来自专栏晴天小屋
Typecho美化主题教程
美化有序标签 将以下代码加入到主题设置自定义Css样式中 ol{ list-style: none; /* 隐藏原来的 1. 2. width: 19px; /* 宽度和高度需要根据自己的字体大小进行修正 */ height: 19px; line-height: 19px; margin: 4px 美化分隔符hr样式 <link type='text/css' rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0 /* <em>美化</em> hr 样式 */ hr { position: relative; margin: 2rem auto; width: calc(100% - <em>4</em>px); border : 2px dashed #a<em>4</em>d8fa; background: #fff; } hr { box-sizing: content-box; height: 0;
1.8K20发布于 2021-08-09 - 绿水本无忧，因风皱面</h4> <h4>青山原不老，为雪白头</h4>来自专栏公爵书房
Joe 主题美化记录
在主题后台自定义JS（body）里添加 <! -- 自定义右键菜单美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat 绿水本无忧，因风皱面</h4> <h4>青山原不老，为雪白头</h4>
