دستاویز اور حوالہ

مکمل API پیرامیٹر حوالہ، ٹیکسٹ ہائی لائٹ گائیڈ، صرف آئیکن ڈسپلے موڈ

بنیادی سنٹیکس

text پیرامیٹر میں {{...}} استعمال کریں تاکہ جس حصے کو ہائی لائٹ کرنا ہو اسے وrap کریں۔ تمام ہائی لائٹ شدہ حصے ایک ہی اسٹائل شیئر کرتے ہیں۔ مشورہ: آپ متن کے مواد ان پٹ میں بھی براہ راست {{...}} ٹائپ کر سکتے ہیں — سسٹم خود بخود ہائی لائٹس کی نشاندہی اور لاگو کرے گا۔

# سنٹیکس فارمیٹ
?text=عام متن{{ہائی لائٹ متن}}مزید عام متن
&hlcolor=FF5733

پیرامیٹر کی تفصیلات

hlcolor ہائی لائٹ رنگ

ہائی لائٹ رنگ سیٹ کرتا ہے۔ HEX فارمیٹ (مثلاً، FF5733) یا رنگ کے نام (مثلاً، red) سپورٹ کرتا ہے۔

مثال： ?text=Mock{{Img}}.Dev&hlcolor=FF5733

hlcolor2 ہائی لائٹ گریڈینٹ رنگ 2

گریڈینٹ ہائی لائٹ کا دوسرا رنگ سیٹ کرتا ہے۔ اسے سیٹ کرنے سے خود بخود گریڈینٹ ایفیکٹ فعال ہو جاتا ہے، جہاں hlcolor شروعاتی رنگ ہے۔

مثال： ?text={{Hello}}&hlcolor=EC4899&hlcolor2=8B5CF6

hlgradient ہائی لائٹ گریڈینٹ سمت

گریڈینٹ سمت سیٹ کرتا ہے۔ سیٹ نہ کرنے پر ڈیفالٹ horizontal ہے۔

horizontal افقی (بائیں سے دائیں) vertical عمودی (اوپر سے نیچے) diagonal ترچھا (اوپر-بائیں سے نیچے-دائیں)

مثال： ?text={{Hello}}&hlcolor=EC4899&hlcolor2=8B5CF6&hlgradient=vertical

hlfont ہائی لائٹ فونٹ

ہائی لائٹ شدہ متن کے لیے آزاد فونٹ مخصوص کرتا ہے۔ ویلیو فونٹ فائل کا نام ہے (.ttf ایکسٹینشن کے بغیر)۔

مثال： ?text={{Brand}}&hlfont=Poppins-Bold

hlbold ہائی لائٹ بولڈ

ہائی لائٹ شدہ متن کو بولڈ بناتا ہے۔ ویلیو: true یا 1۔

مثال： ?text={{Important}}&hlbold=true

مکمل مثالیں

مثال 1：ٹھوس رنگ ہائی لائٹ

https://mockimg.dev/600x400.png?text=Mock{{Img}}.Dev&hlcolor=FF5733

ایفیکٹ:"MockImg.Dev" — Img سرخ رنگ میں دکھایا گیا

مثال 2：گریڈینٹ ہائی لائٹ

https://mockimg.dev/600x400.png?text={{Gradient}}&hlcolor=EC4899&hlcolor2=8B5CF6

تاثیر: "Gradient" گلابی سے جامنی افقی گریڈینٹ میں دکھایا گیا

مثال 3：کسٹم فونٹ ہائی لائٹ

https://mockimg.dev/600x400.png?text={{MockImg}}&hlfont=Poppins-Bold&hlcolor=3B82F6

تاثیر: "MockImg" Poppins-Bold فونٹ میں نیلا دکھایا گیا

مثال 4：بولڈ ہائی لائٹ

https://mockimg.dev/600x400.png?text={{Important}}&hlbold=true&hlcolor=EF4444

تاثیر: "Important" سرخ اور بولڈ میں دکھایا گیا

مثال 5：مشترکہ (گریڈینٹ + فونٹ + بولڈ)

https://mockimg.dev/600x400.png?text={{Premium}}&hlcolor=FFD700&hlcolor2=FF6B6B&hlgradient=diagonal&hlfont=Montserrat-Bold

تاثیر: "Premium" ترچھا گریڈینٹ (سنہری سے سرخ) میں Montserrat-Bold فونٹ میں دکھایا گیا

مثال 6：ملٹی سیگمنٹ ہائی لائٹ

https://mockimg.dev/600x400.png?text={{MockImg}}+和+{{占位图}}&hlcolor=3B82F6

تاثیر: "MockImg" اور پلیس ہولڈر متن دونوں نیلے رنگ میں دکھائے گئے (مشترکہ ہائی لائٹ اسٹائل)

