منتدى بابل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
+3
Mahmoud Gilany
المحترف الذهبي
يشهب
7 مشترك

جديد اجعل الاستايل متألق مع هذه الحيلة البسيطة

يشهب

عضو جديد
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 70
العمر : 30
السٌّمعَة : 14
معاينة صفحة البيانات الشخصي للعضو
الجمعة 16 أبريل 2021 - 12:16
 بسم الله الرحمن الرحيم
 السلام عليكم و رحمة الله و بركاته


 إخواني الأعزاء رواد التصميم على الشبكة العنكبوتية.
 أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
 عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
 لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
 لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (Tahoma, Arial, Sans Serif.. إلخ). و مؤخراً أصبح الخط الكوفي (Droid Arabic Kufi) هو الاتجاه السائد في عالم المواقع العربية.

 سأخبركم اليوم كيف تقومون بتغيير هذه الخطوط و استعمال خطوط جذابة كلها مجانية و مفتوحة المصدر.

 أولاً: كيفية تركيب الخطوط

 طريقة تغيير الخطوط سهلة جداً و بسيطة. قديماً كان يتوجب علينا أن نرفع النصوص على هيئة صورة مما ساهم في ثقل تحميل المواقع بشكل كبير.
 اليوم سنقوم باستخدام تقنية الـ CSS بشكل رهيب.

 سنقوم بإضافة الخطوط لملف الـ CSS بالطريقة التالية
الكود:
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@900&display=swap');
.

 ثانياً: كيفية استخدام الخط

نقوم بإضافة الكود التالي للنص الذي نريد تطبيق الخط عليه


الكود:
font-family: 'Cairo', sans-serif;

.

ثالثاً: تطبيقات جاهزة

هنا أمثلة لتصاميم أعمل عليها حالياً. أرجو أن تعجبكم


المثال الأول

 .
المثال الثاني
.

رابعاً: مكتبات التحميل

و أضع لكم كنز من الخطوط العربية الرائعة هدية مني لإخواني المصممين الكرام.

https://www.fontface.me
https://fonts.google.com

لكم مني كل الود و التقدير؛

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

المحترف الذهبي

نائب الادارة
المحترف الذهبي
الجنس : ذكر
المساهمات : 865
العمر : 27
السٌّمعَة : 30
معاينة صفحة البيانات الشخصي للعضو
الأحد 18 أبريل 2021 - 11:58
بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

Mahmoud Gilany

مشرف سابق
Mahmoud Gilany
البلد : مصر
الجنس : ذكر
المساهمات : 426
العمر : 31
السٌّمعَة : 4
معاينة صفحة البيانات الشخصي للعضو
الأحد 18 أبريل 2021 - 13:45
اجعل الاستايل متألق مع هذه الحيلة البسيطة 2841771464
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805 
شكرا لك اخى الكريم
كود اكثر من رائع
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805
اجعل الاستايل متألق مع هذه الحيلة البسيطة 3188546290
توقيع: Mahmoud Gilany


نحن أرقى من أن نرد الأذى بالأذى
 
اجعل الاستايل متألق مع هذه الحيلة البسيطة 791684070 اجعل الاستايل متألق مع هذه الحيلة البسيطة 791684070 اجعل الاستايل متألق مع هذه الحيلة البسيطة 791684070 اجعل الاستايل متألق مع هذه الحيلة البسيطة 791684070 اجعل الاستايل متألق مع هذه الحيلة البسيطة 791684070

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

يشهب

عضو جديد
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 70
العمر : 30
السٌّمعَة : 14
معاينة صفحة البيانات الشخصي للعضو
الأحد 18 أبريل 2021 - 20:55
المحترف الذهبي كتب:بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
شكراً لك على مرورك و ردك الرقيق.
دمت بود؛  Cool

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

يشهب

عضو جديد
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 70
العمر : 30
السٌّمعَة : 14
معاينة صفحة البيانات الشخصي للعضو
الأحد 18 أبريل 2021 - 20:56
Mahmoud Gilany كتب:
شكرا لك اخى الكريم
كود اكثر من رائع 
الشكر موصول لك على مرورك و التعليق.. نورت الشرح. و أرجو أن تكون قد استفدت منه  Cool

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

AsHeK EgYpT

نائب الادارة
AsHeK EgYpT
البلد : مصر
الجنس : ذكر
المساهمات : 1627
العمر : 25
السٌّمعَة : 28
جائزة 1000 مساهمة
معاينة صفحة البيانات الشخصي للعضوhttps://www.7babil.com
الخميس 23 ديسمبر 2021 - 19:42
تسلم يداك أخي رائع جدا .. استمر 

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

حياة القلوب

اسد المنتدى
حياة القلوب
البلد : مصر
الجنس : انثى
المساهمات : 594
العمر : 33
السٌّمعَة : 45
معاينة صفحة البيانات الشخصي للعضو
الأربعاء 6 أبريل 2022 - 13:07
رائع احسنت النشر

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

sbark

عضو جديد
sbark
المساهمات : 1
السٌّمعَة : 0
معاينة صفحة البيانات الشخصي للعضو
السبت 16 أبريل 2022 - 23:49
للاسف لم افهم هل عندك 
كود جاهز اضعه بمنتداي

جديد رد: اجعل الاستايل متألق مع هذه الحيلة البسيطة

KING MARWAN

رئيس الفريق
KING MARWAN
البلد : السعودية
الجنس : ذكر
المساهمات : 654
العمر : 20
السٌّمعَة : 10
معاينة صفحة البيانات الشخصي للعضو
الأحد 8 مايو 2022 - 20:00
شكرا على الموضوع
توقيع: KING MARWAN


اجعل الاستايل متألق مع هذه الحيلة البسيطة O1010
اجعل الاستايل متألق مع هذه الحيلة البسيطة Uia_oo13
اجعل الاستايل متألق مع هذه الحيلة البسيطة Uia_oo12
اجعل الاستايل متألق مع هذه الحيلة البسيطة Uia_od12
صلاحيات المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى