×

استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)

السلام عليكم ورحمة الله وبركاته لعل الكثير منا مل استخدام الخطوط الافتراضية في مواقع الانترنت مثل خط أريال arial ( هذا النص مكتوب بخط أريال)

صورة 'tahasoft.com' الرمزية
قديمة 21 - 12 - 2012, 22:43
المشاركة 1
السلام عليكم ورحمة الله وبركاته
لعل الكثير منا مل استخدام الخطوط الافتراضية في مواقع الانترنت
مثل خط أريال arial ( هذا النص مكتوب بخط أريال) وخط تاهوما tahoma (هذا النص مكتوب بخط تاهوما)
وفي السابق كنا إذا أردنا أن نستعمل خطوط أخرى فإنه علينا تضمين النص كصورة وليس نص
وهذا بالتأكيد ليس حلاً عملياً إذا إن الصور ذات حجم كبير في حال كثرت النصوص كما أننا لا نستفيد من أرشفتها في محركات البحث
ولكن ظهر حديثاً مجموعة من الخطوط الخارجية التي يمكن استخدامها في مواقع الانترنت وهي خطوط رائعة وسأطرح اليوم بعض الأمثلة
سأشرح بشكل مفصل خط اسمه

( خط درويد الكوفي )
مثال على الخط:
منتدى طه سوفت
مثال من داخل المواضيع

الخط المعتمد حالياً بالمنتدى في ستايل أخضر أزرق كله بنفس الخط
طريقة الاستخدام: الطريقة الأسهل هي تضمين ملف css الخاص بالخط من موقع جوجل الذي يقدم لنا هذه الخدمة مجاناً
ويكود كود ملف html كاملاً كما يلي:

رمز PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<
head>
    <
title>خط خارجي طه سوفت</title>
    <
meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <
style type="text/css">
        @
import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
        
p{
            
font-family'Droid Arabic Kufi'serif;
        }
    </
style>
</
head>

<
body>
    <
p>خط درويد الكوفي  خط خارجي</p>
    <
p>منتدى طه سوفت للبرامج </p>

    <
b>
    <
p>خط درويد الكوفي  خط خارجي</p>
    <
p>منتدى طه سوفت للبرامج </p>
    </
b>
    
</
body>
</
html 
ضع الكود السابق في ملف Html واحفظه وافتح لترى النتيجة
MaDa.SpAcE, Fethi.dz, λβoѕнєгOġ و 1 آخرون معجبون بهذا.
  • اسم الشركة : طه سوفت
  • صاحب الشركه : زهير طه
  • أداء الشركـــة : استضافة و تصميم وبرمجة مواقع انترنت
  • بريد الشركـــة : [email protected]
  • الموقع:http://www.tahasoft.com/hosting
  • هاتف : من سوريا 0933960103
    من خارج سوريا 00963933960103
استماع الأناشيد الإسلامية بشكل مباشر
المشاهدات 7672 | التعليقات 23
قديمة 23 - 12 - 2012, 21:36
المشاركة 2
صورة 'علي القيسي' الرمزية
علي القيسي
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 03 - 2011
رقم العضوية : 89424
الدولة : The land of gold
المشاركات: 1,539
5
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
جميل بارك الله فييك
الحاكم الذي يعتمد على طبقة الأغنياء ، كمن يبني فوق الرمال - !
قديمة 23 - 12 - 2012, 23:25
المشاركة 3
THE IRAQI DENTIST
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 10 - 2009
رقم العضوية : 74347
الدولة : العراق
المشاركات: 398
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
عاشت ايدك اخي ع الخط الرائع ...
ولكن اتمنى شرح كيفية تطبيقه على ستايل المنتدى ؟

تحياتي لك
كن كالمطر اينما وقع نفع
قديمة 23 - 12 - 2012, 23:34
المشاركة 4
صورة 'nabarat' الرمزية
nabarat
:: عضو جديد ::
تاريخ الإنضمام: 22 - 01 - 2012
رقم العضوية : 106778
المشاركات: 20
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
عاشت ايدك اخي ع الخط الرائع ...
ولكن اتمنى شرح كيفية تطبيقه على ستايل المنتدى ؟
قديمة 24 - 12 - 2012, 01:37
المشاركة 5
صورة 'الحكيم*' الرمزية
الحكيم*
:: عضو نشيط ::
تاريخ الإنضمام: 16 - 11 - 2010
رقم العضوية : 88692
الدولة : في موقعي
المشاركات: 213
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
رائع فعلا .. تقبل تحياتي
لكن من الافضل اضافة كيفية التطبيق
إبراهيم سالم معجب بهذا.
أزكى التحايا من
منتديات آفاقي للابداع
ننتظر تشريفنا بزيارتكم
قديمة 24 - 12 - 2012, 21:39
المشاركة 6
senator
:: عضو نشيط ::
تاريخ الإنضمام: 02 - 03 - 2011
رقم العضوية : 94211
الدولة : بغداد/ العراق
العمر: 35
المشاركات: 208
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
ياريت اكثر توضيح طريقه التركيب

