✿ شبكة قلوب تنبض بالايمان ✿
عانقت جدران منتدانا
عطر قدومك ... وتزيّنت
مساحاته بأعذب عبارات الود والترحيب
ومشاعر الأخوة والإخلاص ... كفوفنا ممدودة
لكفوفـك لنخضبها جميعاً بالتكاتف في سبيـل زرع بذور
الأخلاقيـات الراقيـة ولا نلبـث أن نجني منهـا
إن شاء الله ثمراً صالحاً.. ونتشـارك
كالأسرة الواحدة لتثقيف بعضنا
البعض في كل المجالات
أتمنى لك قضاء
وقت ممتع
معنا

✿ شبكة قلوب تنبض بالايمان ✿

✿ شبكة قلوب تنبض بالايمان ✿
 
الرئيسيةس .و .جبحـثالتسجيلدخول
               
الاشراف بالمنتدى بملغ 500.00 دج شهريا (فليكسي-جازي.موبليس.نجمة)  
دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر
التبادل الاعلاني

انشاء منتدى مجاني



بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
أفضل 10 أعضاء في هذا المنتدى
نبض القلوب
 
abu wessam
 
يحي عبد الواحد
 
جزائري و أفتخر
 
محمد السيد
 
ميدولف
 
lemac
 
نور الهدى
 
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية digg  تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط ✿ شبكة قلوب تنبض بالايمان ✿ على موقع حفض الصفحات
تصويت
ما رأيك
 1-ممتاز
 2-رائع
 3-لابأس
 4-متوسط
 5-ضعيف
استعرض النتائج
فايسبوك

شاطر | 
 

 ماهي تقنيات css وكيف استخدمها؟

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


مُساهمةموضوع: ماهي تقنيات css وكيف استخدمها؟   الإثنين يونيو 04, 2012 11:44 pm

السلام عليكم ورحمة الله وبركاته
’’
سوف اشرح لكم ماهي تقنية (css) وكيف التعامل معاها
.
تعريف؟ css
تقنية Css مختصره من Cascading Style Sheets
وتقنية css ليست بلغة برمجية أنما تقنيه كما يخطئ البعض انها لغة برمجية.
تهتم بشكل كبير وبشكل أوسع على أشكال تصميم وأنسيابات صفحات الويب,كمثل
أنماط الصفحه وشكلها من الألوان والخطوط والخلفيات والصور وغيرهم ..

ما الفائدة منها؟
يمكنك من خلاله تشخيص تصميم كامل لمنتداك
تجعل منتداك خفيفا وفي غاية الدقة من الجمالِ
هل تعمل علي جميع المتصفحات؟
للآسف لاتعمل هذه التقنية علي جميع المتصفحات ,, ليس السبب من القنية
السبب ان بعض المتصفحات لاتقبلها ,, تعمل مع اشهر المتصفحات العالمية
اين اجد مكانها في المنتدي الخاص بي؟
احلي منتدي وفرت عليك مجهود كبير ولن تحتاج ان تكون خبير ِلكي تعرف مكانها
لوحة الادارة - مظهر المنتدي -ألوان - ورقة تصميم css
هل استطيع وضع اكواد من نوع html بداخلها؟
لايمكنك وضع اكواد هتميل بداخل هذه الورقة المشخصة
يجب ان تربط بين الاكواد بطريقة صحيحة لكي تعمل بشكل سليم
طريقة وضع css في اكواد html
هناك الكثير ممن يريد انشاء صفحة html وتطبيق كود css فيها ولكنه لا يريد
استخدام اعلى واسفل المنتدى (اي صفحة فارغة) ولكن اكواد ورقة css المذكورة
لا تطبق الا على الصفحات المُستخدم فيها أعلى وأسفل المنتدى في هذه الحالة

الحل موجود :
ضع هذا الكود في الصفحة المرادة

الكود:

  1. <style type="text/css"">

  2. هنا كود css المراد تعميمه على صفحة html
  3. </style>

ماذا يحدث لو وضعت كود خطاء بداخلها؟
الخطاء الشائع عندما مثلا تضع كود هتميل بداخلها يظهر لك هذا الخطاء
<blockquote>
لقد تم تجديد ال CSS الخاص بك
ملاحظة:
أكواد ال html قد تسبب أخطاء في أوراق ال CSS
لقد تم القيام بعملية صيانة تم على إثرها حذف أكواد ال html التي قمت بإضافتها في ورقة ال CSS</blockquote>
ليس مشكل كبيرا ِسهل التخطي منه
كل ماعليك ان تذيل الكود الذي وضعته
في اغلب الحالات الكود يتحذف تلقائي
..
الخطاء الثاني
<blockquote>
تم العثور على خلل
لقد قمنا بإيجاد عدد مختلف من "{" و "}". هذا يعني أن CSS الخاص بك قد لا يعمل و لن يظهر بشكل لائق في منتداك.

ننصحك بمراجعة الكود المستعمل.
</blockquote>

ما هذا لاتقلق ِ هذا معناه انك وضعت كود غير كامل
كيف غير كامل ؟ نعم غير كامل تقنية الانسابية يجب ان تغلق وتفتح في نهاية الكود
مثال
اذا وضعت هذا الكود سوف يعمل بدون خطاء
الكود:

  1. .forum {
  2. تجريبي ;
  3. }

عندما ننسه ونترك هذه العلامة
} هذا معناه ان الكود ماذا مفتوح وليس مغلق
ونضع الكود هكذا
الكود:

  1. .forum {
  2. تجريبي;

هكذا يظهر لنا الخطاء ِكل ماعليك ان تعيد النظر في الكود
وتحاول ان تضع الناقص .. اذا لم تعرف اكتب موضوع يوضح طلبك
وان شاء الله خبرئنا لم يتئخروا عليكم بشئ
هل استطيع اكتب بجوار الكود اسمه عربي او انجليزي؟
نعم بالتاكد تسطيع ان تكتب فوق الكود اسمه لكي لاتنساه لكن بشروط
ان تعطية الامر كومنت ِ مثال
عندي كود ِلحذف عبارة عدل سابقا من قبل ِالخ
هذا هواه الكود
الكود:

  1. tr.post span.gensmall { display: none; }

انا عايز دلوك احط اسم الكود ازاي بهذا الامر يارفاق تضع او الكود
الكود:

  1. /*اسم الكود*/

يعني هيكون كده
الكود:

  1. /*اكود ِلحذف عبارة عدل سابقا من قبل*/
  2. tr.post span.gensmall { display: none; }

وهكذا تستطيع ان تكتب اسماء جميع الاكواد في ورقة الانسابية



كيف احول الكود من صورة الي رمز لون؟
لم نفهمك !وضح اكتر لو سمحت
مثال ِ علي كود :وضع خلفية داخلية للمنتدى
هذا هواه الكود
الكود:

  1. body
  2. {
  3. background-image:url('رابط الصوره');
  4. }

انا دلوك مش مش عايز احط صورة
عايز احول الكود ده تاني الي رمز لون
هتقولي ازاي دا كود ماتقدرش تعدل عليه ِلاء تقدر تعدل عليه
لكن تقدر بطرق الرابط والا اومر
background اخذت امر image : url
يعني هنحط صورة ِ
انا عايز اعطيها امر تاني ِينفع هنعطيها الامر لون
color:#FF33CC
يعني الكود هيكون كده
الكود:

  1. body{
  2. background-color: #FF33CC;
  3. }


هما هما الكودين زي بعض ونفس العمل
بس الاول تقدر تحط صورة
التاني تقدر تحط رمز كاخلفية بدل الصورة
#FF33CC



المصدر: شبكة قلوب تنبض بالايمان - ترحب بكم










(¯`*•.¸,¤°´'نبض القلوب`°¤,¸.•*´¯)
¸,¤°´'`°•.¸O¸.•°´'`°¤,¸
|¯¯¯¯¯¯¯¯¯¯¯¯.••.¯¯¯¯¯¯¯¯¯¯¯¯|

ياقارئ خطي لا تبكي على موتي..فاليوم أنا معك وغداً في التراب
فإن عشت فإني معك وإن مت فالتذكرنى
وياماراً على قبري لا تعجب من أمري بالأمس كنت معك
وغدآ أنت معي آموت ويبقى كل ماكتبته ذكري
فياليت كل من قرآ خطي دعآ لي

|____________.••.____________|
*´'`°¤¸¸.•'´O`'•.¸¸¤°´'`*
(_¸.•*´'`°¤¸نبض القلوب¸¤°´'`*•.¸_)


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ahlamontadaa.a7larab.net
نبض القلوب
✿المدير العام✿
✿المدير العام✿
avatar


مُساهمةموضوع: رد: ماهي تقنيات css وكيف استخدمها؟   الإثنين يونيو 04, 2012 11:46 pm

وهذا موقع يتح لكم اختيار اكواد الالوان code-couleur

بعض الاومر الهامة يمكنكم استخدامها
.........
bodyline : هواه يستخدم في محاذة الصفحة وعمل لها حدود
body : هواه المتحكم في الصفحة مثل لون خلفية للصفحة
a img : امر هام يستخدم لعمل امر للصور
forumline: يستخدم في اعطاء اومر للفئات
cattitle : يتحكم في حجم اسم الفئات
forumlink : خاص بروابط الفئات
topictitle,h1,h2 : يتحكم في اسماء المواضيع
quote : خاص اقتبسات
copyright : خصاص بحقوق الملكية
#i_logo : االوجهة
postbody : في المواضيع والمشاركات
postdetails.poster-profile a img : صور البيانات الشخصية للاعضاء
table.forumline : لعمل اي شئ فوق الفئات
postbody img : يستخدم في عمل اي شئ للصور في المواضيع
.post-entry : المواضيع للنسخة invision
tr.post td : المواضيع للنسخة phpbb2
.post : المواضيع للنسخة phpbb3
........
ما هي الفائدة من معرفتي هذه الاومر؟
هذه الاومر تمكنك في التحكم بها
وهذا شئ اساسيا في منتداك لايمكن تغير
مسار الاومر

كيف استعمل هذه الاومر؟
مثلا نستخدم الامر body
يجب ان افتح واقفل الكود برموز
مثال
الكود:


  1. اسم الامر{
  2. الامر
  3. }

مثال علي الكود
هنعطية الامر صورة خلية
background
ثم نحدد الخلفية
اذا اردنا ان تعطي امر الخلفية صورة نعطيها الامر
-image:url('رابط الصورة')
لكي تكون هكذا
background-image:url('رابط الصورة)
ثم نغلق الامر بهذا الرمز
;
تكون هكذا
background-image:url('رابط الصورة');
هكذا يسمي امر كامل مغلق
ثم نضع الامر الاقواس
ثم يبدو هكذ

الكود:

  1. body
  2. {
  3. background-image:url('رابط الصورة');

  4. }


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




الاومر التي يمكن استعمالها

Background- لعمل خلفية
يمكن اعطائعا اي امر من الاومر التالية
Color او image
لتكون هكذا مثلا
background-image:url('url imag');
او
background-Color:#00000;
.............

text-align: محاذة النصوص
يمكن اعطائعا اي امر من الاومر التالية
Center او Right او Left
توسيط ويمين وشمال مثال
text-align: center;
text-align: Right ;
text-align: Left ;
مثال مثلا علي كود توسيط جميع المشاركات
هذا هواه الكود للنسخة الثانية
الكود:

  1. tr.post td {

  2. text-align: center;

  3. }

يمكنك اعطائة اي امر مثلا تعطية الامر
Left يبدوا هكذا
الكود:

  1. tr.post td {

  2. text-align: Left;

  3. }

اذا وضعنا تصبح جميع المشاركات علي اليسار

..........
ارجو أن يكون الشرح ومفيد ونال أعجابكم
والحمد الله الشرح من عملي احمد
مع التحية Wink



المصدر: شبكة قلوب تنبض بالايمان - ترحب بكم










(¯`*•.¸,¤°´'نبض القلوب`°¤,¸.•*´¯)
¸,¤°´'`°•.¸O¸.•°´'`°¤,¸
|¯¯¯¯¯¯¯¯¯¯¯¯.••.¯¯¯¯¯¯¯¯¯¯¯¯|

ياقارئ خطي لا تبكي على موتي..فاليوم أنا معك وغداً في التراب
فإن عشت فإني معك وإن مت فالتذكرنى
وياماراً على قبري لا تعجب من أمري بالأمس كنت معك
وغدآ أنت معي آموت ويبقى كل ماكتبته ذكري
فياليت كل من قرآ خطي دعآ لي

|____________.••.____________|
*´'`°¤¸¸.•'´O`'•.¸¸¤°´'`*
(_¸.•*´'`°¤¸نبض القلوب¸¤°´'`*•.¸_)


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ahlamontadaa.a7larab.net
 
ماهي تقنيات css وكيف استخدمها؟
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
✿ شبكة قلوب تنبض بالايمان ✿ :: ✿ منتدى عالم الأكواد ✿ :: قسم الأكواد الإنسيابية CSS-
انتقل الى: