搜索到
6
篇与
typecho
的结果
-
更换typecho字体为 HarmonyOS 字体 {callout color="#f0ad4e"}最近发现华为推出鸿蒙系统默认字体{/callout}★ 下载 HarmonyOS 字体官方文档 {lamp/}一共有两种方法(插件或CSS)插件法1.需要下载安装AliceStyle(萌卜兔美化插件) 下载地址 2.在后台使用插件3.在字体美化里面输入下面链接 ① https://cdn.jsdelivr.net/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.ttf ②https://cdn.jsdelivr.net/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff ③https://cdn.jsdelivr.net/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff2CSS加入CSS<style> @font-face { font-family:HarmonyOS_Sans_SC_Medium;font-style: normal;font-display: swap; src: url('https://cdn.jsdelivr.net/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/baige007/ttf/HarmonyOS_Sans_SC_Medium.woff') format('woff'); } *{font-family:HarmonyOS_Sans_SC_Medium;} </style>本网站就使用这个字体 -
侧边栏彩色炫动名字 效果图教程CSS代码/*动态昵称*/ @keyframes move { 0% {background-position: 0 0;} 100% { background-position: -300px 0; } } .wrap { background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red); -webkit-background-clip: text; animation: move 5s infinite; color: transparent; width: 300px;}调控代码名称调控<div class="wrap">名称</div>名言调控<div class="wrap">名言</div>
-
-
Typecho编辑页添加标签列表 前言typecho的文章编辑页面常用的标签选择界面没有系统现有标签选择列表，应用中很是麻烦，需要记忆或者切换到标签管理界面查看。所以就在网上找了一下代码，分享给大家。图片演示使用教程第一步，在Typccho系统文件夹内打开admin目录找到 write-post.php 文件PS：是系统文件夹，不是主题文件夹！第二步，打开找到的文件，找到 <?php $post->tags(',', false); ?> 这个代码，然后在下面插入以下代码即可代码<div id="exist-tags"> <p style="background: #fff;border: 1px solid #D9D9D6;display: block;padding: 2px 4px;"> <?php $stack = Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->stack; $i = 0; while (isset($stack[$i])) { echo "<a id=\"mydiv$i\" style=\"cursor:pointer;padding: 0px 6px;margin: 2px 0;display: inline-block;\" onclick=\"$('#tags').tokenInput('add',{id:'",$stack[$i]['id'],"',tags:'",$stack[$i]['name'],"'});\">",$stack[$i]['name'], "</a>"; $i++; if (isset($stack[$i])) echo " "; } ?> </p> </div> </p>
-
页面添加点击出现文字的动画特效 前言最近有许多多小伙伴问我这个特效怎么弄，今天我就来教大家怎么设置，这个十分简单 ::(哈哈)演示使用方法将这条代码原封不动复制在<head></head>里面。代码<script> !function() { var coreSocialistValues = ["七年博客", "技术教程", "网站源码", "深度好文", "生活随笔"], index = Math.floor(Math.random() * coreSocialistValues.length); document.body.addEventListener('click', function(e) { if (e.target.tagName == 'A') { return; } var x = e.pageX, y = e.pageY, span = document.createElement('span'); span.textContent = coreSocialistValues[index]; index = (index + 1) % coreSocialistValues.length; span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #1976d2; top: ', y - 20, 'px; left: ', x, 'px;'].join(''); document.body.appendChild(span); animate(span); }); function animate(el) { var i = 0, top = parseInt(el.style.top), id = setInterval(frame, 16.7); function frame() { if (i > 180) { clearInterval(id); el.parentNode.removeChild(el); } else { i += 2; el.style.top = top - i + 'px'; el.style.opacity = (180 - i) / 180; } } } }() </script>
-
Typecho后台文件说明 前言好多人对Typecho系统后台文件很迷茫，不知道都是干嘛用的，修改/添加代码的时候找不到需要修改的文件，今天就给大家说一说，普及一下知识。正文welcome.php 博客首次安装成功的欢迎界面 common.php 检测是否为第一次登陆，检测程序是否可有升级 common-js.php 消息处理及后台菜单展开的js upgrade.php 程序升级引导 login.php 登陆界面 register.php 用户注册页面 header.php 头部加载css和js等 copyright.php 版权声明 form-js.php form对应的js table-js.php table对应的js footer.php 页脚 menu.php 菜单导航条 extending.php 插件拓展后台菜单的接口 page-title.php 页面标题 index.php 进入后台的首页，对应菜单为网站概要 profile.php 个人设置 plugins.php 插件管理 options-plugin.php 插件设置页面 themes.php 网站外观 theme-editor.php 编辑模板的页面 options-theme.php 设置模板的页面即模板后台 write-post.php 文章撰写页面 write-js.php 撰写文章/页面时的发布时间，标签，分类，保存草稿，高价设置等 file-upload.php 文章/页面附件上传，及管理界面 file-upload-js.php 文章/页面附件上传，及管理功能 custom-fields.php 自定义字段界面 custom-fields-js.php 自定义字段功能实现 editor-js.php 编辑器 write-page.php 创建页面 manage-posts.php 管理文章界面 manage-pages.php 管理页面界面 manage-comments.php 管理评论界面 manage-categories.php 管理分类界面 category.php 某个分类的编辑页面 manage-tags.php 管理标签界面 manage-medias.php 所有文章的附件管理页面 media.php 某个附件的管理 manage-users.php 所有用户管理页面 user.php 编辑某个用户 options-general.php 网站基本设置页面 options-discussion.php 评论设置页面 options-reading.php 阅读设置页面 options-permalink.php 永久链接设置页面...就这样了，大家尽情享用。
