منتدى بريس المغرب - وظيفة المغرب الشرطة المغربية - مباراة الأمن الوطني

الوظيفة في المغرب العمومية و العسكرية - مباراة الأمن الوطني - نتائج ونماذج المباريات - إمتحانات البكالوريا - شؤون المدارس و التعليم - الإجازة المهنية والماستر
 
الرئيسيةالتكوين المهنيالتسجيلدخول
البحث في المنتدى
إعلانات
منتدى بريس المغرب

إعلان

توصل بجديد إعلانات الوظائف والمدارس وشؤون مباريات الأمن الوطني

أدخل الإيميل الخاص بك هنا:

(بعد الإشتراك سوف تصلك رسال تأكيد الإشتراك في بريدك، يجب الدخول لبريدك لتأكيدها )

المواضيع الأخيرة
» قانون الهجرة الجديد في ألمانيا ????????
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 21/4/2022, 22:44

» الهجرة الى بريطانيا 2022 .. كل ما تريد معرفته
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 17/4/2022, 23:16

» الهجرة الى كندا بطريقة قانونية دون المخاطرة بنفسك
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 15/4/2022, 00:00

» طرق الهجرة إلى كندا في 2022 وأهم المتطلبات وإجراءات القبول ✔️
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 14/4/2022, 23:56

» ألمانيا تعلن رسمياً أنها بحاجة لـ 400 ألف مهاجر سنويا
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 11/4/2022, 18:53

» تكاليف الهجرة إلي جمهورية التشيك ✔️
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 11/4/2022, 18:49

» وزارة الخارجية الأمريكية ترفع رسوم تأشيرة الدخول إلى 1500 درهم
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 9/4/2022, 22:53

» ماهي افضل الدول للهجرة
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 9/4/2022, 22:46

» من المفيد جدا العلم بطرق الهجرة إلي فرنسا
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 8/4/2022, 22:34

» أجمل الاماكن السياحية بتركيا 2022
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف بوزطاطي 6/4/2022, 21:48

» شركة كونستراكتا للتطوير العقاري
 شرح عمل تدرج لونى بواسطة css Emptyمن طرف constructa 20/2/2022, 15:06

المنتدى على الفايسبوك
منتدى بريس المغرب


شاطر
 

  شرح عمل تدرج لونى بواسطة css

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

الجنس : ذكر
دولتي : المغرب
المشآرڪآت : 6209
نقاطي : 22903
سٌّمعَتي : 8

 شرح عمل تدرج لونى بواسطة css Empty
مُساهمةموضوع: شرح عمل تدرج لونى بواسطة css    شرح عمل تدرج لونى بواسطة css Empty9/8/2011, 04:03

شرح عمل تدرج لونى بواسطة css




اولا : ينبغى ان اوضح ان هذا التدرج لا يعمل مع المتصفح opera لانه لا يدعم هذه التقنية فى css3
ثانياً الشرح:
1- نبدأ بعمل صفحة html باى محرر html و اذا لم يكن لديك فيمكنك استخدام notepad الذى ياتى مع الويندوز و نضع فيها الكود التالى:

الكود:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<style type="text/css">
#nav{
height: 300px;
width:295px;
background-color: #006699;
background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#993333));
background: -moz-linear-gradient(top, #006699, #993333);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#993333');
}
</style>
<title>تدرج لونى ب css3</title>
</head>

<body>
<div class=nav>

</div>

</body>

</html>


شرح الاكواد:




nav هو اسم الحقل الذى نكتب فيه و نجعل خلفيته بتدرج لونى و يمكنك تغييره الى ما تريده بشرط تغييره الى نفس الشئ فى كود css



الكود:
#nav{


هو اسم الحقل و لكن ك css و يجب تواجده لكى يعمل الكود و عند تغيير nav الى اى شئ اخر يجب تغييره الى نفس الشئ هنا ايضاً دون تغيير ما يحيط بكلمة nav


الكود:

height: 300px;
width:295px;


هنا قمنا بتحديد ارتفاع الجدول height و عرضه width و يمكنكم تغييره الى اى قيمة تريدونها بشرط تغيير الرقم فقط


الكود:
background-color: #006699;

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


الكود:
background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#993333));


هذا الكود لكى يعمل التدرج اللونى للخلفية على المتصفحات التى تستخدم تقنية webkit مثل safari و google chrome.
و لتغيير اللون الذى يبدأ به التدرج من الاعلى تقوم بتغيير الكود #006699 الى اى كود لون تريده.
اما نهاية التدرج التى بالاسفل فتقوم بتغيير الكود #993333 الى اى كود لون تريده
و لمعرفة اكواد الالوان يمكنكم استخددم اى برنامج محرر html مثل frontpage او expression web.
و اذا لم يكن لديك و لا تستطيع الحصول على البرنامج فيمكنك استخدام الموقع التالى:
http://www.allprofitallfree.com/color-wheel2.html
حيث تقوم بتحديد اللون الذى تريده ثم تحصل على كود اللون بجانب الخانة html code و نضع قبلها العلامة #



الكود:
background: -moz-linear-gradient(top, #006699, #993333);

هذا الكود لكى يعمل التدرج على متصفح firefox و لكن بشرط ان يكون اصداره 3.6 و ما فوق و تغيير اللون كما فى الكود السابق


الكود:
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#993333');

هذا الكود لكى يعمل التدرج على internet explorer بشرط ان يكون اصداره 6 او احدث و تغيير اللون انت تعرف


الكود:
}

لانهاء اكواد الحقل

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.press-magreb.com
 
شرح عمل تدرج لونى بواسطة css
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» محمد المديوري: الحارس الشخصي للملك الراحل الإبن الشرعي لانقلاب الصخيرات
» قم بطهى البطاطا باسع وقت بواسطة حلة ضغط الطعام
» زيادة حجم الرام لجهازك بواسطة الفلاش ميموري USB
» الحصول النسخة الكاملة من عقد الإزدياد عبر الأنترنت بواسطة خدمة الشباك الإلكتروني لطلب الوثائق الإدارية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى بريس المغرب - وظيفة المغرب الشرطة المغربية - مباراة الأمن الوطني :: المنتديات الثقافية :: || المنتدى العام ~ :: المواقع & التصميم & المونتاج :: تصميم المواقع & البرمجة :: أكواد CSS-