ننتظر تسجيلك هـنـا

 

 

{ مُنتديآتَ حسآسَ ) ~
 
..{ ::: فعالِياتَ منتدياتَ حساسَ:::..}~
 
 
منتدياتَ حسَاس ترحبَ بكمَ وتسعدَ بـ إنضمامِِكمَ أهلاً وسهلاً بـ الجمِيع كلمة إدارة السوآر



۩۞۩ تطوير آلموآقع وآلمنتديآت وآلمدونآت ۩۞۩ كِل مآيخصَ آلمنتديآتْ وآلموإقع .. وَتطوّيرهاَ / عَرضْ الأستَايلآت / دروس تطويرية / هآكآت / أكوآد / معلومآت هآمة

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
#1  
قديم 02-08-2019, 08:44 PM
تعآليت بك♕ غير متواجد حالياً
Saudi Arabia     Female
اوسمتي
وسام تاج الإداره اوفياء المنتدى وسام نجَم أسبوعَ عز وفخر 88 
لوني المفضل Maroon
 عضويتي » 1062
 جيت فيذا » Mar 2018
 آخر حضور » 06-08-2019 (03:12 AM)
آبدآعاتي » 21,292
الاعجابات المتلقاة » 2997
 حاليآ في » حيث اكون ..
دولتي الحبيبه » دولتي الحبيبه Algeria
جنسي  »  male
آلقسم آلمفضل  »
آلعمر  »
الحآلة آلآجتمآعية  »
 التقييم » تعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond reputeتعآليت بك♕ has a reputation beyond repute
مــزاجي  »
مشروبك   water
قناتك
اشجع
بيانات اضافيه [ + ]
الخطوط وكيف تفعلها باستخدام css



نوع الخطوط "font-family"

الخاصية font-family تستخدم لوضع قائمة خطوط تطبق على حسب الأولوية على عنصر أو صفحة ما، إذا لم يجد المتصفح الخط الأول ضمن قائمة الخطوط سيقوم باستخدام الخط الثاني في القائمة وإذا لم يجده سيحاول عرض الخط التالي، وهكذا حتى يجد الخط المناسب.
هناك نوعان من أسماء الخطوط تستخدم لتصنيفها، خطوط بأسماء محددة أو أسماء عامة، المصطلحين سنشرحهما في الفقرات اللاحقة.
أسماء الخطوطأمثلة لخطوط بأسماء محددة هي "Arial" و"Times New Roman" أو "Tahoma".أسماء عامةالأسماء العامة للخطوط تحدد المجموعة من الخطوط التي لها شكل متماث، فمثلاً sans-serif هي مجموعة من الخطوط لا تحوي زوائد على الأحرف وهي خطوط مناسبة لعرض النص على الشاشة. الاختلاف بين أنواع الخطوط يوضح في المثال التالي:

عندما تضع قائمة بالخطوط في موقعك فأنت تبدأ مع الخط المفضل لديك ثم الذي يليه، ومن الأفضل أن تنهي القائمة باسم مجموعة عامة من الخطوط، بهذه الطريقة تضمن أن الصفحة ستعرض بنفس النوع من الخط المفضل لديك إذا لم يجد المتصفح الخط الذي قمت بتحديده.
فمثلاً قائمة مرتبة من الخطوط مرتبة ستكون بهذا الشكل:
h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: "Times New Roman", serif;}
  • شاهد المثال
العناوين التي حددت باستخدام العنصر <h1> ستعرض باستخدام خط "Arial"، إذا لم يكن هذا الخط مثبتاً في حاسوب المستخدم سيعرض بدلاً منه خط "Verdana" وإذا لم يكن الإثنان موجودان على حاسوب المستخدم سيتم اختيار خط من عائلة الخطوط sans-serif لعرض العناوين.
لاحظ كيف أننا وضعنا اسم خط "Times New Roman" بين علامتي تنصيص لأن اسمه يحوي مسافات ولذلك يجب أن يوضع بين علامتي تنصيص.
طراز الخط "font-style"

الخاصية font-style تحدد ما إذا كان الخط سيحمل القيمة normal أو italic أو oblique، في المثال أدناه كل عناوين <h2> ستظهر بشكل مائل.
h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: "Times New Roman", serif; font-style: italic;}
  • شاهد المثال
