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

اسرة منتدي الاسطورة المصري
شكرا

شبكة الاسطورة المصري

رمضان كريم_كل عام وانتم بخير 
الرئيسيةtv onlineالتسجيلدخول
مرحبا بك ايها الزائرالعزيز في المنتدي برحب بكم جميعا بوكية *انا محمد عبد المنعم مدير المنتدي ارحب بكم* نقود
انا محمد مدير المنتدي احب ان اعلن عن افضل اعضاء في هذا المنتدي وهم:adminالذي قدم الكثير من المساهمات في هذا المنتدي*والعضو المتميز الزعيم *والاعضاء الاخرون *ولهم جزيل الشكر من منتدي الموسوعة منتدي الاسطورة المصري واء
احب ان اخبركم انة يمنع النسخ للزوار"فيجب التسجيل اولا"للتمتع بخدمات الموسوعة اعتمدات
*المنتدي هذا يدعم خدمات كثيرة ومتميزة *فن ويتطلب متصفح حديث مثل جوجل كرم و mozilla fire fox فلا حرج ان ظهرت اي اخطاء في المتصفحات الاخري جندي
الان تابعوا جروب منتدي الاسطورة المصري علي الفيس بوك واليوتيوب وتويتر بدون عناء كرة قدم
الثائر الحق هو من يثور ليرفع الظلم ثم يهدأ ليبنى الامجاد(من اقوال الامام الشعراوى "لا والف لا للاعداء ولا والف لا للماضى " جندي صباح الثورة ورياريت نتغير للافضل ان شاء الله وتحيه للشهداء مرييض
يرحب منتدي الاسطورة المصري بجميع زوار منتدي الموسوعة منتدي الاسطورة المصري*ويتمنا لهم ان يسجلوا ليتمتعوا بخدماتنا المتنوعة*مع تحيات مدير منتدي الاسطورة المصري جزاكم الله خيرا
مدير منتدي الاسطورة المصري يهني اخية عمر بعيد ملادة اليوم 1/7.كل سنة وهو طيب بوكية
مدير منتدي الاسطورة المصري يعلن لكي تستفيد من خدمات المنتدي الامتنوعة فبرجاء تحميل برنامج mozilla fire fox مع التحية
لقد تم تطوير علبة الدردشة مع التحية يمكنك الان استخدامها مثل الفيس بوك وفي جميع الصفحات
الان يمكنكم ولاول مرة لعب العاب فلاش المنتدي كرة قدم اضغط هنا للعب اعتمدات
الان ولاول مرة في مصر اسرع واقوي مركز رفع صور بسرعة مزهلة جندي يمكنك رفع صورتك علي النت لتضعها في مساهماتك ومواضيعك الغضب بسهولة عالية
الان ولاول مرة اسرة منتدي الاسطورة المصري تقدم لكم خدمة tv online لمشاهدة جميع قنواتك المفضلة مباشر بسرعة عالية بأي لغة وبأي بلد مع التحية مع تحيات اسرة منتدي الاسطورة المصري
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
» الصف الثانى الاعدادى الفصل الدراسى الأول مادة الرياضيات
الأحد يوليو 29, 2012 10:45 am من طرف admin

» شركة الياسمين لصناعة النجف ووحدات الإضاءة
السبت يوليو 28, 2012 9:27 am من طرف roryhegazy

» الرئيس المصري يكلف وزير الري في حكومة تصريف الاعمال الحالية بتشكيل حكومة جديدة
الثلاثاء يوليو 24, 2012 6:36 am من طرف admin

» اجمل خلفيات رمضان 2012 , خلفيات شهر رمضان الكريم 2012
السبت يوليو 21, 2012 5:15 am من طرف admin

» تحميل فيلم بنات العم كامل بجودة عالية
الأحد يوليو 15, 2012 6:18 am من طرف الزعيم

» "مؤسسة عرفات" تتهم إسرائيل بتسميم الزعيم الفلسطيني الراحل
الجمعة يوليو 13, 2012 4:03 pm من طرف admin

» حج عام 1433ه
الجمعة يوليو 13, 2012 3:50 pm من طرف admin

» السعودية تعلن مقتل اثنين بعد اعتقال رجل دين شيعي
الإثنين يوليو 09, 2012 3:12 am من طرف admin

» طلـــــب اشراف
الجمعة يونيو 29, 2012 3:40 pm من طرف admin

اعرف وقتك
أفضل 10 أعضاء في هذا المنتدى
admin
 
الزعيم
 
mido42
 
محمد فوزى بغدادى
 
زعيم الظلام
 
بدر الأردن
 
bl@ck_hope
 
شاعر الظلام
 
عطر الشرق
 
a7Med bes0
 
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية digg  تسجيل صفحاتك المفضلة في مواقع خارجية delicious  تسجيل صفحاتك المفضلة في مواقع خارجية reddit  تسجيل صفحاتك المفضلة في مواقع خارجية stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية google  تسجيل صفحاتك المفضلة في مواقع خارجية blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية live      

قم بحفض و مشاطرة الرابط منتدي اليماني مصر بالقرين على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط شبكة الاسطورة المصري على موقع حفض الصفحات
محركات بحث
مايو 2018
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
  12345
6789101112
13141516171819
20212223242526
2728293031  
اليوميةاليومية
المواضيع الأكثر شعبية
تحميل لعبة igi_1 كاملة برابط واحد وسرعة مزهلة_يدعم استكمال التحميل
نكت جامدة جدا 2012
تحميل لعبة المصارعة الحرة WWE Raw 2011 للكمبيوتر
بحث كامل عن الريف بالصور
موقع مرسي ميتر_لرصد انجازات الرئيس محمد مرسي في 100 يوم الاولي
*تحميل لعبة المصارعة الحرة wwe raw ultimate 2009*الرائعة*
تحميل برنامج جوجل ايرث حصرياُ 2011 google earth - قوقل ايرث مباشر 2012
تحميل العبه المشهورة واحدث اصدار منها لعبة : gta 2012
تحميل مسلسل عصام والمصباح 2011 dvd
تحميل فيلم قبضة الغضب لبطل الكونغ فو بروسلي - مع اقوي افلام البطل بروسلسي قبضة الغضب بروابط مباشرة
المواضيع الأكثر نشاطاً
اتحداااااك توصل ل20 بدون ما احد يقاطعك
طلب كود بسييييط
تصميم واجهة
مسابقة افضل موضوع رمضاني
تحميل لعبة igi_1 كاملة برابط واحد وسرعة مزهلة_يدعم استكمال التحميل
تحميل لعبة المصارعة الحرة WWE Raw 2011 للكمبيوتر
طلب كود اخررررررررر
نغمة من موسيقى الفيلم الرائع القلب الشجاع braveheart
موت لاعب فى الملعب وفاه عجيبه سبحان الله
مجموعة اكواد اسلامية رائعة
عبر برئيك

 Subscribe in a reader

Powered by FeedBurner

Add to Google Reader or Homepage

اعتمادات مجانية
الدردشة|منتديات الاسطورة المصري
Like/Tweet/+1

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
Admin
Admin
avatar

نوع المتصفح نوع المتصفح :
رقم العضوية : 1
المحافظة المحافظة : الشرقية
الابراج : العذراء
الأبراج الصينية : النمر
عدد المساهمات : 674
السٌّمعَة : 0
تاريخ التسجيل : 12/02/2011
الموقع : http://alymane11.forumegypt.net
العمر : 19
العمل/الترفيه العمل/الترفيه : الانفراد
المزاج المزاج : رايق
خدمة mms :
احترام قوانين منتدي الاسطورة المصري احترام قوانين منتدي الاسطورة المصري :

الورقة الشخصية
مرئي للجميع:
1/1  (1/1)

مُساهمةموضوع: ماهي تقنيات css وكيف استخدمها؟   الأحد يونيو 19, 2011 5:42 am

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

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

الحل موجود :
ضع هذا الكود في الصفحة المرادة
الكود:
<style type="text/css"">

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

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

</blockquote>

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

هكذا يظهر لنا الخطاء ِكل ماعليك ان تعيد النظر في الكود
وتحاول ان تضع الناقص .. اذا لم تعرف اكتب موضوع يوضح طلبك
وان شاء الله خبرئنا لم يتئخروا عليكم بشئ
هل استطيع اكتب بجوار الكود اسمه عربي او انجليزي؟
نعم بالتاكد تسطيع ان تكتب فوق الكود اسمه لكي لاتنساه لكن بشروط
ان تعطية الامر كومنت ِ مثال
عندي كود ِلحذف عبارة عدل سابقا من قبل ِالخ
هذا هواه الكود
الكود:
tr.post span.gensmall { display: none; }
انا عايز دلوك احط اسم الكود ازاي بهذا الامر يارفاق تضع او الكود
الكود:
/*اسم الكود*/
الكود:
يعني هيكون كده
/*اكود ِلحذف عبارة عدل سابقا من قبل*/
    tr.post span.gensmall { display: none; }
وهكذا تستطيع ان تكتب اسماء جميع الاكواد في ورقة الانسابية




كيف احول الكود من صورة الي رمز لون؟
لم نفهمك !وضح اكتر لو سمحت
مثال ِ علي كود :وضع خلفية داخلية للمنتدى
هذا هواه الكود
الكود:
body
{
background-image:url('رابط الصوره');
}
انا دلوك مش مش عايز احط صورة
عايز احول الكود ده تاني الي رمز لون
هتقولي ازاي دا كود ماتقدرش تعدل عليه ِلاء تقدر تعدل عليه
لكن تقدر بطرق الرابط والا اومر
background اخذت امر image : url
يعني هنحط صورة ِ
انا عايز اعطيها امر تاني ِينفع هنعطيها الامر لون
color:#FF33CC
يعني الكود هيكون كده
الكود:
body{
background-color: #FF33CC;
}

هما هما الكودين زي بعض ونفس العمل
بس الاول تقدر تحط صورة
التاني تقدر تحط رمز كاخلفية بدل الصورة
#FF33CC
وهذا موقع يتح لكم اختيار اكواد الالوان 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
يجب ان افتح واقفل الكود برموز
مثال

الكود:
اسم الامر{
الامر
    }

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

الكود: ---------تضليل المحتوىbody
{
background-image:url('رابط الصورة');

}

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




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

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 ;
مثال مثلا علي كود توسيط جميع المشاركات
هذا هواه الكود للنسخة الثانية
الكود: ---------تضليل المحتوى tr.post td {

text-align: center;

}
يمكنك اعطائة اي امر مثلا تعطية الامر
Left يبدوا هكذا
الكود: ---------تضليل المحتوى tr.post td {

text-align: Left;

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

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

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