كيفية إضافة خطوط الشبكة المخصصة إلى أي موقع ويب في كروم

click fraud protection

قد تتداعى شركة آبل من حيث تصميم الأجهزة والبرامج ، لكنها في ذروتها علمتنا كيف يبدو شيء جيدًا إذا كان محاذاة بشكل صحيح. الفكرة هي أنه عندما تصطف الأمور بشكل مثالي ، تبدو أفضل وهذا ينطبق على التصميم الصناعي وتصميم الويب. عادةً ما يتم إنشاء تصميمات مواقع الويب في Photoshop ولكن هذا لا يعني أن المصممين والمطورين لا يتلاعبون بمظهر موقع الويب في متصفحهم. من السهل العبث به ؛ كل ما عليك فعله هو فتح وحدة تحكم تطوير الويب التي تمتلكها جميع متصفحات الويب الرئيسية وإضافة الحشو وتغيير لون النص وما إلى ذلك. شيء واحد تفتقر إليه كل هذه المفاتيح هو أداة المحاذاة. إذا كان Chrome هو متصفحك المفضل للتطوير ، باسلانير امتداد يجب أن تجربه. يضيف سلسلة من الخطوط الأفقية إلى شاشتك. لديك الحرية الكاملة لتحديد التباعد بين هذه الخطوط وكذلك لونها. بالإضافة إلى ذلك ، تتيح لك الأداة إضافة مساحة مخصصة أعلى الصفحة قبل خطوط الشبكة.

قم بتثبيت Baseliner وانقر فوق الزر B الذي يضيفه بجوار شريط العنوان. ستفتح قائمة بخيارات لتخصيص شبكتك.

بشكل افتراضي ، يتم تعيين المساحة المتروكة العلوية على 0 بكسل ، ويتم ضبط التباعد بين الخطوط على 12 بكسل ، وتكون الخطوط رمادية اللون مع التعتيم على 100٪. لتغيير أي من هذه القيم ، انقر داخل المربع المجاور لها.

instagram viewer

يمنحك مربع اللون منتقي ألوان قياسي لتغيير لون خطوط الشبكة. يمكن تغيير قيم التباعد والحشو والعتامة عن طريق إدخال رقم مخصص لكل معلمة. يمكنك بدلاً من ذلك استخدام السهمين لأعلى / لأسفل لزيادة القيمة أو تقليلها. بمجرد تخصيص الشبكة ، انقر فوق "تطبيق" في الأسفل.

خط الأساس

تتم إضافة girdlines إلى الصفحة الحالية فقط وليس إلى جميع الصفحات التي فتحتها في المستعرض الخاص بك. لإزالة الخطوط بمجرد الانتهاء ، ما عليك سوى النقر فوق الزر B مرة أخرى والنقر فوق الزر "إزالة" في الأسفل.

يعمل Baseliner بشكل لا تشوبه شائبة. إن التحكم في لون الشبكة والحشو في الأعلى يجعل التمديد أكثر ذكاءً. نتمنى فقط دعم الخطوط العمودية أيضًا.

قم بتثبيت Baseliner من سوق Chrome الإلكتروني

watch instagram story