- 综合排序
- 最热优先
- 最新优先
- 来自专栏RivenCabin
博客主题美化
一、总体美化教程 这次的美化主要分为四个部分： 文章内显示封面 给文章添加更新时间 修改代码块样式以及添加复制功能（这个功能有点问题，具体解决办法看文章末尾） 给网站添加点击效果（这个功能我没有加，感觉太花哨了 ） 参考文章：Diaspora 主题美化日记 - 棕果核 (mrzgh.top) 二、代码块以及复制按钮的样式问题 因为原文作者写文章使用的编辑器不是Typora，所以他的代码块美化这一点和我们有所区别 问题一：代码块内容超出长度后会显示滚动条，有点丑，干掉 问题二：复制按钮会随着滚动条滚动而位移，不能忍，干掉 这里引用上文链接作者的一段话： 因每个人的目录都不同，设定博客根目录为 Blogroot，主题根目录为
84210编辑于 2022-08-16 - 来自专栏小狐狸说事
B2主题底部网站统计美化
B2主题底部网站统计美化 ---- 效果图 插入代码到子主题style.css里 /*底部统计美化开始*/ .b2-content { display: block; flex-flow 14px; color: rgba(255, 255, 255, 0.80); letter-spacing: .5px; font-family: Arial; } /*底部统计美化结束 */ /*底部统计美化开始*/ .b2-content { display: block; flex-flow: row; } .siteCount { position: */ 插入子主题function.php里面 /*底部统计开始*/ /* * WordPress获取指定用户评论数量 * 暖岛整理 www.nuandao.cn */ function get_user_comment_count "]); $postsNumber = $query->found_posts; return $postsNumber; } /*底部统计结束*/ 用到的一张图片，自行上传 附件里面的文件覆盖子主题
1.3K21编辑于 2022-11-17 - 来自专栏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主题美化②
-l3;animation-name:typing-f1-l3}path#f2-l4{-webkit-animation-name:typing-f2-l4;animation-name:typing-f2 -l4}path#f2-l5{-webkit-animation-name:typing-f2-l5;animation-name:typing-f2-l5}path#f2-l6{-webkit-animation-name );background-color:#b2b3d2}.key__left{width:4px;height:120px;transform:rotateY(-90deg) translateZ(2px :#b2b3d2;border-left:1px solid #2a2631}.key--black{position:absolute;transform:translateZ(8px);border-bottom /LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x
89310编辑于 2022-01-18 - 来自专栏用代码征服天下
IDEA主题美化
DIY主题，让你拥有属于自己的风格。 同时也介绍了如何使用现在有的主题包来替换IDEA默认的主题。 IDEA插件主题 使用方法，点击File>Settings>Plugins 输入插件名称即可下载 如果主题未生效的话可以检查一下自己的IDEA版本必须使用19.1之后的版本 同时注意19.2版本的IDEA 插件链接:https://plugins.jetbrains.com/plugin/10745-cobalt-2-color-scheme/ Material Theme UI 插件效果： ? 插件链接:https://plugins.jetbrains.com/plugin/12112-solarized-theme/ 更多插件 目前只是选取几个好评的主题（主要还是觉得好看），想要获取更多主题的话可以登陆
10.7K31发布于 2020-02-13 - 来自专栏Gujiu's Blog
Handsome主题美化
浏览器动态标题 主题设置 - 开发者设置 - 自定义输出body尾部的HTML代码添加以下代码 <! - 开发者设置 - 自定义CSS添加以下代码 .panel h2{ text-align: center; } .post-item-foot-icon{ text-align > 其他主题单独调用代码 <?php echo theAllViews();?><?php _me("访客总数") ? ; -moz-border-radius: 2em; border-radius: 2em } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { ; -moz-border-radius: 2em; border-radius: 2em } 源站地址
1.2K40编辑于 2022-12-02 - 来自专栏ymktchic
Butterfly主题美化
width: 100%; height: 100%; pointer-events: none; z-index: 0; } 插入css,js,canvas到inject中 打开Butterfly主题的 margin 0 auto .scarecrow__head position relative background-color #f2f2f2 .scarecrow__glove--r border-top 3px solid transparent border-left 20px solid #f2f2f2 spinner-box是主题原版的盒子加载动画 wizard是巫师施法加载动画 ironheart是钢铁侠核心加载动画 scarecrow是稻草人跳动加载动画 image为自定义添加静态图片或gif作为加载动画 插入方法 插入方法很简单，基于butterfly主题的强大，内置了多种在线聊天工具，这里我选择的是crisp。几步就可以完成。
1.8K00编辑于 2022-01-18 - 来自专栏小狐狸说事
7b2主题弹窗登录美化
7b2主题登录弹窗美化 ---- js代码： 有子主题就放在child.js文件中 $(function(){ /*弹窗登录效果*/ $("#login-box .login-box-content" ).addClass("b2-radius"); $('.login-box-content').prepend('
'+ '<div class= dl.js文件，在主题目录footer.php文件中底的 <？ > 上面填写即可 <script src="/dl.js"></script> 引入jquery 主题根目录functions.php文件中插入下方代码: //引入登录弹窗JS wp_enqueue_script ( 'b2-jquery','//img.ahap.cn/file/ahap/jquery.min.js', array(), null , false ); jquery.min.js文件可以自己下载到服务器1.1K21编辑于 2022-11-17来自专栏小狐狸说事WordPress7b2主题弹窗公告美化
WordPress7b2主题弹窗公告美化 ---- Css代码： .gg-box .modal-content { width: 28rem; overflow: hidden; important; } .modal-content .gg-box-title h2 { font-size: 22px; margin-bottom: 0; text-align webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%); box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%); } 一、放入主题的
98910编辑于 2022-11-17来自专栏氢云小屋Typecho Cuteen 主题美化
美化列表 1. 给博客添加每日60s早报 前往 https://www.alapi.cn/ 注册一个账号 复制自己的Token替换下边的 你的密钥内容 ! [60s-for-news](https://v2.alapi.cn/api/zaobao?token=你的密钥&format=image) 然后新建一篇文章，直接粘贴代码发布即可 2. 主题白色背景图片 在后台自定义CSS中添加如下代码 /*背景*/ body::before { z-index: -1; content: ""; top: 0; ((x2 - x) * (x2 - x) + (y2 - y) * (y2 - y)), dx = x2 - x, 鼠标美化 后台自定义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 下载主题及加载 加载主题是把下载好的主题包解压成文件夹直接放在以下的两个目录中就可以生效，这里我们只列出了比较重要的桌面主题和图标主题的路径。 /usr/share/themes/ /usr/share/icons/ 这里推荐一个主题网站 https://www.opendesktop.org/ 选择桌面主题 https://www.opendesktop.org /ubuntu.css.bak sudo vi /usr/share/gnome-shell/theme/ubuntu.css #lockDialogGroup { background: #2c001e shell/theme/noise-texture.png); background-repeat: repeat; } 转换为 #lockDialogGroup { background: #2c001e
2.3K20编辑于 2022-11-09来自专栏一直在努力的Java菜鸡erhalo博客主题美化
该主题在halo博客Sakura的基础上进行了更改 友情链接部分 大佬分组样式：
<i class="fa fa-gamepad fa-<em>2</em>x1.3K20编辑于 2022-09-08来自专栏爱游博客知更鸟begin主题美化
一直以来爱游都是用的知更鸟的begin主题，当然爱游是用的破解版，前几天爱游买了一个正版begin主题，这里分享下以前爱游做的一些美化，有些在最新版的主题里面已经不适用了所以也算是记录，万一哪天我忘了呢 面包屑导航栏美化 打开主题根目录下的style.css文件，查找下面的代码： .bread { width: 1122px; height: 25px; line-height: 将下面的代码替换掉上面的代码： .bread { margin: 10px auto; border: 1px solid #ddd; border-radius: 2px 顶部菜单栏改为渐变背景色 在wp后台→主题选项→定制风格→自定义样式添加以下代码： #header-top { background: linear-gradient(-30deg,rgba(255,
1.5K40发布于 2019-08-07来自专栏dcmickey小站美化Aria主题媲美收费主题Mirages
引言 心水别人的Mirages主题，可是收费啊，虽然50元并不贵，但是本着能不花钱就不花钱的原则，我决定升级（gao fang）一下样式。 效果对比图 原图 效果 （是不是很简洁好看，那个丑丑的热门文章侧边栏请忽略，没高兴美化 已美化） 步骤 1.编写css样式文件，放到主题的/assets/css/dzhCustom.css下 .articalSite 400; text-align: center; margin-top: 5px; margin-bottom: .75rem; font-size:.875rem } 2.
1.2K30编辑于 2022-06-09来自专栏傲绝Handsome主题美化代码
将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. panel h2{ text-align: center; }.post-item-foot-icon{ text-align: center;}首页文章版式阴影化本项修改的是首页文章版式，
1.5K40编辑于 2023-03-08来自专栏晴天小屋Typecho美化主题教程
美化有序标签 将以下代码加入到主题设置自定义Css样式中 ol{ list-style: none; /* 隐藏原来的 1. 2. 美化分隔符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: <em>2</em>rem auto; width: calc(100% - 4px); border : <em>2</em>px dashed #a4d8fa; background: #fff; } hr { box-sizing: content-box; height: 0;
1.8K20发布于 2021-08-09来自专栏小狐狸说事wordpress博客b2主题致美化首页区块
wordpress博客b2主题致美化首页区块 ---- 修改文件：找到你的主题文件根目录的index.php 查找：do_action(‘b2_index_before’); ? --致美化模块开始-->
然后添加样式 /*致美化专用 : toy2 3s .1s infinite; background-image: url(/vip/svg/toy2.svg); } .ind_quan9 { width: 30px; height: svg); } /*致美化选择器*/ @-webkit-keyframes toy { 0% { -webkit-transform: scale(1); transform: scale(1) } 50%< div class="ind_quan8 ind_quan">60240编辑于 2022-11-17来自专栏python-爬虫个人博客主题美化
个人博客主题美化 选择主题 Hexo默认的主题是landscape，推荐以下主题： snippet Hiero JSimple BlueLake 详见：https://github.com/search q=hexo-theme 应用主题 下载主题 将下载好的主题文件夹，粘贴到站点目录的themes下。 ://hexo.io/themes/theme: <主题文件夹的名称> 主题优化 以上主题都有比较详细的说明文档，本节主要解决主题优化的常见问题。 内容分享服务 推荐指数 优点 缺点 百度分享 4 稳定 不太美观 need-more-share2 4 美观 更新不及时（比如微信分享API） 百度分享 编辑 主题配置文件，添加/修改字段 baidushare # 百度分享服务baidushare: true need-more-share2 编辑 主题配置文件，添加/修改字段 needmoreshare2，值为 true即可。
1.6K10发布于 2019-09-11来自专栏公爵书房Joe 主题美化记录
TODO 我想把博客在改造一下，大概先想这些，后续想到在加吧… 网站底部样式改造 头像呼吸灯 自定义鼠标右键 友链页面 音乐播放器 头像呼吸灯 在主题后台全局css里添加 /*头像呼吸光环和鼠标悬停旋转放大 box-shadow: 0 0 4px #f00;} } 调整内容宽度 把1360px更换成你想要的宽度即可 #Joe .joe_container{ max-width: 1360px; } 自定义鼠标右键 在主题后台自定义 -- 自定义右键菜单美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat Theme by <a class="a-theme" title="当前<em>主题</em>：Joe2.0 V${theme.version!}" href="${theme.repo!}" solid; } 主题使用 在主题的index.php文件中，查找到<?
1.2K32编辑于 2022-09-28来自专栏极客慕白的成长之路Atom主题插件美化教程
对应的Themes就是可更换的主题。在这一共分为两块，UI Theme和Syntax Theme，一个是UI的，一个是文件语法的，这里可以选择相应的主题。 安装主题 可以通过Installed Themes安装主题，这里我使用的都是Material的主题，大家也可以尝试下。 在给大家推荐几个主题也不错，可以尝试下： isotope-ui seti-ui monokai-flat 安装插件 安装插件Atom比Sublime做的稍微细致些，Atom有对插件的设置，以及插件介绍等 这时候，我们可以通过github下载手动安装插件或主题。 进入插件安装官网：https://atom.io/packages 搜索想下载的插件，点进去，再点击"Version"，进入github ? 2.在https://atom.io/packages 找到自己要安装的插件，进入插件详情页面，repo里会有github地址，比如我安装color-picker 3.在命令行里，git clone https
2.7K20发布于 2018-08-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号