منتديات الديسم
هذه النافذة تشير بأنك لم تسجل بعد في منتدانا
مالذي تنتظره ؟!!!
سيغيب كل من علاء و الزعيم عن المنتدى لما لايقل عن أسبوع لظروف عائلية فصبرا حتى عودتهم
المواضيع الأخيرة
➟ إختر لونك المفضل

[تم الحل] كود اظافة خطوط


استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

avatar
تشان
عضو جيد
البلد : dz
الجنس : ذكر
المساهمات : 95

مُساهمةتشان في 10.06.18 16:12

اهلا انتا اود اظافة خطوط
هاته في صندوق الماسي و اودها ان تعمل
موقع الخطوط
http://www.fontface.me/font/search?q=%D8%A7%D9%84%D8%AC%D8%B2%D9%8A%D8%B1%D8%A9

اسماء الخطوط
جيزا برو ثقيل
حما
الأميري
[b]فني[/b]

[b][b]ديكو ثلث[/b][/b]


عدل سابقا من قبل تشان في 11.06.18 0:42 عدل 1 مرات
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 10.06.18 16:32

جاري العمل




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 10.06.18 16:46

تم تركيب الكود بنجاح وهذا مثال من هنا 
طريقة تركيب لكي تعم الفائدة
كود جافا سكربت
الكود:
$(function(){$(function() {
  $('.sceditor-button-font').click(function() {
    addFont('geeza-pro-bold');
    addFont('homa');
    addFont('amiri-quran');
    addFont('fanni');
    addFont('decotype-thuluth');
  
    $('.sceditor-font-option.new-font').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[font='+$(this).attr('data-font')+']','[/font]');$('.sceditor-font-picker').remove();e.preventDefault()})
  });
  function addFont(font){$('.sceditor-font-picker div').append('<a unselectable="on" class="sceditor-font-option new-font" href="#" data-font="'+font+'"><font unselectable="on" face="'+font+'">'+font+'</font></a>')}
})});

وكود css
الكود:
@font-face{font-family:'amiri-quran';src: url('//www.fontstatic.com/fonts/amiri-quran/amiri-quran.eot?#iefix');src: local('الأميري قرآن'), local('amiri-quran'),url('//www.fontstatic.com/fonts/amiri-quran/amiri-quran.woff') format('woff');}
@font-face{font-family:'decotype-thuluth';src: url('//www.fontstatic.com/fonts/decotype-thuluth/DecoType-Thuluth.eot?#iefix');src: local('ديكو ثلث'), local('decotype-thuluth'),url('//www.fontstatic.com/fonts/decotype-thuluth/DecoType-Thuluth.woff') format('woff');}
@font-face{font-family:'fanni';src: url('//www.fontstatic.com/fonts/fanni/Fanni.eot?#iefix');src: local('فني'), local('fanni'),url('//www.fontstatic.com/fonts/fanni/Fanni.woff') format('woff');}
@font-face{font-family:'geeza-pro-bold';src: url('//www.fontstatic.com/fonts/geeza-pro-bold/geeza-pro-bold.eot?#iefix');src: local('جيزا برو ثقيل'), local('geeza-pro-bold'),url('//www.fontstatic.com/fonts/geeza-pro-bold/geeza-pro-bold.woff') format('woff');}
@font-face{font-family:'homa';src: url('//www.fontstatic.com/fonts/homa/homa.eot?#iefix');src: local('حما'), local('homa'),url('//www.fontstatic.com/fonts/homa/homa.woff') format('woff');}




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
تشان
عضو جيد
البلد : dz
الجنس : ذكر
المساهمات : 95

مُساهمةتشان في 10.06.18 23:17

ممكن تغيير هذا
بخط الاميري
http://www.fontface.me/font/info/amiri





الكود:
@font-face{font-family:'amiri-quran';src: url('//www.fontstatic.com/fonts/amiri-quran/amiri-quran.eot?#iefix');src: local('الأميري قرآن'), local('amiri-quran'),url('//www.fontstatic.com/fonts/amiri-quran/amiri-quran.woff') format('woff');}
avatar
تشان
عضو جيد
البلد : dz
الجنس : ذكر
المساهمات : 95

مُساهمةتشان في 10.06.18 23:21

كما ايضا اود جعل الخط الموجود في الصفحة الرئيسية موجود في كل الصفحات يعني ليس فقط الصفحة الرئيسية و
تعليمي طريقة تغيير الخط اذا احببت تغييره
و شكرا لك و جزاك الله كل خير
avatar
تشان
عضو جيد
البلد : dz
الجنس : ذكر
المساهمات : 95

مُساهمةتشان في 10.06.18 23:30

لا انا لا اقصد تغيير خط الصفحة الرئيسة بل الخط الذي في صفحة الرئيسة اوده في جميع صفحات مثلا قسم السنة اولى ثانوي قم زوار و جميع الاقسام
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 10.06.18 23:31

تم اضافة خط اميري
وتعميمه على منتدى كاملا 
كيفية استخدام خط 
لما تدخلين للموقع تجدين امام كل خط زر استعمال اضغط عليه 
تظهر لك بالاسفل كودين الكود الاول هو عبارة عن html استدعاء للخط تضعينه في قالب overall headr end او في عناصر مستقلة
ثم تجدين اسفله خانة اخرى بها اسم الخط الذي يستدعى به ضعيه في صفحة الوان بخانة نوع الخط




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
تشان
عضو جيد
البلد : dz
الجنس : ذكر
المساهمات : 95

مُساهمةتشان في 10.06.18 23:38

ااا شكرا لك الامر نجح لكن خط اميري معقدة نوعا ما في منتديات يصلح للكتابة فقط سابحث عن خط و اضعه لك لكي تركبه في صفحة الرئيسة و كل صفحات شكرا لك لن انسى معرووفك
و ان شاء الله ربي يوفقك و ينجحك
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 10.06.18 23:41

انصحك بخط دريود كوفي هو خط من شركة جوجل
او خط الجزيرة




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
تشان
عضو جيد
البلد : dz
الجنس : ذكر
المساهمات : 95

مُساهمةتشان في 10.06.18 23:44

ممكن تركيب هذا الخط جزيرة على الصفحة الرئيسة و الكل
http://www.fontface.me/font/info/jazeera
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 10.06.18 23:47

تم تركيب   
نفس الخط الذي استعمله   
اذا تم الامر اضيفي لعنوان الموضوع تم الحل




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 11.06.18 2:16

[sol]تم الحل ينقل لارشيف المواضيع المحلولة[/sol]




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

أفتح حسابا أو أدخل لحسابك

يتوجب عليك أن تكون عضوا لتترك ردا

إفتح حسابا في منتدانا

إنضم لأسرتنا لنشارك خبراتنا ومعارفنا مع بعض


قم بتسجيل

تسجيل الدخول

أتمتلك حسابا قم بتسجيل الدخول من هنا


أدخل

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