منتديات عبدو بوسيف الثقافية
عِنْدما ينْبَجِسُ شُعاعُ الفِكْر يبْحَثُ عَنْ فَضاءات أرْحَب لـِ ينطَلِق بِلا قيود ، وعِنْدَما يَتوقُ الحرْفُ للإنْعِتاقِ يَثورُ في جوفِ مِحْبرةٍ مُعتّقه وينْسابُ فوقَ الأوراقِ بِدفْقِ شعورٍ مُختَلِف...لأصْداءِ الحرْفِ هُنا ترددات تعبُر آفاقَ الفِكْر ، فاجْعَل مِن صمْتِ حُروفِك لُغَةً  لِلحوار ، واتْرك الحرفَ يرسُم انِحناءات الشُعورِ المُتأرْجِحة بينَ الواقع والخيال
لوحاتٍ من الإبداع ... الخطوة الأولى نحو منتدياتنا
وتذكّروا بِأنّه بِحضورِكم  تَخْضرُّ الصَفَحات كما تُشرِقُ الصَباحات وتأتلِقُ المساءات



 
الرئيسيةالتسجيلدخول
منتديات عبدو بوسيف الثقافية

شاطر | 
 

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

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

avatar

بلدي : الجزائر
عمري : 51
جنسى : ذكر
مزاجي :
البرج : الحمل
مساهماتي : 3145
نقاطي : 30997
الوسام :
/ عفـواً إذا غـدت العروبـةَ نعجةً.
..وحمـاةُ أهليـها الكـرام ذئـابا.


مُساهمةموضوع: شرح عمل تدرج لونى بواسطة css   الجمعة 04 نوفمبر 2011, 10:13

br />#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');
}


#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');
}


شرح الاكواد:




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.
و اذا لم يكن لديك و لا تستطيع الحصول على البرنامج فيمكنك استخدام الموقع التالى:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
حيث تقوم بتحديد اللون الذى تريده ثم تحصل على كود اللون بجانب الخانة 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://boussifabdou.ahlamontada.com
 
شرح عمل تدرج لونى بواسطة css
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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