حزمة مؤشرات

Mr. Meeseeks

Rick and Mortyأُضيف 225 مرة

Mr. Meeseeks cursor for Chrome - cartoon character pointer with animated hover hand. Cartoon fan art pack.

إضافة إلى الإضافة

The Mr. Meeseeks cursor from Rick and Morty Cursor Collection features the iconic blue humanoid creature with a wide smile and eager expression. This cursor is the perfect addition to your browser for any Rick and Morty fan who wants to add some fun and creativity to their online experience. Whether you're browsing the web or working on a project, the Mr. Meeseeks cursor is sure to bring a touch of whimsy and humor to your screen. So why not give it a try today and see how it can enhance your online experience?

مؤشر

نزّل الملف أو انسخ كود التضمين لموقعك أو React أو JavaScript أو Roblox.

تنزيل المؤشر لنظام Windows (.cur)تنزيل المؤشر لـ Roblox

CSSJavaScriptReactRoblox

الصق كود CSS هذا في ورقة الأنماط الخاصة بك. إحداثيات نقطة الالتقاط مضمَّنة بالفعل.

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/10793/arrow.png') 2 13, auto;
}

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/10793/arrow.png') 2 13, auto;
}

الصق كود JavaScript هذا لتطبيق المؤشر مع نقطة الالتقاط الصحيحة.

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10793/arrow.png';
const HOTSPOT_X = 2;
const HOTSPOT_Y = 13;
const CURSOR_FALLBACK = 'auto';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10793/arrow.png';
const HOTSPOT_X = 2;
const HOTSPOT_Y = 13;
const CURSOR_FALLBACK = 'auto';

const cursorValue = `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`;

// Apply to the whole page
document.body.style.cursor = cursorValue;

// Or apply to a specific element
// const target = document.querySelector('.my-element');
// if (target) target.style.cursor = cursorValue;

انسخ مكوّن React هذا وضَع محتواك بداخله.

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10793/arrow.png';
const HOTSPOT_X = 2;
const HOTSPOT_Y = 13;
const CURSOR_FALLBACK = 'auto';

export default function CustomCursor({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomCursor>Your content</CustomCursor>

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/10793/arrow.png';
const HOTSPOT_X = 2;
const HOTSPOT_Y = 13;
const CURSOR_FALLBACK = 'auto';

export default function CustomCursor({ children, className = '', as: Tag = 'div', style = {}, ...props }) {
  const cursorStyle = {
    cursor: `url('${CURSOR_URL}') ${HOTSPOT_X} ${HOTSPOT_Y}, ${CURSOR_FALLBACK}`,
    ...style,
  };

  return (
    <Tag className={className} style={cursorStyle} {...props}>
      {children}
    </Tag>
  );
}

// Usage:
// <CustomCursor>Your content</CustomCursor>

ارفع الصورة إلى Roblox، واستبدل YOUR_ASSET_ID، ثم الصق هذا الـ LocalScript.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10793/arrow.png
-- Hotspot: 2, 13
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 2
local HOTSPOT_Y = 13
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/10793/arrow.png
-- Hotspot: 2, 13
-- Size: 128x128
-- 1. Upload the image to Roblox and copy rbxassetid
-- 2. Replace YOUR_ASSET_ID below
-- 3. Put this LocalScript in StarterPlayer > StarterPlayerScripts

local UserInputService = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local Players = game:GetService("Players")

local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local HOTSPOT_X = 2
local HOTSPOT_Y = 13
local CURSOR_WIDTH = 128
local CURSOR_HEIGHT = 128

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "CustomCursorGui"
screenGui.ResetOnSpawn = false
screenGui.IgnoreGuiInset = true
screenGui.DisplayOrder = 999999
screenGui.Parent = playerGui

local cursor = Instance.new("ImageLabel")
cursor.Name = "CustomCursor"
cursor.BackgroundTransparency = 1
cursor.Size = UDim2.fromOffset(CURSOR_WIDTH, CURSOR_HEIGHT)
cursor.Image = "rbxassetid://YOUR_ASSET_ID"
cursor.ZIndex = 999999
cursor.Parent = screenGui

UserInputService.MouseIconEnabled = false

RunService.RenderStepped:Connect(function()
    local mouseLocation = UserInputService:GetMouseLocation()
    cursor.Position = UDim2.fromOffset(mouseLocation.X - HOTSPOT_X, mouseLocation.Y - HOTSPOT_Y)
end)

مؤشر تأشير