Cursor-Paket

Darth Maul

Star Wars61 Mal hinzugefügt

Darth Maul cursor for Chrome - double-bladed Sith pointer with horned hover hand. Star Wars fan art.

Zur Erweiterung hinzufügen

A male Zabrak from Dathomir, the dark lord of the Sith. The pack gives you Darth Maul pointer and horned hover hand. Unofficial fan art. Both the default pointer and hover hand are included. Works in Chrome via the Cute Cursor extension. Apply through Cute Cursor — pointer and hover download as one pack.

Cursor

Lade die Datei herunter oder kopiere den Einbettungscode für deine Website, React, JavaScript oder Roblox.

Cursor für Windows herunterladen (.cur)Cursor für Roblox herunterladen

CSSJavaScriptReactRoblox

Füge dieses CSS in dein Stylesheet ein. Die Hotspot-Koordinaten sind bereits enthalten.

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/465/arrow.png') 499 4, auto;
}

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/465/arrow.png') 499 4, auto;
}

Füge dieses JavaScript ein, um den Cursor mit dem richtigen Hotspot anzuwenden.

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/465/arrow.png';
const HOTSPOT_X = 499;
const HOTSPOT_Y = 4;
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/465/arrow.png';
const HOTSPOT_X = 499;
const HOTSPOT_Y = 4;
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;

Kopiere diese React-Komponente und umschließe deinen Inhalt damit.

import React from 'react';

const CURSOR_URL = 'https://cute-cursor.com/cdn/packs/465/arrow.png';
const HOTSPOT_X = 499;
const HOTSPOT_Y = 4;
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/465/arrow.png';
const HOTSPOT_X = 499;
const HOTSPOT_Y = 4;
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>

Lade das Bild zu Roblox hoch, ersetze YOUR_ASSET_ID und füge dann dieses LocalScript ein.

-- Roblox custom cursor
-- Image URL: https://cute-cursor.com/cdn/packs/465/arrow.png
-- Hotspot: 499, 4
-- 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 = 499
local HOTSPOT_Y = 4
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/465/arrow.png
-- Hotspot: 499, 4
-- 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 = 499
local HOTSPOT_Y = 4
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)

Zeiger