تباين الخط "font-variant"

الخاصية font-variant تستخدم للاختيار بين القيمتين normal أو small-caps للخط وهي متعلقة فقط باللغات الأوروبية، القيمة small-caps تعني أن النص سيكتب بحروف كبيرة لكنها من ناحية الحجم صغيرة، ، يبدو الأمر مربكاً، عليك أن تشاهد المثال الآتي لكي تفهم أكثر:

إذا اختيرت القيمة small-caps للخاصية font-variant ولم يكن هناك خط يدعم هذه الخاصية سيقوم المتصفح بعرض النص بحروف كبيرة فقط.
h1 {font-variant: small-caps;} h2 {font-variant: normal;}
  • شاهد المثال
وزن الخط "font-weight"

الخاصية font-weight تصف كم ستكون سماكة أو "ثقل" الخط، يمكن للخط أن يحمل القيمة normal أو bold، وهناك متصفحات تدعم استخدام الأرقام من 100 إلى 900 لوصف ثقل الخط.
p {font-family: arial, verdana, sans-serif;} td {font-family: arial, verdana, sans-serif; font-weight: bold;}
  • شاهد المثال
حجم الخط "font-size"

حجم الخط يمكن تحديده بالخاصية font-size.
هناك العديد من الوحدات (مثال: بكسل، النسبة المؤية) التي يمكن استخدامها لوصف حجم الخط، في هذا المثال سنركز على الوحدات الأكثر استخداماً، والمثال يتضمن:
h1 {font-size: 30px;} h2 {font-size: 12pt;} h3 {font-size: 120%;} p {font-size: 1em;}
  • شاهد المثال
هناك فرق واحد بين وحدات القياس الأربع، وهي أن كل من 'px' و'pt' تجعل حجم الخط محدداً بدقة وثابت بينما '%' و'em' تسمح للمستخدم بتغيير حجم الخط إلى المستوى المناسب له، هناك العديد من المستخدمين من ذوي الاحتياجات الخاصة أو كبار السن أو من يعاني من ضعف في البصر أو يملك شاشة ذات جودة رديئة، ولكي نجعل الموقع قابلاً للوصول لهذه الفئات وللجميع لا بد من استخدام وحدات قياس يمكن تعديلها مثل '%' أو 'em'.
في المثال أدناه توضيح لكيفية تعديل حجم الخط في موزيلا فايرفوكس وإكسبلورر، خاصية رائعة، ألا تظن ذلك؟

جمع كل خصائص الخط "font"

استخدام font الخاصية التي يمكنها أن تختصر كل خصائص الخطوط في سطر واحد.
فمثلاً تصور هذه السطور الأربعة تصف خصائص خطوط للعنصر <p>:
p { font-style: italic; font-weight: bold; font-size: 30px; font-family: arial, sans-serif; }
باستخدام الخاصية التي تختصر الخصائص الأخرى يمكن للسطور الأربعة أن تبسط بهذا الشكل:
p { font: italic bold 30px arial, sans-serif; }
قائمة قيم الخاصية font ترتب بهذا الشكل:
font-style | font-variant | font-weight | font-size | font-family




رد مع اقتباس
قديم 02-10-2019, 10:41 AM   #2


الصورة الرمزية صقر الجزيره

 عضويتي » 18
 جيت فيذا » Apr 2010
 آخر حضور » 02-28-2024 (02:11 PM)
آبدآعاتي » 46,656
الاعجابات المتلقاة » 3026
 حاليآ في » هنا بحساس فقط
دولتي الحبيبه » دولتي الحبيبه Saudi Arabia
جنسي  »  male
إهتماماتي  » الشعر
آلقسم آلمفضل  » العام ♡
آلعمر  » 30
الحآلة آلآجتمآعية  » اعزب ♔
 التقييم » صقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond reputeصقر الجزيره has a reputation beyond repute
مــزاجي  »
مشروبك   bison
قناتك line-sport
 naser