مثال 7：CJK متن میں ہائی لائٹ

https://mockimg.dev/600x400.png?text={{MockImg}}+占位图服务&hlcolor=10B981

تاثیر: "MockImg" سبز رنگ میں دکھایا گیا، باقی متن ڈیفالٹ رنگ استعمال کرتا ہے

مثال 8：ڈارک تھیم + ہائی لائٹ

https://mockimg.dev/600x400.png?theme=dark&text=Dark+{{Mode}}&hlcolor=FBBF24

تاثیر: ڈارک تھیم میں، "Mode" سنہری ہائی لائٹ میں دکھایا گیا

نوٹس

{{...}} مارکرز متن کی چوڑائی کے حساب میں شمار نہیں ہوتے اور لے آؤٹ پر اثر نہیں ڈالتے
نیسٹڈ {{...}} مارکرز سپورٹ نہیں — اندرونی مارکرز عام متن کے طور پر ٹریٹ ہوتے ہیں
تمام ہائی لائٹ شدہ حصے ایک ہی hl* اسٹائل سیٹنگز شیئر کرتے ہیں
ہائی لائٹنگ تمام آؤٹ پٹ فارمیٹس (SVG، PNG، JPEG، WebP، AVIF، وغیرہ) پر کام کرتی ہے
ہائی لائٹ مارکرز ملٹی لائن متن میں بھی کام کرتے ہیں (لائن بریک کے لیے \n استعمال کریں)

ایکٹیویشن کی شرائط

icon پیرامیٹر فراہم کیا گیا
text پیرامیٹر نہیں، یا text خالی ہے

آئیکن سائز کے قواعد

آٹو: آئیکن سائز = تصویر کے چھوٹے پہلو کا 80% (کم سے کم 24px، زیادہ سے زیادہ 90%)

کسٹم: خود بخود حساب کو اوور رائیڈ کرنے کے لیے iconsize پیرامیٹر استعمال کریں

مثالیں

ٹھوس رنگ آئیکن

https://mockimg.dev/600x400.png?icon=outline/heart&iconcolor=FF5733

تاثیر: دل آئیکن سرخ رنگ میں خود بخود بڑا اور مرکز میں

گریڈینٹ آئیکن

https://mockimg.dev/600x400.png?icon=filled/star&iconcolor=FFD700&iconcolor2=FF6B6B&icongradient=diagonal

تاثیر: ستارہ آئیکن سنہری سے سرخ قطری گریڈینٹ کے ساتھ

شفاف + آئیکن

https://mockimg.dev/200x200.png?icon=outline/user&iconcolor=3B82F6&bg=transparent

تاثیر: صارف آئیکن شفاف پس منظر پر — اوتارز کے لیے بہترین

گریڈینٹ پس منظر + گول

https://mockimg.dev/600x400.png?icon=outline/heart&iconcolor=FFFFFF&gradient=horizontal&bgcolor2=EC4899&radius=20

تاثیر: سفید دل آئیکن گلابی گریڈینٹ پر گول بارڈرز کے ساتھ

ڈارک تھیم + آئیکن

https://mockimg.dev/600x400.png?icon=filled/star&iconcolor=FFD700&theme=dark

تاثیر: سنہری ستارہ آئیکن سیاہ پس منظر پر

دائروی بارڈر (اوتار)

https://mockimg.dev/400x400.png?icon=outline/user&iconcolor=3B82F6&radius=200&border=4&bordercolor=3B82F6

تاثیر: صارف آئیکن دائرے میں بارڈر کے ساتھ — اوتار پلیس ہولڈرز کے لیے مثالی

آئیکن+متن بمقابلہ صرف آئیکن

موڈ	URL	تاثیر
صرف آئیکن (متن کے بغیر)	`?icon=outline/heart`	آئیکن خود بخود بڑا اور مرکز میں، متن نہیں
آئیکن + خالی متن	`?icon=outline/heart&text=`	صرف آئیکن جیسا ہی
آئیکن + متن	`?icon=outline/heart&text=Love`	آئیکن اور متن ایک ساتھ (اصل رویہ)
کوئی آئیکن کوئی متن نہیں	`600x400.png`	سائز متن (ڈیفالٹ رویہ)

نوٹس

تمام آؤٹ پٹ فارمیٹس (SVG، PNG، JPEG، WebP، AVIF، وغیرہ) کے ساتھ کام کرتا ہے
تمام آئیکن پیرامیٹرز (iconcolor، iconcolor2، icongradient، iconsize) متوقع طریقے سے کام کرتے ہیں
تمام پس منظر کے اثرات (شفاف، گریڈینٹ، پیٹرن، نوائز، بارڈر، ریڈیاس) صرف آئیکن موڈ کے ساتھ ملائے جا سکتے ہیں
چھوٹے سائزز کے ساتھ بھی کام کرتا ہے — فیو آئیکنز کے لیے بہترین: 32x32.ico?icon=filled/star&iconcolor=FFD700

