الرئيسيةالرئيسية  كاندام كاندام  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

التسجيلتعليماتالمجموعات التقويممشاركات اليومالبحث



منتديات كاندام

منتديات كاندام


 

شاطر | 
 

 خصائص الخطوط و الروابط css

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

avatar
 مراقب


عدد المساهمات : 80
نقاط : 124
تاريخ التسجيل : 21/02/2012

مُساهمةموضوع: خصائص الخطوط و الروابط css   الأربعاء فبراير 29, 2012 5:04 am



~~~~






الســلام عليكم،،

درسنا اليوم مهم جداً لكل مصمم ومطور للمواقع

الدرس إن شاء الله بيكون مُلم بكل أساسيات الـcss الخاصة بالروابط بإذن الله

وكل الأكواد إللي راح تحتاجونها

اعتذر في البداية عن التأخير وكان بسبب الدراسه انشغلت شوي..

ندخل بالدرس..

تعلمنا بالدرس هذا الأكواد التالية


كود PHP:




text-decoration:overline;








ومعناته وضع خط فوق الكتابة


كود PHP:




text-decoration:line-through;








هذا معناته خط على الكلمات نفسها


كود PHP:




text-decoration:underline;








وهذا معناته خط تحت الكلمات


كود PHP:




text-decoration:none;








وهذا بدون خطوط



كود PHP:




text-indent:50px;








هذا معناته بأن الخط نزيحه 50 بكسل إلى اليمين

ونستطيع تغيير المقدار .. حتى بالسالب



كود PHP:




font-style:normal;








شكل الخط .. ونورمال يعني عادي


كود PHP:




font-style:italic;








معناته أن الخط مائل


كود PHP:




font-size:40px;








هذي الخاصية هي مقاس الخط

ونستطيع تغييرها حسب ما نرغب

وتعلمنا بأن هناك وحده تكون موصى من قبل الموقع الرسمي لـcss

وهي وحدة em

16 بكسل = 1 إي إم


مثال


كود PHP:




{font-size:2.5em;} /* 40px/16=2.5em */








وتعلمنا أيضاً عرض الخط


كود PHP:




font-weight:bold;








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


وتعلمنا أيضاً التحكم بالروابط من خلال الخيارات التالية

  • a:link شكل الرابط الأساسي

  • a:visited شكل الرابط بعدما نضغط عليه بالماوس ويتم زياة الموقع الذي يحتويه

  • a:hover عندما نضع الماوس على الرابط

  • a:active عندما نحدد الرابط من خلال الكيبورد


مالكم بالطويله.. نجي للشرح إللي راح يوضح لنا كل حاجه بإذن الله


روابط الشرح:

مشاهدة مباشرة بالنت :

الجزء الأساسي:
http://www.mnab33.com/css/css5.html

الجزء الإضافي المرتبط بالأساسي:
http://www.mnab33.com/css/css5-1.html


فلاش:(كليك يمين ثم حفظ بإسم )

الجزء الأساسي:
http://www.mnab33.com/css/css5.swf

الجزء الإضافي المرتبط بالأساسي:
http://www.mnab33.com/css/css5-1.swf


فيديو:

الجزء الأساسي:
http://www.mnab33.com/css/css5.rar

الجزء الإضافي المرتبط بالأساسي:
http://www.mnab33.com/css/css5-1.rar


بالنسبه للتطبيقات

شاهدوا الشرحين

بعدها استخدموا الطريقة في الجزء الأضافي

ولكم حرية الإختيار والشكل اللي تحبون

في حفظ الله















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

avatar
 كاندام جديد


عدد المساهمات : 37
نقاط : 41
تاريخ التسجيل : 25/02/2012

مُساهمةموضوع: رد: خصائص الخطوط و الروابط css   الأربعاء فبراير 29, 2012 7:57 pm



~~~~
شكرااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
zαωуα
 كاندام جديد

avatar
 كاندام جديد


عدد المساهمات : 32
نقاط : 34
تاريخ التسجيل : 05/03/2012

مُساهمةموضوع: رد: خصائص الخطوط و الروابط css   الإثنين مارس 05, 2012 5:33 pm



~~~~
الكود رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
روح الأسد
 مراقب

avatar
 مراقب


عدد المساهمات : 80
نقاط : 124
تاريخ التسجيل : 21/02/2012

مُساهمةموضوع: رد: خصائص الخطوط و الروابط css   الخميس مارس 08, 2012 5:38 am



~~~~
اقتباس :
الكود رائع

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

خصائص الخطوط و الروابط css

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات كاندام :: التصميم والتطوير :: قسم الأكواد-
جميــع المواضيع في المنتدى تعبر عن رأي كاتب الموضوع نفسه