мч ммѕ ~
MMS ~
 آوسِمتي وسام الوطِني 93 (نحلم ونحقق) النشاط المميز عيدِِيةَ حساسَ/ وكُل عامَ وأنتمَ بخير وسام شكرَ خاص بعودةَ / سُلطان المكانَ 

صقر الجزيره غير متواجد حالياً

افتراضي





 توقيع : صقر الجزيره



رد مع اقتباس
قديم 03-22-2019, 08:10 PM   #3


الصورة الرمزية 7ssass

 عضويتي » 2
 جيت فيذا » Apr 2010
 آخر حضور » 03-04-2024 (01:45 AM)
آبدآعاتي » 148,932
الاعجابات المتلقاة » 5747
 حاليآ في » のدآخل إحساآآسـےの
دولتي الحبيبه » دولتي الحبيبه Saudi Arabia
جنسي  »  male
إهتماماتي  » ڪتابة الخوآطر,والتصميم
آلقسم آلمفضل  » التصميم والجرافيك ♡
آلعمر  » 30
الحآلة آلآجتمآعية  » اعزب ♔
 التقييم » 7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute7ssass has a reputation beyond repute
مــزاجي  »
مشروبك   sprite
قناتك action
 ithad
мч ѕмѕ ~
أنا حرفاً جزم نفسه
ومثلي يصعب إعرآبه
мч ммѕ ~
MMS ~
 آوسِمتي وسام الوطِني 93 (نحلم ونحقق) وسام منجم وفاء عيدِِيةَ حساسَ/ وكُل عامَ وأنتمَ بخير وسام شكرَ خاص بعودةَ / سُلطان المكانَ 

7ssass غير متواجد حالياً

افتراضي



يعطيكِ العافيه أختي الكريمه ع الجلب المفيد
تقديرنا


 توقيع : 7ssass






رد مع اقتباس
قديم 09-21-2019, 09:01 AM   #4


الصورة الرمزية ♣♪ Amal

 عضويتي » 1187
 جيت فيذا » Oct 2018
 آخر حضور » يوم أمس (10:46 PM)
آبدآعاتي » 142,321
الاعجابات المتلقاة » 5068
 حاليآ في » اقصى مكان
دولتي الحبيبه » دولتي الحبيبه Saudi Arabia
جنسي  »  female
إهتماماتي  » شت المجالات
آلقسم آلمفضل  » الحصريات ♡
آلعمر  » 32
الحآلة آلآجتمآعية  » منفصلة♔
 التقييم » ♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute♣♪ Amal has a reputation beyond repute
مــزاجي  »
مشروبك   pepsi
قناتك mbc
 ahli
мч ммѕ ~
MMS ~
 آوسِمتي وسام افكار وفن حضور وهاج وسام الوطِني 93 (نحلم ونحقق) عيدِِيةَ حساسَ/ وكُل عامَ وأنتمَ بخير 

♣♪ Amal غير متواجد حالياً

افتراضي



دَام عَطَائِكْ.. يَآطُهرْ..
وَلَا حَرَّمْنَا أَنْتَقَائِكْ الْمُمَيِّز وَالْمُخْتَلِف دَائِمَا




رد مع اقتباس
إضافة رد
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

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

الانتقال السريع


الساعة الآن 08:35 PM

أقسام المنتدى