جزاك الله خير
قديمة 24 - 12 - 2012, 21:43
المشاركة 7
صورة 'ContexDev.com' الرمزية
ContexDev.com
.:: عضو متألق ::.
تاريخ الإنضمام: 15 - 10 - 2009
رقم العضوية : 73280
الدولة : Egypt & UAE
المشاركات: 6,605
153
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
ممكن تضع لنا رابط تحميل الخط ؟؟ >> بخلية خط جهازي
█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█
كونتكس ديف - طريقك لاحتراف البرمجة
█▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█

www.AhmedTag.com
Rozatant.com -- Rozatant.net -- Rozatant.org
قديمة 24 - 12 - 2012, 23:15
المشاركة 8
صورة 'عبودتشي' الرمزية
عبودتشي
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 01 - 2012
رقم العضوية : 102781
المشاركات: 1,415
18
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
ضع الكود السابق في ملف Html واحفظه وافتح لترى النتيجة


^
ي ليت تكتب الطريقه اللتي اقوم بعملها بالمنتدى وشكرا
قديمة 25 - 12 - 2012, 05:16
المشاركة 9
شبكة سكره
لم يقم بتفعيل عضويته
تاريخ الإنضمام: 07 - 01 - 2007
رقم العضوية : 31646
الدولة : السعوديه
المشاركات: 961
1
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
بانتظار الطريقه
قديمة 25 - 12 - 2012, 16:17
المشاركة 10
صورة 'عبودتشي' الرمزية
عبودتشي
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 01 - 2012
رقم العضوية : 102781
المشاركات: 1,415
18
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
تم تركيبه بالمنتدى لكن ممكن تذكر لي كيف طريقه تركيبه لسكربت
whmcs
حاولت وما ضبط معي
قديمة 25 - 12 - 2012, 16:31
المشاركة 11
صورة 'GENX2' الرمزية
GENX2
||| عضو التميز |||
تاريخ الإنضمام: 20 - 11 - 2008
رقم العضوية : 62389
الدولة : المملكة العربية السعودية
المشاركات: 19,230
99
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
وعليكم السلام ورحمة الله وبركاته ..

بصراحة اصبح الخط راائع ،، ولكن اشوف ان الافتراضي افضل
TRAIDNT.NET ©2015
قديمة 25 - 12 - 2012, 16:42
المشاركة 12
صورة 'sp--3' الرمزية
sp--3
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 03 - 2011
رقم العضوية : 90828
المشاركات: 544
2
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
كيف يتم تطبيقه على المنتدى ؟
قديمة 25 - 12 - 2012, 16:49
المشاركة 13
صورة 'sp--3' الرمزية
sp--3
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 03 - 2011
رقم العضوية : 90828
المشاركات: 544
2
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
ألي يسأل عن تركيبه بالمنتدى :

ينسخ هالكود ويحطه بالأكواد الإضافية css :

http://fonts.googleapis.com/earlyacc...arabickufi.css


وبعدين يحط إسم الخط ضمن أسماء الخطوط :


Droid Arabic Kufi
MafiawwY معجب بهذا.
قديمة 25 - 12 - 2012, 20:33
المشاركة 14
senator
:: عضو نشيط ::
تاريخ الإنضمام: 02 - 03 - 2011
رقم العضوية : 94211
الدولة : بغداد/ العراق
العمر: 35
المشاركات: 208
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
ألي يسأل عن تركيبه بالمنتدى :

ينسخ هالكود ويحطه بالأكواد الإضافية css :

http://fonts.googleapis.com/earlyacc...arabickufi.css


وبعدين يحط إسم الخط ضمن أسماء الخطوط :


Droid Arabic Kufi
عزيزي ياريت شرح الخطوات بالتفصيل جزاك الله خير
قديمة 25 - 12 - 2012, 21:34
المشاركة 15
صورة 'sp--3' الرمزية
sp--3
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 03 - 2011
رقم العضوية : 90828
المشاركات: 544
2
افتراضي رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)
عزيزي ياريت شرح الخطوات بالتفصيل جزاك الله خير
طيب وبقول لك من البداية ترى ماأعرف أشرح ^.^ , لكن بسوي ألي أقدر عليه

روح للإدارة > التحكم بالستايلات > إختر الستايل الي تبغى تضيف الخط له وإختار من القائمة [ css رئيسي > تفتح لك صفحة إنزل آخر شيء شوف هالصورة :

رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)


إدخل على هالصفحة :

http://fonts.googleapis.com/earlyacc...arabickufi.css

وإنسخ الكود ألي فيه وحطه بالمربع الثاني الي بالصورة تشوفه .

وبعدين إرجع للتحكم بالستايلات مرة أخرى وإختار نفس الستايل وإختار من القائمة [ خيارات أدوات القوائم ] وبتفتح لك صفحة إنزل آخر شي / شوف هالصورة :

رد : استخدام خط خارجي في موقعك (خط درويد الكوفي المعتمد في طه سوفت)

فيه خيار إسمه الخطوط المتوفرة مثل ماتشوف بالصورة . وتحته مربع فيه أسماء الخطوط . أكتب ضمن هالخطوط :

Droid Arabic Kufi

بس بسطر لوحده مثل باقي الخطوط




 
اضافة رد
 

الصندوق الماسي السادس هاك ادارة الصفحات الخارجية الاصدار الثالث – برمجة mr.AmRaLaA

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 15:21.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.