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

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

يشهب

فريق العمل
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://nf-son.ahlamontada.com/
الجمعة 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

لكم مني كل الود و التقدير؛
توقيع: يشهب


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

khairanynabil يعجبه هذا الموضوع

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

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

نائب الإدارة
المحترف الذهبي
البلد : العراق
الجنس : ذكر
المساهمات : 994
العمر : 29
السٌّمعَة : 30
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
الأحد 18 أبريل 2021 - 11:58
بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
توقيع: المحترف الذهبي


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

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

Mahmoud Gilany

مشرف سابق
Mahmoud Gilany
البلد : مصر
الجنس : ذكر
المساهمات : 462
العمر : 33
السٌّمعَة : 4
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
مشرف سابق
لقد كان هذا العضو جزءًا من فريق العمل سابقاً!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://www.youtube.com/@BayutOfficial
الأحد 18 أبريل 2021 - 13:45
اجعل الاستايل متألق مع هذه الحيلة البسيطة 2841771464
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805 
شكرا لك اخى الكريم
كود اكثر من رائع
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805
اجعل الاستايل متألق مع هذه الحيلة البسيطة 3188546290
توقيع: Mahmoud Gilany


أهلا ومرحبا بكم أعضاء و زوار منتدنا الحبيب بابل
هذا المنتدى منكم وإليكم .
كونك أحد أعضاء أو من رواد هذا المنتدى فأنت مؤتمن لك حقوق وعليك واجبات !!
ونحن أملين أن تتم المشاركة بينكما بكل حب و أحترام
اجعل الاستايل متألق مع هذه الحيلة البسيطة 6iwvbd10

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

يشهب

فريق العمل
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://nf-son.ahlamontada.com/
الأحد 18 أبريل 2021 - 20:55
المحترف الذهبي كتب:بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
شكراً لك على مرورك و ردك الرقيق.
دمت بود؛  Cool
توقيع: يشهب


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

المحترف الذهبي يعجبه هذا الموضوع

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

يشهب

فريق العمل
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://nf-son.ahlamontada.com/
  • تقييم المساهمة: 100% (1)
الأحد 18 أبريل 2021 - 20:56
Mahmoud Gilany كتب:
شكرا لك اخى الكريم
كود اكثر من رائع 
الشكر موصول لك على مرورك و التعليق.. نورت الشرح. و أرجو أن تكون قد استفدت منه  Cool
توقيع: يشهب


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

Ghostface يعجبه هذا الموضوع

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

AsHeK EgYpT

نائب الإدارة
AsHeK EgYpT
البلد : مصر
الجنس : ذكر
المساهمات : 1947
العمر : 27
السٌّمعَة : 39
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو ودود
لقد أضاف هذا العضو العديد من أعضاء المنتدى كأصدقاء!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://www.7babil.com
الخميس 23 ديسمبر 2021 - 19:42
تسلم يداك أخي رائع جدا .. استمر 

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

حياة القلوب

اسد المنتدى
حياة القلوب
البلد : مصر
الجنس : انثى
المساهمات : 674
العمر : 35
السٌّمعَة : 49
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الأربعاء 6 أبريل 2022 - 13:07
رائع احسنت النشر

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

sbark

عضو جديد
sbark
المساهمات : 1
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
السبت 16 أبريل 2022 - 23:49
للاسف لم افهم هل عندك 
كود جاهز اضعه بمنتداي

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

KING MARWAN

رئيس الفريق
KING MARWAN
البلد : السعودية
الجنس : ذكر
المساهمات : 742
العمر : 22
السٌّمعَة : 9
اسد المنتدى
لقد شارك هذا العضو في أكثر من 250 مساهمة مختلفة!
رئيس الفريق
هذا العضو ينتمي إلى مجموعة رئيس الفريق!
عضو محبوب
لقد أُعجب هذا العضو أكثر من 50 مشاركة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 500 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
الأحد 8 مايو 2022 - 20:00
شكرا على الموضوع
توقيع: KING MARWAN


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

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

يشهب

فريق العمل
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://nf-son.ahlamontada.com/
الإثنين 30 يناير 2023 - 0:13
نورتم الموضوع.. شكراً على مروركم و التعليق
توقيع: يشهب


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

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

khairanynabil

عضو جديد
khairanynabil
البلد : المغرب
الجنس : ذكر
المساهمات : 3
العمر : 33
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://www.seohubar.net
الثلاثاء 21 فبراير 2023 - 1:38
شكرا لك اخى الكريم شرح وافي و جميل

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

Fonon Ahmed

عضو جديد
Fonon Ahmed
البلد : مصر
الجنس : انثى
المساهمات : 11
العمر : 33
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
الثلاثاء 4 أبريل 2023 - 18:15
إستايل اكثر من رائع
ننتظز المزيد من إبداعاتك

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

ahmed bebarz

فريق العمل
ahmed bebarz
الجنس : ذكر
المساهمات : 222
العمر : 23
السٌّمعَة : 2
عضوية مميزة
لقد شارك هذا العضو في أكثر من 100 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الثلاثاء 11 أبريل 2023 - 18:50
عاشت الايادي

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

OuSsaMa BeDdAi

عضو جديد
OuSsaMa BeDdAi
الجنس : ذكر
المساهمات : 7
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
الثلاثاء 2 يناير 2024 - 19:33
شكرا لك

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

يشهب

فريق العمل
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 98
العمر : 32
السٌّمعَة : 16
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ قديم الزمان!
https://nf-son.ahlamontada.com/
الجمعة 2 فبراير 2024 - 12:55
شكراً جزيلاً على ردودكم... أتمنى للجميع جمعة طيبة ^_^
توقيع: يشهب


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

سجل دخولك أو سجل عضوية جديدة لتستفيد أكثر من المنتدى!

سجل دخولك أو سجل عضوية جديدة لتحصل على المزيد من المنتدى!

تسجيل الدخول

إذا كان لديك حساب ، الرجاء تسجيل الدخول

تسجيل الدخول
تسجيل عضوية جديدة

إنشاء حساب جديد في المنتدى مجاني تمامًا

قم بالتسجيل الآن
صلاحيات المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى

مُحتوى هذا المنتدى محمي بواسطة: DMCA وغير مسموح نهائياً نسخه أو نقله بدون إذن كتابي مُسبق.DMCA.com Protection Status