+7
KING MARWAN
sbark
حياة القلوب
AsHeK EgYpT
Mahmoud Gilany
المحترف الذهبي
يشهب
11 مشترك
يشهب
فريق العمل
البلد :
الجنس :
المساهمات : 98
العمر : 32
السٌّمعَة : 16
الجنس :
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الجمعة 16 أبريل 2021 - 12:16
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
إخواني الأعزاء رواد التصميم على الشبكة العنكبوتية.
أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (Tahoma, Arial, Sans Serif.. إلخ). و مؤخراً أصبح الخط الكوفي (Droid Arabic Kufi) هو الاتجاه السائد في عالم المواقع العربية.
سأخبركم اليوم كيف تقومون بتغيير هذه الخطوط و استعمال خطوط جذابة كلها مجانية و مفتوحة المصدر.
أولاً: كيفية تركيب الخطوط
طريقة تغيير الخطوط سهلة جداً و بسيطة. قديماً كان يتوجب علينا أن نرفع النصوص على هيئة صورة مما ساهم في ثقل تحميل المواقع بشكل كبير.
اليوم سنقوم باستخدام تقنية الـ CSS بشكل رهيب.
سنقوم بإضافة الخطوط لملف الـ CSS بالطريقة التالية
ثانياً: كيفية استخدام الخط
نقوم بإضافة الكود التالي للنص الذي نريد تطبيق الخط عليه
.
ثالثاً: تطبيقات جاهزة
هنا أمثلة لتصاميم أعمل عليها حالياً. أرجو أن تعجبكم
المثال الأول
.
المثال الثاني
.
رابعاً: مكتبات التحميل
و أضع لكم كنز من الخطوط العربية الرائعة هدية مني لإخواني المصممين الكرام.
https://www.fontface.me
https://fonts.google.com
لكم مني كل الود و التقدير؛
السلام عليكم و رحمة الله و بركاته
إخواني الأعزاء رواد التصميم على الشبكة العنكبوتية.
أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (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
لكم مني كل الود و التقدير؛
khairanynabil يعجبه هذا الموضوع
المحترف الذهبي
نائب الإدارة
البلد :
الجنس :
المساهمات : 992
العمر : 29
السٌّمعَة : 30
الجنس :
المساهمات : 992
العمر : 29
السٌّمعَة : 30
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
الأحد 18 أبريل 2021 - 11:58
بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
Mahmoud Gilany
مشرف سابق
البلد :
الجنس :
المساهمات : 462
العمر : 33
السٌّمعَة : 4
الجنس :
المساهمات : 462
العمر : 33
السٌّمعَة : 4
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
مشرف سابق
لقد كان هذا العضو جزءًا من فريق العمل سابقاً!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الأحد 18 أبريل 2021 - 13:45
شكرا لك اخى الكريم
كود اكثر من رائع
يشهب
فريق العمل
البلد :
الجنس :
المساهمات : 98
العمر : 32
السٌّمعَة : 16
الجنس :
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الأحد 18 أبريل 2021 - 20:55
شكراً لك على مرورك و ردك الرقيق.المحترف الذهبي كتب:بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
دمت بود؛
المحترف الذهبي يعجبه هذا الموضوع
يشهب
فريق العمل
البلد :
الجنس :
المساهمات : 98
العمر : 32
السٌّمعَة : 16
الجنس :
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الأحد 18 أبريل 2021 - 20:56
الشكر موصول لك على مرورك و التعليق.. نورت الشرح. و أرجو أن تكون قد استفدت منهMahmoud Gilany كتب:شكرا لك اخى الكريمكود اكثر من رائع
Ghostface يعجبه هذا الموضوع
AsHeK EgYpT
نائب الإدارة
البلد :
الجنس :
المساهمات : 1947
العمر : 27
السٌّمعَة : 39
الجنس :
المساهمات : 1947
العمر : 27
السٌّمعَة : 39
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو ودود
لقد أضاف هذا العضو العديد من أعضاء المنتدى كأصدقاء!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الخميس 23 ديسمبر 2021 - 19:42
تسلم يداك أخي رائع جدا .. استمر
حياة القلوب
اسد المنتدى
البلد :
الجنس :
المساهمات : 674
العمر : 35
السٌّمعَة : 49
الجنس :
المساهمات : 674
العمر : 35
السٌّمعَة : 49
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الأربعاء 6 أبريل 2022 - 13:07
رائع احسنت النشر
sbark
عضو جديد
المساهمات : 1
السٌّمعَة : 0
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
السبت 16 أبريل 2022 - 23:49
للاسف لم افهم هل عندك
كود جاهز اضعه بمنتداي
كود جاهز اضعه بمنتداي
KING MARWAN
رئيس الفريق
البلد :
الجنس :
المساهمات : 742
العمر : 22
السٌّمعَة : 9
الجنس :
المساهمات : 742
العمر : 22
السٌّمعَة : 9
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
رئيس الفريق
هذا العضو ينتمي إلى مجموعة رئيس الفريق!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
الأحد 8 مايو 2022 - 20:00
شكرا على الموضوع
Fonon Ahmed
عضو جديد
البلد :
الجنس :
المساهمات : 11
العمر : 33
السٌّمعَة : 0
الجنس :
المساهمات : 11
العمر : 33
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
الثلاثاء 4 أبريل 2023 - 18:15
إستايل اكثر من رائع
ننتظز المزيد من إبداعاتك
ahmed bebarz
فريق العمل
الجنس :
المساهمات : 222
العمر : 23
السٌّمعَة : 2
المساهمات : 222
العمر : 23
السٌّمعَة : 2
عضوية مميزة
لقد شارك هذا العضو في أكثر من 100 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الثلاثاء 11 أبريل 2023 - 18:50
عاشت الايادي
OuSsaMa BeDdAi
عضو جديد
الجنس :
المساهمات : 7
السٌّمعَة : 0
المساهمات : 7
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الثلاثاء 2 يناير 2024 - 19:33
شكرا لك
سجل دخولك أو سجل عضوية جديدة لتستفيد أكثر من المنتدى!
سجل دخولك أو سجل عضوية جديدة لتحصل على المزيد من المنتدى!
صلاحيات المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى