Paczka kursorów

Homer Simpson

Browse with Homer Simpson - a Chrome cursor featuring Springfield pointer and cartoon hover. The Simpsons fan art.

Dodaj do rozszerzenia

Enhance your browsing experience with the Homer Simpson cursor from The Simpsons Cursor Collection! This fun and interactive cursor features Homer Simpson himself, known for his love of beer, donuts, and his catchphrase "D'oh!" Simply download the cursor onto your browser and watch Homer Simpson follow your every move as you surf the web. It's the perfect way to add a touch of humor and personality to your online experience. Download The Simpsons Cursor Collection today and enjoy browsing with your favorite characters!

Kursor

Pobierz plik lub skopiuj kod osadzania dla swojej strony, React, JavaScript lub Roblox.

Pobierz kursor dla Windows (.cur)Pobierz kursor dla Roblox

CSSJavaScriptReactRoblox

Wklej ten kod CSS do swojego arkusza stylów. Współrzędne punktu aktywnego są już uwzględnione.

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/10643/arrow.png') 5 6, auto;
}

.custom-cursor {
  cursor: url('https://cute-cursor.com/cdn/packs/10643/arrow.png') 5 6, auto;
}

Wklej ten kod JavaScript, aby zastosować kursor z poprawnym punktem aktywnym.

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

Skopiuj ten komponent React i opakuj nim swoją zawartość.

import React from 'react';

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

Prześlij obraz do Roblox, zastąp YOUR_ASSET_ID, a następnie wklej ten LocalScript.

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

Wskaźnik