الأدلة · مواقع وFiveM

استخدام روابط الصور في المواقع وواجهات FiveM

بعد ما يصير عندك رابط دائم، الباقي توصيل: HTML وCSS ومعاينات السوشال وNUI.

مثال صورة مباشرة
مثال حي: https://ahdstg.com/assets/brand-character.png

HTML

<img src="https://ahdstg.com/assets/brand-character.png" alt="AHD" width="320" loading="lazy" />
<img src="https://cdn.ahdstg.com/v/YOUR_ID/hero.webp" alt="Hero" />

CSS

.hero {
  background-image: url("https://cdn.ahdstg.com/v/YOUR_ID/hero.webp");
  background-size: cover;
}

جرّب AHD Storage

ارفع ملفك وانسخ الرابط الدائم من اللوحة.

ابدأ مجاناً

FiveM NUI / شاشة التحميل

واجهات FiveM أصلها HTML. رابط https دائم يشتغل في NUI وكثير من إعدادات loadscreen بدون ديسكورد.

<!-- nui/index.html -->
<img src="https://cdn.ahdstg.com/v/YOUR_ID/banner.webp" alt="Server banner" />

/* style.css */
.logo {
  background-image: url("https://cdn.ahdstg.com/v/YOUR_ID/logo.png");
  background-size: contain;
}

Open Graph

<meta property="og:image" content="https://cdn.ahdstg.com/v/YOUR_ID/share-1200x630.png" />

Next.js

images: { remotePatterns: [
  { protocol: "https", hostname: "cdn.ahdstg.com" },
  { protocol: "https", hostname: "ahdstg.com" },
]}

أسئلة شائعة

أقدر أستخدم الرابط في og:image؟

نعم — رابط https مطلق ومباشر بدون تسجيل دخول.

يشتغل مع background-image؟

نعم على https عشان ما ينحظر mixed content.

FiveM يحتاج شيء خاص؟

لا — نفس رابط الصورة المباشر داخل HTML الـ NUI.