图片禁止拖动 添加到后台自定义css body img { -webkit-user-drag: none; } 图片呼吸灯 添加到后台自定义css img{-webkit-animation:ani 2s background:url(https://external-30160.picsz.qpic.cn/e94ff0137dfb6cc51925d4ccf61d2541); height:2px ; position:fixed; width:100%; Z-index:10000; } </style>
记typecho 美化(一) 记typecho美化(二) 记typecho美化(三) 我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-planbackground-position-y:120px; transition:all 0.25s ease-in-out 0s; } 评论区头像转动 后台css添加 /**头像旋转呼吸光环**/ .friends-img.mr-2. transform:rotate(360deg); } .sidebar-comment-avatar.mr-1:hover{ transform:rotate(360deg); } .friends-img.mr-2. background:url(https://external-30160.picsz.qpic.cn/e94ff0137dfb6cc51925d4ccf61d2541); height:2px -- 顶部跑马灯特效 --> 附: 记typecho美化(一) 记typecho美化(三)
美化列表 1. 给博客添加每日60s早报 前往 https://www.alapi.cn/ 注册一个账号 复制自己的Token替换下边的 你的密钥内容 ! [60s-for-news](https://v2.alapi.cn/api/zaobao?token=你的密钥&format=image) 然后新建一篇文章,直接粘贴代码发布即可 2. ;}.parallax > use:nth-child(2){animation-delay: -2s; animation-duration: 5s;}.parallax > use:nth-child ((x2 - x) * (x2 - x) + (y2 - y) * (y2 - y)), dx = x2 - x, 鼠标美化 后台自定义CSS添加如下代码 /*鼠标样式*/ body { cursor:url('https://xxi.icu/usr/themes/Cuteen/static/img
Ctmao 网站美化插件 下载: Github
} to { transform: scale(1.1); } } 给文字添加抖音效果 /**抖音文字**/ .tiktok{ text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5); } 50%{ text-shadow: -5px 0 rgba( player.pause() } else { player.play(); } }); </script> 右键美化 } d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu()) }); </script> 附: 记typecho 美化(二) 记typecho美化(三)
php echo gmdate('Y-m-d', $this->modified + Typecho_Widget::widget('Widget_Options')->timezone); ? target="_blank"> 评论区回复添加@ 在functions.php文件添加 //获取评论的锚点链接 function get_comment_at($coid) { $db = Typecho_Db important;}} 注意字体文件和字体名称 附: 记typecho美化(一) 记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;
今天下午又弄了一个美化的功能,自我感觉还不错,Typecho评论美化,能显示评论者的设备和浏览器信息,挺简单的直接分享给你们,根据各位博主的兴趣自行研究吧,下面有效果。 效果截图 未美化修改 美化修改后 目前可以识别的操作系统以及浏览器 文字教程 这里以强仔博客的系统演示,将下面这段 css 全部加入到主题style.css里 .ua-icon{display:inline-block icon/uc.png)}.icon-win1{background-image:url(https://web-static.q6q.cc/files/icon/win1.png)}.icon-win2{ } else if (preg_match('/nt 10.0/i', $agent)) { $os = ' <i class="ua-icon icon-win<em>2</em>" nbsp; Windows 10 / '; } else{ $os = ' <i class="ua-icon icon-win<em>2</em>"
食用方法:只需将下面的JS代码复制到自己博客的全局JS文件中即可;并将其中必要的信息更换成自己的
如何美化Typecho主题-AliceStyle插件介绍下载 ---- AliceStyle-Typecho主题美化插件 typecho插件 本文转载自:萌卜兔 Typecho主题美化插件 前言 2019 为了节省麻烦和方便大家的使用,所以才开始有了本插件 我希望AliceStyle不只是我的插件,而是大家的插件,大家提供想法,我来实现大家的想法,这才是AliceStyle该有的样子 本插件内置了许多常用的美化功能 ,不需要修改任何源代码(傻瓜式一键美化主题,让你的美化更加简单!) AliceStyle插件 Typecho前台美化插件,美化主题样式,满足用户个性化需求! 还会再增加的) 全局主题提供透明模式和默认模式,增加了小清新的白色主题 自带两种返回顶部按钮(拉姆雷姆和夏目的猫) 后台标题显示插件更新信息 本插件最大亮点:全网唯一的,自带检测更新的,独一无二的主题美化插件
iciba/7/poster"}, {"id":"oschina","name":"开源N2D quot;,"url":"https://proxy.attainment.cn/https://rss.attainment.cn/dailyart/zh"} 美化记录 自定义CSS 文章标题居中 /*文章标题居N2D;*/ header.bg-light.lter.wrapper-md text-align: center; } 首页标题文字居中 /*首页标题文字居N2D x7FBD;毛_css */ .dropdown.wrapper { background:url(https://您的博ֺ2;
:"DailyArt","name":"每日艺术","url":"https://proxy.attainment.cn/https://rss.attainment.cn/dailyart/zh"}美化记录自定义
引入 typecho的轻量虽然带来了一丝丝友好,但是有许多的不方便,有时为了美化一个页面大家往往都翻遍全网ty博客。 后台的登录页面当属typecho里面最不好看的页面了,本篇文章就教大家如何修改typecho登录页面。修改前请先备份原文件! ::get('__typecho_remember_name')); Typecho_Cookie::delete('__typecho_remember_name'); $bodyClass = ' ::get('__typecho_remember_name')); $rememberMail = htmlspecialchars(Typecho_Cookie::get('__typecho_remember_mail ')); Typecho_Cookie::delete('__typecho_remember_name'); Typecho_Cookie::delete('__typecho_remember_mail
灵感来源 Typecho的模板编辑器特别简陋,像我这种用习惯IDE的人,没有高亮真的很不舒服。所以说很早之前就萌发了这样的一个念头,但是始终没有思路。 无独有偶,今天晚上在翻泽泽大佬的Typecho爱好者发现了一款叫做MbEditor的插件,一下子勾起了我的兴趣,但是一看插件的付费版还是15块钱,其实我真的想说,15块钱买包子他不香嘛(没错,还是因为没有钱 如无特殊说明《Typecho插件 - 美化你的模板编辑器》为博主MoLeft原创,转载请注明原文链接为:https://moleft.cn/post-81.html
前言 最近看大家都在热衷美化这套模板,也跟着各位大佬的步伐,对这个主题进行了简单的美化 美化效果就如本站所见一样。。。 教程开始 美化本站字体效果 推荐目前仍然可用的两款字体效果。 HarmonyOS_Sans字体 字体Url:https://cos.xpblog.cn/cos-for-xpbloger/various/HarmonyOS_Sans_SC_Medium.subset.woff2 第二款:Aa剑豪体 字体Url:https://fastly.jsdelivr.net/gh/jsxkl/acblog/Aa剑豪体.woff 使用教程:在Typecho后台设置Joe模板外观,填写字体
因为Typecho官方的后台某些点击的问题,就找到了WangStyle,作者是小王先森,这是一款简约白色的后台美化插件为即插即用,不修改程序文件,不同级别的用户登录显示的菜单不同,支持插件启用后相关功能自动插入菜单 ,目前基本适应大部分Typecho博客主题,且此插件仅对默认后台进行美化! PC端演示: 移动端演示: 使用说明: 插件下载:WangStyle 下载得到zip文件后上传至Typecho的插件目录usr/uploads后解压,然后将文件menu.php剪切到var/Widget
写在前面 最近一直在尝试新的主题,本站可能会更改外观,在此简单记录一下这段时间对Joe的美化,防止失忆,emm...也希望能帮助到刚接触Joe这个主题的站长们。 主题介绍 Joe — 一款个人类型Typecho主题,作者为 HaoOuBa ,本站使用得是二开修改版,作者为 执念博客 ,有关修改版与原版的介绍与差异请自行查阅。 本文未提到的设置在主题设置里都有 界面演示 PC端界面 手机端主页 手机端侧栏 美化记录 传送门:Typecho添加恋爱计时小组件 传送门:好久不见之网站底部样式 传送门: Typecho 添加博主在线时间 传送门:好久不见之网站底部样式 传送门:Typecho 添加博主在线时间 自定义底部栏左侧内容
7b2美化-手机底部菜单美化-2 ---- 以下代码放入你的css样式 @media screen and (max-width:768px) { .mobile-footer-menu.footer-fixed important } } 7b2美化-手机底部菜单美化-1 小狐狸 凌云 本文来自:小狐狸资源网 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布
2.完全可回滚,零心智负担不满意可以随时回滚不需要像部分插件那样先禁用再清理不用担心数据库被污染或残留配置只需把官方admin目录覆盖回去即可,操作简单直接。 我们的美学思考克制而清晰:优先信息可读性,不用花哨效果干扰管理任务一致而可感知:亮色与暗色在结构、节奏、层级上保持一致,不让用户重新学习现代但不激进:在保持Typecho后台工作流稳定的前提下,提升视觉品质设计服务效率 如果你想要一个现代化、稳定、透明、可控的Typecho后台主题,BooAdmin就是可以长期放心使用的选择。
7b2美化-手机底部菜单美化 ---- 以下代码放入你的css样式 @media screen and (max-width:768px) { .mobile-footer-menu.footer-fixed