منتديات حدوتة مصرية

 

« إعلانات المنتدى »
 
 
  




أهلا وسهلا بك إلى منتديات حدوتة مصرية.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


 

السبت ديسمبر 03, 2016 6:05 pm #111
أفندينا




avatar

 
♛ تاريخ التسجيل » : 26/11/2016
♛ آبدآعاتي » : 45
♛ دولتي الحبيبه » : السعودية
♛ جنسي » : ذكر
♛ نقآطي » : 851
♛ حاليآ في » : حدوتة مصرية
♛ آلعمر » : 39
♛ ﺍﻟﺤﺂﻟﺔ ﺁﻵﺟﺘﻤﺂﻋﻴﺔ ‏» :
  • أعزب

♛ آلقسم آلمفضل  » :
  • الرياضي

♛ ﻧﻈﺂﻡ ﺁﻟﺘﺸﻐﻴﻞ ‏» :
  • windows XP

♛مشروبي آلمفضل‏» : pepsi
♛ قنآتي المفضلة ‏» : rotana
♛ آلنادي آلمفضل ‏» : hilal
♛ مزآجي ‏» : 4
♛ MMS ‏» : 59


 
مُساهمةموضوع: [ BBcode ] تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل




كثيرة هي الطرق والشروحات لكني اختار لكم الاسهل في التطبيق والافضل في العمل

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

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

الطريقة لتغيير جميع خطوط المنتدى للخط الكوفي او تستطيع تحديد ما ترغب بتغييره من الخطوط كمثال تستطيع تغيير خطوط الاقسام الرئيسية فقط

الحالة الاولى من الشرح اذا لم يكن للاستايل ملف اعدادات خارجي او ما يسمى بالــ style.css

في هذه الحالة نتبع الطريقة التالية

لوحة تحكم المنتدى ثم التحكم بالاستايلات ثم من امام الاستايل الذي نريد تغيير الخطوط فيه نجعل الاختيار على [ خيارات جميع الاستايلات ] ونضغط على [ اذهب ]

شاهد الصورة التوضيحية للخطوة




ثم نضع هذا الكود في كل مستطيل يقابل [ نوع الخط ] اذا اردت ان تغيير جميع الخطوط او في المستطيلات المراد تغيير الخط فيها اذا اردت تغيير الخطوط في اماكن محددة

وانصح بتغيير جميع الخطوط حتى المستطيلات الفارغة التي تقابل [ نوع الخط ] ضع فيها الكود التالي

الكود:
 'Droid Arabic Kufi', serif; 

شاهد الصورة التوضيحية للخطوة




بعد ان اتممنا اضافة الكود في جميع المستطيلات المطلوبة ننزل الى اسفل الصفحة وفي المستطيل الثاني من :-

تعاريف CSS الإضافية/Additional CSS Definitions

نضيف الكود التالي ثم نضغط على حفظ

الكود:
 /*  * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess  */ @font-face {  font-family: 'Droid Arabic Kufi';  font-style:  normal;  font-weight: 400;  src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);    src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix)  format('embedded-opentype'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2)  format('woff2'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff)  format('woff'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf)  format('truetype'); } @font-face {  font-family: 'Droid Arabic Kufi';    font-style: normal;  font-weight: 700;  src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);    src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix)  format('embedded-opentype'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2)  format('woff2'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff)  format('woff'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf)  format('truetype'); } 

شاهد الصورة التوضيحية للخطوة



الحالة الثانية من الشرح اذا كان للاستايل ملف اعدادات خارجي او ما يسمى بالــ style.css

في هذه الحالة نضع الكود التالي في بداية ملف STYLE.CSS والذي تجده في السي بنل في مجلدات الاستايل

الكود:
  /*  * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess  */ @font-face {  font-family: 'Droid Arabic Kufi';  font-style:  normal;  font-weight: 400;  src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);    src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix)  format('embedded-opentype'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2)  format('woff2'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff)  format('woff'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf)  format('truetype'); } @font-face {  font-family: 'Droid Arabic Kufi';    font-style: normal;  font-weight: 700;  src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);    src:  url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix)  format('embedded-opentype'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2)  format('woff2'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff)  format('woff'),        url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf)  format('truetype'); } 

ثم نبحث عن

الكود:
  font-family 

ونستبدل كود الخطوط الذي يقابلها بهذا الكود

الكود:
  'Droid Arabic Kufi', serif; 

ثم نحفظ الملف

شاهد الصورة التوضيحية للخطوة



انتهى


الموضوع الأصلي : [ BBcode ] تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل المصدر : منتديات حدوتة مصرية الكاتب: أفندينا




 معاينة صفحة البيانات الشخصي للعضو



الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)
عدد المتصفحين الحاليين للمنتدى: لا أحد


تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


الساعة الآن


تحويل AsHeK EgYpT من خلال منتدي ستار ديس