منتدي الحب كول | منتدي الـحـب سينما العرب لكل العرب

منتدي الحب كول | منتدي الـحـب سينما العرب لكل العرب

اقوى موقع تعارف مصرى خليجى
 
الرئيسيةالبوابةس .و .جبحـثالتسجيلدخول

شاطر | 
 

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

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


avatar

ذكر
السمك عدد الرسائل : 773
العمر : 27
العمل : بشتغل ابوية على ما تفرج
الوظيفة :
الهواية :
الأوسمة :
  :
الدولة :

مُساهمةموضوع: شرح عمل تدرج لونى بواسطة css   الثلاثاء مارس 20, 2012 5:20 am

شرح عمل تدرج لونى بواسطة css3
اولاً ينبغى ان اوضح ان هذا التدرج لا يعمل مع المتصفح opera لانه لا يدعم هذه التقنية فى css3
ثانياً الشرح
1- نبدأ بعمل صفحة html باى محرر html و اذا لم يكن لديك فيمكنك استخدام notepad الذى ياتى مع الويندوز و نضع فيها الكود التالى:
اقتباس:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">





تدرج لونى ب css3








شرح الاكواد:
اقتباس:

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://7oobcool.yoo7.com
 
شرح عمل تدرج لونى بواسطة css
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدي الحب كول | منتدي الـحـب سينما العرب لكل العرب :: }{ ۩۞۩ }{:الحب كـول تـطـويـر الـمـنـتـديات}{ ۩۞۩ }{: :: دعم وتطوير احلى منتدى :: قسم اكواد Css-
انتقل الى: