chatالمواضيع الأخيرة
مواضيع مماثلة
أشخاص في صن سيت
مشاهدة المزيد

نُشر بواسطة:

نغم الحياة
النجمة الذهبيه 20%
النجمة الذهبيه 20%
تاريخ النشر:
الجمعة 2 يونيو 2017 - 22:53
اسم الدولة : :
مصر
العمر :
25
عدد المساهمات :
315
المعجبون بمواضيعى :
13

كلمات دليلية:

شرح اضافة كود الخط الكوفى فى منتداك

بسم الله الرحمن الرحيم
كل عام وانتم بخير ورمضان كريم
اليوم اقدم لكم كود اجمل الخطوط للمنتدى

كود وطريقة اضافة الخط Arabic Kufi الكوفي للموقعك

كما هو موجود في هذا صن سيت
خط
اولا نذهب الى  لوحى الادارة المنتدى
ومن بعد نختار مظهر المنتدى

الصور والالوان


الالوان

ونختار مربع الخط الموجود  ونضع فيه هذه الجملة

الكود:

    Droid Arabic Kufi'

ضعها في الثلاث مرابعات حتى يكون الخط للمنتدى بشكل عام


شرح اضافة كود الخط الكوفى فى منتداك Question2  نوع خط كتابة العناوين :شرح اضافة كود الخط الكوفى فى منتداك Question2  نوع خط الكتابة على المنتدى :شرح اضافة كود الخط الكوفى فى منتداك Question2  نوع خط كتابة الأكواد :


ونضغط على سجل


 ومن بعد نذهب  ورقة السي اس اس 

CSS
 ونضع فيه هذا الكود



الكود مخفى للرد
وهنا انواع الخطوط مع رمزه



الكود:

 http://www.google.com/webfonts/earlyaccess


نُشر بواسطة:

صديق بشير
النجمة الفضية
النجمة الفضية
تاريخ النشر:
الجمعة 2 فبراير 2018 - 11:23
اسم الدولة : :
السودان
العمر :
29
عدد المساهمات :
6
المعجبون بمواضيعى :
0

كلمات دليلية:

رد: شرح اضافة كود الخط الكوفى فى منتداك

Thank

نُشر بواسطة:

elyusr
النجمة الفضية 50%
النجمة الفضية 50%
تاريخ النشر:
الجمعة 23 فبراير 2018 - 14:43
اسم الدولة : :
egypt
العمر :
40
عدد المساهمات :
37
المعجبون بمواضيعى :
0

كلمات دليلية:

رد: شرح اضافة كود الخط الكوفى فى منتداك

Thank

نُشر بواسطة:

Nader Tito
النجمة الفضية 20%
النجمة الفضية 20%
تاريخ النشر:
الجمعة 2 مارس 2018 - 15:10
اسم الدولة : :
مصر
العمر :
29
عدد المساهمات :
16
المعجبون بمواضيعى :
0

كلمات دليلية:

رد: شرح اضافة كود الخط الكوفى فى منتداك

مشكور

نُشر بواسطة:

عاشق ولهان
النجمة الفضية
النجمة الفضية
تاريخ النشر:
الأربعاء 26 مايو 2021 - 1:36
اسم الدولة : :
مصر
العمر :
19
عدد المساهمات :
9
المعجبون بمواضيعى :
0

كلمات دليلية:

رد: شرح اضافة كود الخط الكوفى فى منتداك

شكرا

نُشر بواسطة:

يشهب
النجمة الفضية 99%
النجمة الفضية 99%
تاريخ النشر:
الأربعاء 26 مايو 2021 - 14:08
اسم الدولة : :
EGYPT
العمر :
29
عدد المساهمات :
54
المعجبون بمواضيعى :
0

كلمات دليلية:

رد: شرح اضافة كود الخط الكوفى فى منتداك

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


 درس مفيد جداً و مهم بالرغم أنه منذ مدة طويلة.
 أحببت أن أشارككم اليوم حيلة بسيطة لكنها فعالة جداً في جعل تصميم الاستايل مختلف و جذاب. و على يقين تام أنها ستنجح معكم في كل مرة تستعملوها.
 عندما أقوم بتصميم استايل لموقع أو منتدى، أراعي دائماً أن أقلل من كمية الصور لجعل الموقع خفيف في التحميل و سريع التصفح.
 لذلك أركز تماماً على الألوان و تنسيقها مع بعضها البعض.
 لكن هناك حيلة بسيطة يمكن استغلالها بشكل رائع. و هي تغيير خطوط الموقع. معظم المواقع العربية للأسف تعتمد اعتماد كامل على الخطوط الرئيسية على الانترنت مثل (Tahoma, Arial, Sans Serif.. إلخ). و مؤخراً أصبح الخط الكوفي (Droid Arabic Kufi) هو الاتجاه السائد في عالم المواقع العربية.

 سأخبركم اليوم كيف تقومون بتغيير هذه الخطوط و استعمال خطوط جذابة كلها مجانية و مفتوحة المصدر.

 أولاً: كيفية تركيب الخطوط

 طريقة تغيير الخطوط سهلة جداً و بسيطة. قديماً كان يتوجب علينا أن نرفع النصوص على هيئة صورة مما ساهم في ثقل تحميل المواقع بشكل كبير.
 اليوم سنقوم باستخدام تقنية الـ CSS بشكل رهيب.

 سنقوم بإضافة الخطوط لملف الـ CSS بالطريقة التالية

الكود:

/*For more Codes: https://nf-son.ahlamontada.com*/@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
المصدر


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

نُشر بواسطة:

boualem02
النجمتان الفضيتان 50%
النجمتان الفضيتان 50%
تاريخ النشر:
السبت 16 أكتوبر 2021 - 8:12
اسم الدولة : :
الجزائر
العمر :
53
عدد المساهمات :
101
المعجبون بمواضيعى :
0

كلمات دليلية:

رد: شرح اضافة كود الخط الكوفى فى منتداك

شكرا على المجهود