+7
KING MARWAN
sbark
حياة القلوب
AsHeK EgYpT
Mahmoud Gilany
المحترف الذهبي
يشهب
11 مشترك
يشهب
فريق العمل
![يشهب](https://2img.net/h/img.faceyourmanga.com/mangatars/0/391/391916/large_449797.png)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
عضو محبوب
لقد أُعجب هذا العضو أكثر من 5 مشاركة!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
فريق العمل
هذا العضو ينتمي إلى مجموعة فريق العمل!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 50 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
الجمعة 16 أبريل - 12:16
![](https://i.servimg.com/u/f61/20/45/64/34/6_by_e10.png)
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
إخواني الأعزاء رواد التصميم على الشبكة العنكبوتية.
أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (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 يعجبه هذا الموضوع
المحترف الذهبي
نائب الإدارة
![المحترف الذهبي](https://2img.net/u/4113/41/62/35/avatars/2-43.jpg)
البلد : ![العراق العراق](https://i.servimg.com/u/f79/12/39/44/15/iraqy10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 1195
العمر : 29
السٌّمعَة : 34
![العراق العراق](https://i.servimg.com/u/f79/12/39/44/15/iraqy10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 1195
العمر : 29
السٌّمعَة : 34
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
خبير المنتديات
هذا المستخدم خبير في استضافة منتديات أحلى منتدى المجانية
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
عضو نشيط للغاية
لقد قمت بفتح أكثر من 100 موضوعا في المنتدى
المحبوب الحقيقي للأعضاء
لقد حصلت على أكثر من 100 إعجابا على مشاركاتك .. يبدو أن أعضائنا يحبونك حقًا!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
الذكرى الرابعة (إنشاء المنتدى)
هذا العضو ينتمي إلى هذا المنتدى منذ إنشاء المنتدى!
Mahmoud Gilany
مشرف سابق
![Mahmoud Gilany](https://2img.net/u/4113/41/62/35/avatars/8-18.jpg)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 493
العمر : 33
السٌّمعَة : 4
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 493
العمر : 33
السٌّمعَة : 4
مشرف سابق
لقد كان هذا العضو جزءًا من فريق العمل سابقاً!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
عضو نشيط للغاية
لقد قمت بفتح أكثر من 100 موضوعا في المنتدى
الذكرى الرابعة (إنشاء المنتدى)
هذا العضو ينتمي إلى هذا المنتدى منذ إنشاء المنتدى!
الأكثر إعجابا
لقد حصلت على أكثر من 50 إعجابا على مشاركاتك .. أعضائنا لديهم الحق فأنت لديك الكثير لتقدمه
الأحد 18 أبريل - 13:45
![](https://i.servimg.com/u/f61/20/45/64/34/6_by_e10.png)
![اجعل الاستايل متألق مع هذه الحيلة البسيطة 2841771464](/users/4113/41/62/35/smiles/2841771464.gif)
![اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805](/users/4113/41/62/35/smiles/619858805.gif)
شكرا لك اخى الكريم
كود اكثر من رائع
![اجعل الاستايل متألق مع هذه الحيلة البسيطة 619858805](/users/4113/41/62/35/smiles/619858805.gif)
![اجعل الاستايل متألق مع هذه الحيلة البسيطة 3188546290](/users/4113/41/62/35/smiles/3188546290.png)
توقيع: Mahmoud Gilany
![](https://i.servimg.com/u/f30/19/92/52/51/x9ymdz10.gif)
أهلا ومرحبا بكم أعضاء و زوار منتدنا الحبيب بابل
هذا المنتدى منكم وإليكم .
كونك أحد أعضاء أو من رواد هذا المنتدى فأنت مؤتمن لك حقوق وعليك واجبات !!
ليس العبرة بعدد مساهماتك !! وإنما ماذا كتبت وماذا قدمت لأخوانك الأعضاء و الزوار .
ونحن أملين أن تتم المشاركة بينكما بكل حب و أحترام
يشهب
فريق العمل
![يشهب](https://2img.net/h/img.faceyourmanga.com/mangatars/0/391/391916/large_449797.png)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
عضو محبوب
لقد أُعجب هذا العضو أكثر من 5 مشاركة!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
فريق العمل
هذا العضو ينتمي إلى مجموعة فريق العمل!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 50 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
يشهب
فريق العمل
![يشهب](https://2img.net/h/img.faceyourmanga.com/mangatars/0/391/391916/large_449797.png)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
عضو محبوب
لقد أُعجب هذا العضو أكثر من 5 مشاركة!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
فريق العمل
هذا العضو ينتمي إلى مجموعة فريق العمل!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 50 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
AsHeK EgYpT
نائب الإدارة
![AsHeK EgYpT](https://2img.net/u/4113/41/62/35/avatars/36-63.png)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 2142
العمر : 27
السٌّمعَة : 43
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 2142
العمر : 27
السٌّمعَة : 43
نائب الادارة
هذا العضو ينتمي إلى مجموعة نائب الادارة!
خبير المنتديات
هذا المستخدم خبير في استضافة منتديات أحلى منتدى المجانية
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو ودود
لقد أضاف هذا العضو أكثر من 10 أعضاء من أعضاء المنتدى كأصدقاء!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
عضو نشيط للغاية
لقد قمت بفتح أكثر من 100 موضوعا في المنتدى
المحبوب الحقيقي للأعضاء
لقد حصلت على أكثر من 100 إعجابا على مشاركاتك .. يبدو أن أعضائنا يحبونك حقًا!
الخميس 23 ديسمبر - 19:42
![](https://i.servimg.com/u/f61/20/45/64/34/6_by_e10.png)
تسلم يداك أخي رائع جدا .. استمر
حياة القلوب
اسد المنتدى
![حياة القلوب](https://2img.net/u/4113/41/62/35/avatars/101-27.png)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![انثى انثى](https://i.servimg.com/u/f46/20/18/95/08/eaoo_210.png)
المساهمات : 814
العمر : 35
السٌّمعَة : 49
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![انثى انثى](https://i.servimg.com/u/f46/20/18/95/08/eaoo_210.png)
المساهمات : 814
العمر : 35
السٌّمعَة : 49
الأكثر إعجابا
لقد حصلت على أكثر من 50 إعجابا على مشاركاتك .. أعضائنا لديهم الحق فأنت لديك الكثير لتقدمه
اسد المنتدى
هذا العضو ينتمي إلى مجموعة اسد المنتدى!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
الأربعاء 6 أبريل - 13:07
![](https://i.servimg.com/u/f61/20/45/64/34/6_by_e10.png)
رائع احسنت النشر
sbark
عضو جديد
![sbark](https://i.servimg.com/u/f46/20/18/95/08/ibda3-10.png)
المساهمات : 1
السٌّمعَة : 0
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
السبت 16 أبريل - 23:49
![](https://i.servimg.com/u/f61/20/45/64/34/6_by_e10.png)
كود جاهز اضعه بمنتداي
KING MARWAN
رئيس الفريق
![KING MARWAN](https://2img.net/u/4113/41/62/35/avatars/56-67.jpg)
البلد : ![السعودية السعودية](https://i.servimg.com/u/f79/12/39/44/15/soudia10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 1049
العمر : 22
السٌّمعَة : 10
![السعودية السعودية](https://i.servimg.com/u/f79/12/39/44/15/soudia10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 1049
العمر : 22
السٌّمعَة : 10
إدارة الفريق
هذا العضو ينتمي إلى مجموعة إدارة الفريق!
كاتب المنتدى
لقد قمت بفتح أكثر من 50 موضوعا في المنتدى
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
المحبوب الحقيقي للأعضاء
لقد حصلت على أكثر من 100 إعجابا على مشاركاتك .. يبدو أن أعضائنا يحبونك حقًا!
يشهب
فريق العمل
![يشهب](https://2img.net/h/img.faceyourmanga.com/mangatars/0/391/391916/large_449797.png)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
عضو محبوب
لقد أُعجب هذا العضو أكثر من 5 مشاركة!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
فريق العمل
هذا العضو ينتمي إلى مجموعة فريق العمل!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 50 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
Fonon Ahmed
عضو جديد
![Fonon Ahmed](https://2img.net/u/4113/41/62/35/avatars/194-85.jpg)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![انثى انثى](https://i.servimg.com/u/f46/20/18/95/08/eaoo_210.png)
المساهمات : 11
العمر : 33
السٌّمعَة : 0
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![انثى انثى](https://i.servimg.com/u/f46/20/18/95/08/eaoo_210.png)
المساهمات : 11
العمر : 33
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
عضو مُبتدئ
هذا العضو ينتمي إلى هذا المنتدى منذ سنة واحدة!
الثلاثاء 4 أبريل - 18:15
![](https://i.servimg.com/u/f61/20/45/64/34/6_by_e10.png)
إستايل اكثر من رائع
ننتظز المزيد من إبداعاتك
ahmed bebarz
فريق العمل
![ahmed bebarz](https://2img.net/u/4113/41/62/35/avatars/gallery/2022_016.jpg)
الجنس : ![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 469
العمر : 24
السٌّمعَة : 2
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 469
العمر : 24
السٌّمعَة : 2
عضو محبوب
لقد أُعجب هذا العضو أكثر من 5 مشاركة!
فريق العمل
هذا العضو ينتمي إلى مجموعة فريق العمل!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُتسلق
لقد شارك هذا العضو في أكثر من 100 موضوعًا مختلفًا ، استمر في ذلك!
OuSsaMa BeDdAi
عضو جديد
![OuSsaMa BeDdAi](https://2img.net/u/4113/41/62/35/avatars/6-23.jpg)
الجنس : ![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 7
السٌّمعَة : 0
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 7
السٌّمعَة : 0
عضو جديد
لقد شارك هذا العضو في أكثر من 1 مساهمة مختلفة!
الذكرى الرابعة (إنشاء المنتدى)
هذا العضو ينتمي إلى هذا المنتدى منذ إنشاء المنتدى!
الثلاثاء 2 يناير - 19:33
![](https://i.servimg.com/u/f61/20/45/64/34/6_by_e10.png)
شكرا لك
يشهب
فريق العمل
![يشهب](https://2img.net/h/img.faceyourmanga.com/mangatars/0/391/391916/large_449797.png)
البلد : ![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
![مصر مصر](https://i.servimg.com/u/f79/12/39/44/15/egypti10.gif)
الجنس :
![ذكر ذكر](https://i.servimg.com/u/f46/20/18/95/08/a_2510.png)
المساهمات : 155
العمر : 32
السٌّمعَة : 16
عضو محبوب
لقد أُعجب هذا العضو أكثر من 5 مشاركة!
إعجاب المساهمات
لقد أعجبك أكثر من 50 مشاركة!
فريق العمل
هذا العضو ينتمي إلى مجموعة فريق العمل!
عضو مُخضرم
هذا العضو ينتمي إلى هذا المنتدى منذ 2 سنة!
عضو مُساهم
لقد شارك هذا العضو في أكثر من 100 مشاركة وتعليق!
عضو مُتحمس
لقد شارك هذا العضو في أكثر من 50 موضوعًا مختلفًا ، انه مُتحمس حقيقي!
سجل دخولك أو سجل عضوية جديدة لتستفيد أكثر من المنتدى!
سجل دخولك أو سجل عضوية جديدة لتحصل على المزيد من المنتدى!
صلاحيات المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى