كيفية عمل استايل لصفحتك بواسطة Css - منتديات نور الاستقامة
  التسجيل   التعليمـــات   قائمة الأعضاء   التقويم   البحث   مشاركات اليوم   اجعل كافة الأقسام مقروءة
أخواني وأخواتي..ننبه وبشدة ضرورة عدم وضع أية صور نسائية أو مخلة بالآداب أو مخالفة للدين الإسلامي الحنيف,,,ولا أية مواضيع أو ملفات تحتوي على ملفات موسيقية أو أغاني أو ماشابهها.وننوه أيضاَ على أن الرسائل الخاصة مراقبة,فأي مراسلات بين الأعضاء بغرض فاسد سيتم حظر أصحابها,.ويرجى التعاون.وشكراً تنبيه هام


** " ( فعاليات المنتدى ) " **

حملة نور الاستقامة

حلقات سؤال أهل الذكر

مجلة مقتطفات

درس قريات المركزي

مجلات نور الاستقامة



الإهداءات



دروس الـ[vb] قسم خاص بشروحات منتديات الـ [vb]


إضافة رد
 
أدوات الموضوع
Icon26  كيفية عمل استايل لصفحتك بواسطة Css
كُتبَ بتاريخ: [ 03-03-2011 ]
رقم المشاركة : ( 1 )
الصورة الرمزية عابر الفيافي
 
عابر الفيافي غير متواجد حالياً
 
رقم العضوية : 1
تاريخ التسجيل : Jan 2010
مكان الإقامة : في قلوب الناس
عدد المشاركات : 8,873
عدد النقاط : 363
قوة التقييم : عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز


كيفية عمل استايل لصفحتك بواسطة Css

بسم الله الرحمن الرحيم

مواضيع سابقة



[ الدرس الأول ] كيفية عمل استايل لصفحتك بواسطة Css

صفحتنا العادية بلغة Html تكون غالبا بهذا الشكل

كود بلغة HTML:
<Html> <Head>رأس الصفحة</Head> <Body> محتوى الموضوع نادى دروسكم </Body> </Html>


هذا المحتوى العادى للصفحة باستخدام لغة Html

طبعا فوائد استخدام لغة Css كما تكلمنا عنها فى المقدمة هى توفير استايل يتحكم فى صفحات موقعك

و التصميم كاملا

الآن سوف نرى الصفحة و لكن بلغة Css

كود بلغة HTML:
<Html> <Head> <style type="text/css"> P { color:blue; text-align:right; } </style> </Head> <Body> <P> اهلا بكم فى نادى دروسكم </P> <P> زورونا على الرابط التالى Www.Drooscom.Com </P> </Body> </Html>


سوف تظهر لنا الصفحة بهذا الشكل شوف المثال

Css.Lesson.1.Ex.1.html

سوف نشرح الآن فائدة كل كود و كيف نتحكم بالاستايل اولا

كود بلغة HTML:
<style type="text/css">


هذا يوصف نوع الاستايل المستخدم و هو استايل Css

يجب وضع الكود التالى فى وسم الهيدر

<Head>هنا</Head>

ثم

P

هو الوسم الذى سنستخدمه لتنسيق التصميم

مثلا اى شىء نريده ان يكون بنفس تنسيق الاستايل نستخدم الوسم

<P>هنا محتوى الكلمات</P>

كود بلغة HTML:
{ color:blue; text-align:right; }


تابع الأقواس الاستايل يجب ان يكون داخل هذه الأقواس

{ هنا }

نأتى للاوامر

كود بلغة HTML:
color:blue;


معناها ان اللون سوف يكون أزرق

ثم اذا اردت وضع امر آخر بعد هذا تقوم بوضع مسافة و تكتب الامر الثانى

كود بلغة HTML:
text-align:right;


و معناها محاذاه النص سوف تكون الى اليمين تابع المثال السابق

ليصبح الكود بهذا الشكل

كود بلغة HTML:
{ color:blue; text-align:right; }


طبعا يمكن كتابة الكثير من الاوامر داخل الاستايل

هنا ميزة Css

اننى يمكننى تغيير الاستايل نفسه بدون التعديل على صفحة Html

كالتالى

يمكننى مثلا تغيير اللون و المحاذاة من الاستايل نفسه

P { color:red; text-align:center; }

هنا اخترت اللون ليكون احمر و المحاذاة وسط

تابع المثال لترى كيف تغيرت الصفحة

Css.Lesson.1.Ex.2.html

الآن عرفنا مكان وضع كود الاستايل و عرفنا بعض المعلومات عن الاكواد و Css

لاحقا ان شاء الله سوف نتناول كيفية عمل استايل فى ملف مستقل بعيدا عن الصفحة

و الكثير و المزيد من الاوامر

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

;dtdm ulg hsjhdg gwtpj; f,hs'm Css hsjhdg css f,hs'm ulg





توقيع :



لا يـورث الـعلم مـن الأعمام **** ولا يـرى بالليـل فـي الـمنـام
لـكــنـه يحصـــل بالتـــكـــرار **** والـدرس بالليـــل وبـالـنـهار
مـثاله كشجرة فـــي النــفس **** وسقيه بالدرس بعد الـغرس

رد مع اقتباس

كُتبَ بتاريخ : [ 02-15-2013 ]
 
 رقم المشاركة : ( 2 )
::مـشـرفــة::
::الـنـور الـتـرفـيـهـي::


رقم العضوية : 174
تاريخ التسجيل : Oct 2010
مكان الإقامة : حيث أجد ذاتي
عدد المشاركات : 2,507
عدد النقاط : 108

الفراشة الذهبية غير متواجد حالياً



الف شكر على الموضوع الجميل
جزيت خيراً

توقيع :

رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
لصفحتك , استايل , css , بواسطة , عمل , كيفية


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[شرح] كيفية اضافة رابط جديد لمنطقة النافبار...Navbar عابر الفيافي دروس الـ[vb] 3 01-27-2011 12:12 AM
شرح طريقة عمل استايل لمنتداك جنون نور استايلات الـ [vb] 3 12-14-2010 12:29 PM
[شرح] كيفية فتح حساب جديد في الهوتميل ( شرح بالصور ) عابر الفيافي نــور الــماسـنــجـر 1 10-22-2010 06:52 AM


الساعة الآن 09:19 AM.