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

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

يشهب

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

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


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

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

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

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

نائب الإدارة
المحترف الذهبي
البلد : العراق
الجنس : ذكر
المساهمات : 1196
العمر : 29
السٌّمعَة : 34
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
خبير المنتديات
هذا المستخدم خبير في استضافة منتديات أحلى منتدى المجانية
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
عضو نشيط للغاية
لقد قمت بفتح أكثر من 100 موضوعا في المنتدى
المحبوب الحقيقي للأعضاء
لقد حصلت على أكثر من 100 إعجابا على مشاركاتك .. يبدو أن أعضائنا يحبونك حقًا!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
الذكرى الرابعة (إنشاء المنتدى)
هذا العضو ينتمي إلى هذا المنتدى منذ إنشاء المنتدى!
الأحد 18 أبريل - 11:58
بوركت اخي الحبيب
شرح وافي و جميل
و ان شاء الله يعود بالفائدة على الاخوه اصحاب المواقع
تحياتي لك
توقيع: المحترف الذهبي


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

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

Mahmoud Gilany

مشرف سابق
Mahmoud Gilany
البلد : مصر
الجنس : ذكر
المساهمات : 495
العمر : 33
السٌّمعَة : 4
مشرف سابق
لقد كان هذا العضو جزءًا من فريق العمل سابقاً!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
عضو نشيط للغاية
لقد قمت بفتح أكثر من 100 موضوعا في المنتدى
الذكرى الرابعة (إنشاء المنتدى)
هذا العضو ينتمي إلى هذا المنتدى منذ إنشاء المنتدى!
الأكثر إعجابا
لقد حصلت على أكثر من 50 إعجابا على مشاركاتك .. أعضائنا لديهم الحق فأنت لديك الكثير لتقدمه
https://bayut.yoo7.com/
الأحد 18 أبريل - 13:45
اجعل الاستايل متألق مع هذه الحيلة البسيطة 2841771464
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805 
شكرا لك اخى الكريم
كود اكثر من رائع
اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805
اجعل الاستايل متألق مع هذه الحيلة البسيطة 3188546290
توقيع: Mahmoud Gilany


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

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

يشهب

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


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

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

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

يشهب

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


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

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

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

AsHeK EgYpT

نائب الإدارة
AsHeK EgYpT
البلد : مصر
الجنس : ذكر
المساهمات : 2169
العمر : 28
السٌّمعَة : 45
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
خبير المنتديات
هذا المستخدم خبير في استضافة منتديات أحلى منتدى المجانية
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو ودود
لقد أضاف هذا العضو أكثر من 10 أعضاء من أعضاء المنتدى كأصدقاء!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
عضو نشيط للغاية
لقد قمت بفتح أكثر من 100 موضوعا في المنتدى
المحبوب الحقيقي للأعضاء
لقد حصلت على أكثر من 100 إعجابا على مشاركاتك .. يبدو أن أعضائنا يحبونك حقًا!
https://www.7babil.com
الخميس 23 ديسمبر - 19:42
تسلم يداك أخي رائع جدا .. استمر 

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

حياة القلوب

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

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

sbark

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

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

KING MARWAN

رئيس الفريق
KING MARWAN
البلد : السعودية
الجنس : ذكر
المساهمات : 1049
العمر : 23
السٌّمعَة : 10
إدارة الفريق
هذا العضو ينتمي إلى مجموعة إدارة الفريق!
كاتب المنتدى
لقد قمت بفتح أكثر من 50 موضوعا في المنتدى
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
المحبوب الحقيقي للأعضاء
لقد حصلت على أكثر من 100 إعجابا على مشاركاتك .. يبدو أن أعضائنا يحبونك حقًا!
الأحد 8 مايو - 20:00
شكرا على الموضوع
توقيع: KING MARWAN


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

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

يشهب

فريق العمل
يشهب
البلد : مصر
الجنس : ذكر
المساهمات : 342
العمر : 32
السٌّمعَة : 17
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
فريق العمل
هذا العضو ينتمي إلى مجموعة فريق العمل!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 50 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
الأكثر إعجابا
لقد حصلت على أكثر من 50 إعجابا على مشاركاتك .. أعضائنا لديهم الحق فأنت لديك الكثير لتقدمه
https://nf-son.ahlamontada.com/
الإثنين 30 يناير - 0:13
نورتم الموضوع.. شكراً على مروركم و التعليق
توقيع: يشهب


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

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

khairanynabil

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

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

Fonon Ahmed

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

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

ahmed bebarz

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


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

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

OuSsaMa BeDdAi

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

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

يشهب

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


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

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

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

تسجيل الدخول

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

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

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

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

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