首页
关 于
友 链
留言
更多
直播
壁纸
视频
推荐
导航页
个人图库
bing每日一图
视频去水印
网站监控
Search
1
Cuteen主题Mashiro同款LOGO
10453 阅读
2
Epic免费喜+15天,每天一款免费游戏!
8787 阅读
3
Nginx能做什么?
5918 阅读
4
Windows微信多开软件
5633 阅读
5
Cuteen主题侧栏添加人生倒计时
5510 阅读
文章
Search
标签搜索
epic喜+1
Cuteen
Cuteen主题
美化
Linux
生活
壁纸
SQL
steam
CentOS
Redis
Windows 10
耳机
EMUI11
软件教程
旅游
动漫壁纸
南京大屠杀纪念日
雪
TypechoL
J的故事
累计撰写
53
篇文章
累计收到
46
条评论
首页
栏目
文章
页面
关 于
友 链
留言
直播
壁纸
视频
推荐
导航页
个人图库
bing每日一图
视频去水印
网站监控
搜索到
1
篇与
Cuteen主题logo
的结果
2020-12-21
Cuteen主题Mashiro同款LOGO
前言方法还是 F12 Mashiro大佬博客的,和大佬博客展示的一毛一样 (:зゝ∠)用了 CSS自定义字体 + 大佬博客爬到的CSS ,Mashiro大佬用的字体包只有 “樱花庄的白猫” 这几个字,所以字体包只能自己百度喜欢的啦(注意版权问题哦)!不多说 开干 :@(呲牙)1.首先找到一款你想要的字体,我这里用的萝莉小猫咪体。由于中文字体包都很大不利于WEB环境,这里我们需要使用 Fontmin,从字体包里提取出我们要使用的首先找到一款你想要的字体,我这里用的萝莉小猫咪体。由于中文字体包都很大不利于WEB环境,这里我们需要使用 Fontmin,从字体包里提取出我们要使用的字体。[btn href="https://blog.slienca.top/go/aHR0cHM6Ly9lY29tZmUuZ2l0aHViLmlvL2ZvbnRtaW4vI2FwcA" type="default"]下载Fontmin客户端[/btn] 和你要用的字体包。2.生成完成后会有个文件夹,将文件夹复制到 /usr/themes/Cuteen/static/font 目录下,文件夹重命名为你自己想要的名字,这里我用的是 LOGO3.打开后台-外观-设置外观-自定义设置-复制代码粘贴至 头部自定义内容 引用上面文件里的 miao.css 文件<link rel="stylesheet" type="text/css" href="/usr/themes/Cuteen/static/font/LOGO/miao.css">4.在/usr/themes/Cuteen/base中,打开navbar.php文件将第13行的代码删除掉,并添加以下代码 <li class="navbar-nav"> <span class="logolink miao"> <a href="https://qrj.hk/"> <span class="sakuraso">J</span> <span class="no">の</span> <span class="shironeko">故事</span> <i class="up-new"style="display:inline-block;vertical-align: middle;height: 35px;"> </i> </a> </span> </li>5.打开后台-外观-设置外观-自定义设置-复制代码粘贴至自定义Css样式.miao { font-family: 'miao', 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif; } .logolink .sakuraso { background-color: rgba(255, 255, 255, .5); border-radius: 5px; color: #464646; height: auto; line-height: 25px; margin-right: 0; padding-bottom: 0px; padding-top: 1px; text-size-adjust: 100%; width: auto; } .logolink a:hover .sakuraso { background-color: orange; color: #fff; } .logolink a:hover .shironeko{ color: orange; } .logolink.miao a { color: #464646; float: left; font-size: 25px; font-weight: 800; line-height: 56px; padding-left: 6px; padding-right: 15px; text-decoration-line: none; } .logolink.miao .sakuraso,.logolink.miao .no { font-size: 25px; border-radius: 9px; padding-bottom: 2px; padding-top: 5px; } .logolink.miao .no { display: inline-block; margin-left: 5px; } .logolink a:hover .no { color: orange; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } .up-new { padding-right: 30px; padding-bottom: 5px; background: url(https://xxx.png) no-repeat; }完成效果 想要の转起来,只需要加个悬挂喵就可以转了。
2020年12月21日
10,453 阅读
4 评论
1 点赞