جائزہ

padding پیرامیٹر متن اور آئیکن کے ارد گرد سفید جگہ کو کنٹرول کرتا ہے۔ 4 فارمیٹس: واحد پکسل، واحد تناسب، دو اقدار (عمودی + افقی)، چار اقدار (CSS گھڑی کی سمت)۔

# معاون فارمیٹس
?padding=20
?padding=1/6
?padding=10,20
?padding=10,20,30,40

پہلے سے طے شدہ رویہ

padding پیرامیٹر کے بغیر، بلٹ ان ڈیفالٹس استعمال ہوتے ہیں (پچھلے ورژن جیسا):

بائیں اور دائیں: چوڑائی کا 5% اوپر اور نیچے: اونچائی کا 20%

فارمیٹ تفصیلات

20 واحد پکسل ویلیو

چاروں اطراف ایک ہی پکسل ویلیو استعمال کرتی ہیں۔

padding=20

1/6 واحد تناسب ویلیو

چاروں اطراف تناسب استعمال کرتی ہیں۔ اوپر/نیچے اونچائی پر، بائیں/دائیں چوڑائی پر مبنی۔ نتائج خودکار گول۔

padding=1/6 → 600×400 → اوپر/نیچے 67px، بائیں/دائیں 100px

10,20 دو اقدار (عمودی + افقی)

عمودی اور افقی پیڈنگ الگ سے کنٹرول۔ پکسل اور تناسب ملایا جا سکتا ہے۔

padding=10,20 → اوپر/نیچے 10px، بائیں/دائیں 20px
padding=1/8,15 → اوپر/نیچے = اونچائی/8، بائیں/دائیں 15px
padding=30,1/10 → اوپر/نیچے 30px، بائیں/دائیں = چوڑائی/10

10,20,30,40 چار اقدار (CSS گھڑی کی سمت)

CSS اسٹائل آزادانہ کنٹرول: اوپر، دائیں، نیچے، بائیں۔ اوپر/نیچے اونچائی پر، بائیں/دائیں چوڑائی پر۔ پکسل-تناسب ملاپ ممکن۔

padding=10,20,30,40 → اوپر 10، دائیں 20، نیچے 30، بائیں 40 (سب px)
padding=1/8,1/6,15,1/10 → اوپر h/8، دائیں w/6، نیچے 15px، بائیں w/10 (ملیا ہوا)

مثالیں

مختصر متن — پیڈنگ کم کریں

https://mockimg.dev/480x200.svg?text=IP&bold=true&padding=1/10

"IP" جیسے مختصر متن کے لیے padding=1/10 سے کمپیکٹ لے آؤٹ۔

صفر پیڈنگ

https://mockimg.dev/600x400.svg?text=Full&padding=0

padding=0 سیٹ کریں تاکہ مواد پوری تصویر بھرے۔

آئیکن + متن — کمپیکٹ لے آؤٹ

https://mockimg.dev/600x400.svg?icon=outline/heart&text=Love&padding=1/8

آئیکن اور متن ساتھ ساتھ، درمیانی پیڈنگ۔

عنوان والا علاقہ — اوپر بڑا پیڈنگ

https://mockimg.dev/600x300.svg?text=Title&padding=40,10,5,10

اوپر بڑا پیڈنگ عنوان کا احساس، نیچے کمپیکٹ۔

بائیں نیویگیشن — بائیں بڑا پیڈنگ

https://mockimg.dev/800x400.svg?text=Content&padding=20,10,20,60

بائیں بڑا پیڈنگ نیویگیشن بار کے لیے۔

نوٹس

تناسب اقدار میں عدد اور مقام مثبت ہونے چاہیے
پکسل اقدار منفی نہیں ہو سکتیں — منفی اقدار خود بخود 0 ہو جائیں گی
تناسب نتائج خود بخود مکمل پکسل میں گول ہوتے ہیں
اگر پیڈنگ تصویر کے ابعاد کے نصف سے زیادہ ہو تو، مواد کا علاقہ بہت چھوٹا ہو سکتا ہے اور فونٹ سائز خود بخود کم سے کم 12px ہو گا

ایڈوانسڈ فیچرز — انٹرایکٹو API ڈی بگر

آئیکن سسٹم

دستاویز اور حوالہ

بنیادی سنٹیکس

پیرامیٹر کی تفصیلات

مکمل مثالیں

نوٹس

ایکٹیویشن کی شرائط

آئیکن سائز کے قواعد

مثالیں

آئیکن+متن بمقابلہ صرف آئیکن

نوٹس

جائزہ

پہلے سے طے شدہ رویہ

فارمیٹ تفصیلات

مثالیں

نوٹس