吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 3296|回复: 1
上一主题 下一主题
收起左侧

[其他转载] 【转】如何美化wordpress界面鼠标指针样式

[复制链接]
跳转到指定楼层
楼主
fengrui99 发表于 2019-11-14 14:29 回帖奖励
本帖最后由 fengrui99 于 2019-11-14 14:31 编辑

原文来自:https://www.frbkw.com/2047/

如何美化wordpress界面鼠标指针样式呢?会想到开始美化这个的原因是之前做小程序的时候,对ui界面魔改起来狠大的兴趣。
我们用上好看的主题,鼠标却普普通通的,就如一个衣服穿的好看没有化妆的样子

1.美化鼠标
美化鼠标的话,只要在我们的后台-外观-主题编辑-style样式表中添
[Asm] 纯文本查看 复制代码
 /* 光标样式 star*/
body {cursor: url([url=https://frbkw.com/shubiao/Worn.cur]https://frbkw.com/shubiao/Worn.cur[/url]), default;}
a:hover{cursor:url([url=https://frbkw.com/shubiao/Quest.cur]https://frbkw.com/shubiao/Quest.cur[/url]), pointer;}
input:hover{cursor:url([url=https://frbkw.com/shubiao/Quest.cur]https://frbkw.com/shubiao/Quest.cur[/url]), pointer;}
/* 光标样式 end*/


但是这样只有在前台有效果,
登入以及后台鼠标就回原来的样子了在网站目录/wp-admin/css/login.min.css
一样的添加该代码,登入界面鼠标也美化了后台好像没有找到css文件,
就先不发随后清除缓存就可以实现效果了 ,下面是一些详细解释

2.语法说明

其中cursor:后面跟随的是鼠标图标演示所在文件,default是状态常用状态如下
default默认光标(通常是一个箭头)
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)


3.获取何只做cur格式文件

cur是光标图像文件,如果大家会ps的话 可以自己制作一个255*255的画布,制作自己喜欢的图片后,
在用在线转换方式把图片转为cur格式转换地址:https://convertio.co/zh/cur-converter/
或者我们可以直接去百度下载鼠标图标,很多网站都是可以下载的,但是网站下载的都是一个安装模式的,但是不影响,打开压缩包后还是会看到cur格式


4.如何上传
我们下载到文件后,需要上传之后才能获取路径,wordpress的后台媒体是无法上传cur格式的,
可以借助一些在线图床路过图床地址:https://imgchr.com/

免费评分

参与人数 3吾爱币 +3 热心值 +3 收起 理由
AndyChuck + 1 + 1 我很赞同!
cszwjwzq1 + 1 + 1 用心讨论,共获提升!
唯见江心秋月白 + 1 + 1 我很赞同!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

头像被屏蔽
沙发
李某某 发表于 2019-11-14 16:17
提示: 作者被禁止或删除 内容自动屏蔽
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-16 14:09

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表