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

اذهب الى الأسفل

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

مُساهمة من طرف يشهب 16/4/2021, 12:16 pm


 بسم الله الرحمن الرحيم
 السلام عليكم و رحمة الله و بركاته


 إخواني الأعزاء رواد التصميم على الشبكة العنكبوتية.
 أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
 عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
 لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
 لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (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

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


توقيع : يشهب


اجعل الاستايل متألق مع هذه الحيلة البسيطة Last10
يشهب
اسود المنتدى


البلد : مصر
السمعة : ليس لديك تحذيرات
الجنس : ذكر
المساهمات : 67
العمر : 29
السٌّمعَة : 11

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المحترف الذهبي 18/4/2021, 11:58 am


بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك


المحترف الذهبي
نائب الادارة


السمعة : ليس لديك تحذيرات
الجنس : ذكر
المساهمات : 639
العمر : 26
السٌّمعَة : 18

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Mahmoud Gilany 18/4/2021, 1:45 pm


اجعل الاستايل متألق مع هذه الحيلة البسيطة 2806415
اجعل الاستايل متألق مع هذه الحيلة البسيطة 329082300 
شكرا لك اخى الكريم
كود اكثر من رائع
اجعل الاستايل متألق مع هذه الحيلة البسيطة 329082300
اجعل الاستايل متألق مع هذه الحيلة البسيطة 3695422039


توقيع : Mahmoud Gilany


لست متأكدا من وجودي طويلاً في هذه الدُنيا
لكنني أتمنى أن أكون قد غرست داخل الجميع
ذكرى طيّبة تبقى في قلوبكم للأبد
اجعل الاستايل متألق مع هذه الحيلة البسيطة Uia_oo10
اجعل الاستايل متألق مع هذه الحيلة البسيطة Uia_oo11
اجعل الاستايل متألق مع هذه الحيلة البسيطة Uia_od10
Mahmoud Gilany
ادارة الفريق


البلد : مصر
السمعة : ليس لديك تحذيرات
الجنس : ذكر
المساهمات : 200
العمر : 30
السٌّمعَة : 4

معاينة صفحة البيانات الشخصي للعضو https://bayut.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف يشهب 18/4/2021, 8:55 pm


@المحترف الذهبي كتب:بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
شكراً لك على مرورك و ردك الرقيق.
دمت بود؛  Cool


توقيع : يشهب


اجعل الاستايل متألق مع هذه الحيلة البسيطة Last10
يشهب
اسود المنتدى


البلد : مصر
السمعة : ليس لديك تحذيرات
الجنس : ذكر
المساهمات : 67
العمر : 29
السٌّمعَة : 11

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف يشهب 18/4/2021, 8:56 pm


@Mahmoud Gilany كتب:
شكرا لك اخى الكريم
كود اكثر من رائع 
الشكر موصول لك على مرورك و التعليق.. نورت الشرح. و أرجو أن تكون قد استفدت منه  Cool


توقيع : يشهب


اجعل الاستايل متألق مع هذه الحيلة البسيطة Last10
يشهب
اسود المنتدى


البلد : مصر
السمعة : ليس لديك تحذيرات
الجنس : ذكر
المساهمات : 67
العمر : 29
السٌّمعَة : 11

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى