الرئيسيةالرئيسية  كاندام كاندام  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

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



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

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


 

شاطر
 

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

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

روح الأسد
 مراقب


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

خصائص الخطوط و الروابط css Empty
مُساهمةموضوع: خصائص الخطوط و الروابط css   خصائص الخطوط و الروابط css Emptyالأربعاء فبراير 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


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

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

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

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

في حفظ الله















توقيع »  روح الأسد

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

عراقي
 كاندام جديد


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

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



~~~~
شكرااا
توقيع »  عراقي

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

zαωуα
 كاندام جديد


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

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



~~~~
الكود رائع
توقيع »  zαωуα

الرجوع الى أعلى الصفحة اذهب الى الأسفل
روح الأسد
 مراقب

روح الأسد
 مراقب


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

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



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

ردك اسعدنى
توقيع »  روح الأسد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

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

 مواضيع مماثلة

-
» شرح أساسيات الـ html وكيفية إضافة خصائص الـ css
» اكواد css أكثر من رائعة تخص الروابط

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