| روحَانيات إسَلآميَة ، @ قُطوْف دِينيَه ▪● @ كُلنآ فِدآك يارسُول الله ▪● @ ¬ | متِصّفحْ حّر ، @ مُوجز آلآنبآء ▪● @ رُكـنْ آلعَـام ▪● @ ¬ | رَوآئِعنـآ ، @ ¬ | أبجديّة حرَف ، @ ۞ω☆ { الشعر و الشعرآء } ۞ω☆ @ ۞ω☆ { عذب الكلآم } ۞ω☆ @ ۞ω☆ { القصص و الروآيآت } ۞ω☆ @ ¬ | حَيآتنّا ومُجتَمعنَـآ | @ آنوثـہَ طآغيـہَ ▪● @ مطبخڪَ ▪● @ جمآل منزلڪَ ▪● @ ¬ | تطوَير آلذاتْ وَآلتعّلِيم ، @ التَربيه وَ التعْليم ▪● @ قسم اللغات ( Special Language ) ▪● @ ¬ | الإدَآرْه| @ حـَلقـة الوّصل ▪● @ مُلتقَى الطَآقمْ الإدَاريْ ▪● @ المنَفى ▪● @ النقاشات الجـَاده ، والحوآر الصَريح ▪● @ حَيآتُنآ الأُسَريهْ ▪● @ آلـصُور ▪● @ آلسِياحَه وَ السَفر ▪● @ آلقرآنْ الڪَرِيمْ والتجويد وَالصوتيات الأسْلآمِيهَ @ تَرآثِيـاتْ ▪● @ ¬ | الأقسَام الترْفِيهيهْ @ جُنوْن ألعآبنَـا ▪● @ آلصرْقعـَه وَ الألغَآز ▪● @ توَصيٌآت وأمضاَء أقِلآمّ الإدَارهْ ▪● @ ¬ | عَآلمْ أدمَ | @ الڛيآرآتْ والدرآجآتْ النآريـہ ▪● @ آلطِبُ وَ الصحْه ▪● @ ¬ | تِڪَنولوجيآ ،/ @ حساس الجوال ووبرامجه ▪● @ اليوتيوب You Tube ▪● @ الگمبيوتر و الانْترنِت والالعآإب الالكترونيـہ ▪● @ ¬ | مجِتمّع حَساس ، @ تَفـآصِيلُنـاَ هُنآ آ ▪● @ يَومِيآتَ آعضَآئُنآ ▪● @ مَجلْـة حَسآسْ @ تَحقِيقَآتُنآ .. / كُرسِي الأعْترَآف @ نقِآءَ ألتميّيزَ ▪● @ آلخيَمه الرمضانيه @ آلحَجِ وَالحُجَـآجْ ....... @ ¬ | حصريات حَساس ، ღ♥ღ @ ▪● ريشه مخمليه @ ومضات وفلاشآت عدسات مضيئه ▪● @ تطوير الذآت ▪● @ أطْفـآلُنـَا ▪● @ ۩۞۩ تطوير آلموآقع وآلمنتديآت وآلمدونآت ۩۞۩ @ حقيبة وعالمَ المصممَ●▪● @ التوآصل الإجتماعي ▪● @ ملحقات الفوتشوب والدروس الحصريه ▪● @ تعآزي وموآساه ▪● @ مُسآبَقاتْ وَ فعْالِيَـاتْ ▪● @ ۞ω☆ { حساس الخوآطر والأشعار الحصريهـ } ۞ω☆ @ ۞ω☆ { حساس الموآضيع و المقآلآت الحصريهـ } ۞ω☆ @ ۞ω☆ { حساس القصص و الروآيآت الحصريهـ } ۞ω☆ @ ¬ | دَورآت حسـَآس ▪●، @ ¬ | عالم الأنــــمي @ الأفلام الوثائقيه ▪● @ ¬ | دورة تصميم الرمزيات والتواقيع المتحركة @ رضاب من محآبر النور ▪● @ مجلِس التَوظيِف والوَظآئِف ▪● @ قسم الحيوانات والنباتات والطيور والحياه البحريه ▪● @ فضفضه تحكي روآياتنا @ ¬ | بدآية مسك ووآحة تألق وإبدآع ،ღ♥ღ @ آلترحِيبْ بِ الأعضَاء ▪● @ ۩۞۩{ فواصل واكسسوارات لتزيين المواضيع }۩۞۩ @ ¬ | ال حساس هُنا نسقوا مواضيعكم @ طلبآتكم هٌنآإ ▪● @ حديث الشّغب بين ريشة ومحبرة ▪● @ قسم طلبآت اللوكآت المدفوعه لـ زوار @ ¬ | معرض مصممي حساس @ مجلة أعضآء حسآس ▪● @ مساحة خاصة للتنسيق ▪● @ عـآلم آلرجُل ▪● @ صدىَ آلملآعبَ ▪● @




 »:: تطويرالكثيري نت :: إستضافة :: تصميم :: دعم فني ::»

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
new notificatio by 9adq_ala7sas
HêĽм √ 3.2 OPS BY: ! ωαнαм ! © 2011-2012
vEhdaa 1.1 by NLP ©2009