Home-theater-designers![سجیلا [فائر فاکس اور کروم] کے ساتھ ویب پر چھوٹی پریشانیوں کو کیسے ٹھیک کیا جائے](http://home-theater-designers.com/img/browsers/55/how-fix-small-annoyances-web-with-stylish.png)
ویب ڈیزائنرز کے پاس تقریبا impossible ناممکن کام ہے۔ انہیں ایک ایسے ڈیزائن کے ساتھ آنے کی ضرورت ہے جو سب کو خوش کرے۔ جی میل جیسی سروس کے بارے میں بات کرتے ہوئے ، جو پوری دنیا میں لاکھوں افراد استعمال کرتے ہیں ، آپ واقعی 'تقریبا' 'حصہ چھوڑ سکتے ہیں - یہ محض ناممکن ہے۔ یہاں تک کہ اگر ایک نئے ڈیزائن کو زیادہ تر لوگ پسند کرتے ہیں ، تو ہمیشہ ایسے صارفین ہوں گے جو واقعی نئی شکل کو پسند نہیں کرتے ہیں۔
بعض اوقات ان صارفین کی کافی تعداد ہوتی ہے جو کسی کمپنی کو پیچھے ہٹنے پر مجبور کرتی ہے ، جیسا کہ گوگل نے حال ہی میں جی میل کے آئیکن بٹنوں سے کیا ہے۔ لیکن کیا ہوگا اگر آپ کے پاس کچھ ہے۔ واقعی نفرت ، اور کمپنی اسے واپس نہیں بدلتی؟ کیا آپ اس کے ساتھ ہمیشہ کے لیے پھنس گئے ہیں؟ صارف کے انداز کا شکریہ ، آپ خود اس طرح کے مسائل کو ٹھیک کرسکتے ہیں۔
متعارف کروا رہا ہے سجیلا۔
سجیلا ایک مفت ایڈ آن دونوں کے لیے دستیاب ہے۔ فائر فاکس اور کروم ، اور یہ آپ کو کچھ جادوئی کام کرنے دیتا ہے - ویب پیج کے عناصر پر اپنی اپنی طرزیں لگائیں۔ یہاں تک کہ اگر آپ ویب ڈویلپر نہیں ہیں اور آپ نے اپنی زندگی میں تھوڑا سا سی ایس ایس نہیں لکھا ہے ، یہ آواز سے کہیں زیادہ آسان ہے۔ آپ ویب سائٹس کو مکمل طور پر تبدیل کرنے کے لیے سجیلا استعمال کر سکتے ہیں (جیسا کہ میں آپ کو اگلے حصے میں دکھاؤں گا) ، لیکن اس سے بھی اہم بات یہ ہے کہ آپ چھوٹی چھوٹی پریشانیوں کو منٹوں میں ٹھیک کرنے کے لیے سجیلا استعمال کر سکتے ہیں۔
مثال کے طور پر ، مجھے جی میل میں ڈیفالٹ فونٹ سائز کا مسئلہ تھا۔ انٹرفیس ٹھیک تھا - میں اپنے براؤزر کے ساتھ (Ctrl +) زوم نہیں کرنا چاہتا تھا ، کیونکہ اس سے تمام انٹرفیس عناصر کا سائز بڑھے گا اور واقعی بدصورت ہوگا۔ میں صرف پیغام کے فونٹ کو تھوڑا بڑا بنانے کا ایک طریقہ چاہتا تھا۔
سجیلا کے ساتھ ، یہ واقعی آسان تھا ، اور میں آپ کو دکھاتا ہوں کہ کیسے۔ لیکن اس سے پہلے کہ ہم آپ کے اپنے یوزر سٹائل بناتے ہیں ، آئیے دوسرے لوگوں کے کام سے فائدہ اٹھانے کے بارے میں بات کرتے ہیں۔
UserStyles.org
اگر آپ کے اعصاب پر کچھ ہو رہا ہے تو ، یہ مکمل طور پر ممکن ہے کہ آپ اکیلے نہیں ہیں۔ UserStyles.org ایک ویب سائٹ ہے جو صارفین کو اپنے بنائے ہوئے سٹائل شیئر کرنے دیتی ہے۔ اوپر آپ ایک سٹائل دیکھ سکتے ہیں ( ٹول بار کی شبیہیں میں لیبل شامل کریں۔ جی میل کے آئیکن بٹنوں کے بارے میں ہماری کہانی کے جواب میں MakeUseOf تبصرہ نگار RandyN نے تجویز کیا۔ یہ انداز آپ کو شبیہیں رکھنے دیتا ہے ، لیکن ٹیکسٹ لیبل میں شامل کرتا ہے - جو کچھ گوگل آپ کو کرنے نہیں دے گا۔
UserStyles.org بہت اچھا ہے ، لیکن یہ کامل نہیں ہے۔ کچھ ڈیزائن بہت زیادہ کرنے کی کوشش کرتے ہیں (کسی ویب سائٹ کی ظاہری شکل کو مکمل طور پر تبدیل کریں) ، اور کچھ ویب سائٹس کے پرانے ورژن کے لیے ہیں اور اب ٹوٹ چکے ہیں۔ اگر آپ کسی چھوٹی چیز کو ٹھیک کرنے کی کوشش کر رہے ہیں اور اسے یوزر سٹائل ڈاٹ آرگ پر نہیں مل رہا ہے تو ، شاید آپ کا بہترین طریقہ یہ ہے کہ آپ اسے خود کریں۔
اپنا سادہ صارف سٹائل بنانا۔
اپنا صارف سٹائل بنانے کے لیے ، آپ کو پہلے یہ جاننے کی ضرورت ہے کہ آپ صفحے کا کون سا عنصر تبدیل کرنے کی کوشش کر رہے ہیں ، اور پھر آپ کون سی تبدیلی لانا چاہتے ہیں۔ لہذا ، شروع کرنے کے لئے ، جو کچھ بھی آپ تبدیل کرنا چاہتے ہیں اسے دائیں کلک کریں ، اور منتخب کریں۔ عنصر کا معائنہ . آپ کو کچھ اس طرح دیکھنا چاہیے:
فائر فاکس باقی صفحے کو تاریک کرتا ہے ، اور آپ کے منتخب کردہ عنصر کے ارد گرد بہت واضح فریم کھینچتا ہے۔ اس عنصر کے اوپر ، وہ متن جو کہتا ہے۔ div#2d6.ii.gt.adP.adO ، CSS کلاسوں کا ایک گروپ ہے ، ایک ID کے ساتھ (وہ حصہ جو #سے شروع ہوتا ہے)۔ یہ سلیکٹر ہے جو اس عنصر کے اسٹائل کو متاثر کرتا ہے۔ اسکرین کے نیچے ایک نیویگیشن بار ہے جو آپ کو ' DOM درخت کو عبور کریں۔ ، یا آسان الفاظ میں ، عناصر کے درجہ بندی میں اوپر اور نیچے جائیں جس عنصر کی طرف آپ نے انتخاب کیا ہے۔
یہاں کھیل کا نام اس عنصر کو چننا ہے جسے آپ سٹائل کرنا چاہتے ہیں ، اور انتخاب کو اتنا تنگ نہ کریں کہ اس سے ہر وہ چیز متاثر نہ ہو جسے آپ متاثر کرنا چاہتے ہیں ، اور نہ ہی اتنا وسیع کہ یہ دوسری چیزوں کو گڑبڑ کردے۔
میں نے ایک عنصر اوپر کلک کیا ، div.gs ، صرف اس وجہ سے کہ مجھے اس کا نام پسند ہے (ایسا لگتا ہے جو بہت جلد تبدیل نہیں ہوگا ، لیکن یہ میری طرف سے ایک مکمل اندازہ ہے)۔ یہ پیغام کے پورے علاقے کو متاثر کرتا ہے۔ ایک بار جس علاقے کو آپ سٹائل کرنا چاہتے ہیں اسے منتخب کر لیا جائے ، انداز۔ نیچے دائیں کونے پر بٹن ، کھولنے کے لیے۔ قواعد روٹی:
میں جانتا ہوں ، یہ پہلے خوفناک ہے۔ لیکن یہ وہ جگہ ہے جہاں آپ سی ایس ایس کے مختلف قواعد دیکھتے ہیں جو آپ کے منتخب کردہ عنصر کو متاثر کرتے ہیں ، اور یہ وہ جگہ ہے جہاں آپ اپنی عارضی تبدیلیاں کر سکتے ہیں اور صفحے پر ان کے اثرات کو بغیر ری لوڈ کیے دیکھ سکتے ہیں۔ لیکن آپ کو کیا تبدیل کرنا چاہیے؟ پر کلک کریں۔ پراپرٹیز بٹن اور غیر چیک کریں۔ صرف صارف کی طرزیں۔ :
یہاں آپ کی مکمل فہرست دیکھ سکتے ہیں۔ سب سی ایس ایس قوانین آپ فہرست کو اس وقت تک نیچے سکرول کر سکتے ہیں جب تک کہ آپ کو کوئی ایسا اصول نہ مل جائے جو آپ کی ضرورت کے مطابق ہو (ہمارے کیس میں فونٹ سائز) ، اور یہاں تک کہ وضاحت کا صفحہ کھولنے کے لیے اس کے ساتھ والے سوالیہ نشان پر کلک کریں۔ لہذا ، اب ہم جانتے ہیں کہ ہم فونٹ سائز پراپرٹی کو ان تمام div عناصر کے لیے تبدیل کرنا چاہتے ہیں جن کی کلاس ہے ' جی ایس '(شارٹ ہینڈ میں بطور لکھا گیا۔ div.gs ).
صرف ایک سوال باقی ہے جو ہم چاہتے ہیں کہ اس کی قیمت کیا ہو۔ اس کے لیے ، ہم رولز پین پر واپس جائیں اور ادھر ادھر کھیلنا شروع کریں:
40 پکسلز تھوڑا سا پاگل ہوسکتا ہے ، لیکن آپ کو عام خیال ملتا ہے۔ اس کے ساتھ کھیلیں ، اور بلا جھجھک کسی بھی دوسری پراپرٹیز کو شامل کریں ، جب تک کہ آپ کو وہ نظر نہ آجائے جس کے لیے آپ جا رہے تھے۔ اس بات کو یقینی بنائیں کہ صفحہ بند نہ کریں ، کیونکہ آپ کی تبدیلیاں ہیں۔ نہیں کہیں بھی محفوظ کیا
اپنا نیا انداز محفوظ کرنا۔
ایک بار جب آپ کو سائٹ کا یہ حصہ مل جائے جیسا کہ آپ چاہتے ہیں ، اسے بچانے کا وقت آگیا ہے۔ پر کلک کریں۔ سجیلا ایڈ بار میں آئیکن ، اور منتخب کریں۔ نیا انداز لکھیں۔ . سجیلا پھر یہ جاننا چاہے گا کہ اسے نئے صفحات کو کن صفحات پر لاگو کرنا چاہیے - ہمارے معاملے میں ، دوسرا آپشن منتخب کریں ، mail.google.com . اگلا ، آپ یہ ڈائیلاگ دیکھیں گے:
میں اسے پہلے ہی بھر چکا ہوں۔ ظاہر ہے ، میں نے سٹائل کے لیے ایک نام اور کچھ ٹیگز منتخب کیے۔ لیکن اصل چیزیں کوڈ کے اندر ہوتی ہیں: لائن 3 پہلے سے موجود تھی - اسٹائلش نے اسے جگہ پر رکھا تاکہ یہ جان سکے کہ سٹائل کس صفحے پر لاگو ہوتا ہے۔ لیکن لائن 5-7 میری ہے۔ آئیے ان کا تجزیہ کریں:
لائن 5: div.gs { - یہ حصہ آپ کو پہچاننا چاہیے۔ یہ وہ عنصر ہے جسے ہم نے سٹائل کرنے کا فیصلہ کیا ہے۔ افتتاحی تسمہ کا مطلب ہے کہ اب ہم کچھ سی ایس ایس قواعد لکھنے جا رہے ہیں۔ لائن 6: فونٹ سائز: 20px! اہم -یہ وہ اصول ہے جس کو ہم تبدیل کرنا چاہتے ہیں فونٹ کا سائز کچھ مختلف۔ لائن 7:} - سٹائل کی تعریف کو بند کرنا۔
اگلا ، پیش نظارہ پر کلک کریں اور اپنے کام پر حیرت کریں:
اور آخر میں ، ایک بار جب آپ دیکھ لیں کہ یہ کام کر رہا ہے ، کلک کریں۔ محفوظ کریں
یہ مکمل گائیڈ نہیں ہے۔
میں اچھی طرح جانتا ہوں کہ اس مختصر ٹیوٹوریل کو کسی ایک پوسٹ کی حدود میں رکھنے کے لیے ، مجھے کئی چھلانگیں لگانی پڑیں۔ اگر آپ راستے میں الجھن میں تھے ، تو براہ کرم میری معذرت قبول کریں۔ سی ایس ایس شروع میں مشکل ہے ، لیکن ایک بار جب آپ اسے پھانسی دے لیتے ہیں تو یہ اتنا پیچیدہ نہیں ہوتا ہے - اور مقامی طور پر ویب سائٹ کو حسب ضرورت بنانا سیکھنے کے بہترین طریقوں میں سے ایک ہے۔
اگر آپ کسی چیز سے الجھے ہوئے ہیں تو ، براہ کرم مجھ سے نیچے پوچھیں اور میں مدد کرنے کی پوری کوشش کروں گا۔
اینڈرائیڈ کے ساتھ ایئر پوڈز کا استعمال کیسے کریں۔بانٹیں بانٹیں ٹویٹ ای میل۔ اپنے ورچوئل باکس لینکس مشینوں کو سپر چارج کرنے کے 5 نکات۔
ورچوئل مشینوں کی پیش کردہ ناقص کارکردگی سے تنگ آ چکے ہو؟ اپنی ورچوئل باکس کی کارکردگی کو بڑھانے کے لیے آپ کو یہ کرنا چاہیے۔
اگلا پڑھیں۔ متعلقہ موضوعات۔- براؤزرز۔
- ویب سازی
- ویب ماسٹر ٹولز۔
- موزیلا فائر فاکس
- گوگل کروم
- ویب ڈیزائن
ہماری نیوز لیٹر کو سبسکرائب کریں
ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!
سبسکرائب کرنے کے لیے یہاں کلک کریں۔