شرح عمل الحواف الدائريه بالمنتدى | عمل حواف دائريه للجداول |مثل معهد ديليجنت

!!~JusT~!!

!!~JusT~!!

Member
mw9xly9hmt6n.png



طريقه عمل حواف دائريه مثل معهد ديليجنت

مثال

253343852.jpg


637026883.png



الكود المستخدم وهنشرحه بالتفصيل واحده واحده
كود: 
[COLOR=#000000][COLOR=#007700] -[/COLOR][COLOR=#0000BB]moz[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]border[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]radius[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]15px[/COLOR][COLOR=#007700];[/COLOR][COLOR=#FF8000]
  [/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]webkit[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]border[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]radius[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]15px[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#FF8000]
  [/COLOR][COLOR=#0000BB]border[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]radius[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]15px[/COLOR][COLOR=#007700]; [/COLOR][/COLOR]
الاـ ن شرح الكود
كود: 
-moz-border-radius: 15px;
هذا الكود للتوافق مع متصفحات Firefox

كود: 
-webkit-border-radius: 15px;
وهذا الكود للتوافق مع Safari and Chrome

كود: 
[COLOR=#000000][COLOR=#0000BB]border[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]radius[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]15px[/COLOR][COLOR=#007700];[/COLOR][/COLOR]
الكود دا للتوافق مع Opera والمتصفحات ومع الاـ نترنت اكسبلولر

ولكن مع الانترنت اكسبلولر يبقى رخم شويه

فا علشان نخلييه متوافق مع الاـنترنت اكسبلولر نضع هذا الكود فى اخر الكود اللى فوق

كود: 
[COLOR=#000000][COLOR=#0000BB]behavior[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]url[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]ie[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]css3[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]htc[/COLOR][COLOR=#007700]);[/COLOR][/COLOR]
637026883.png


الان شرح اين تضع الكود

سأشرحه بالتفصييل الممل ان شاء الله

أذهب إلى لوحه التحكم | الاستيلات والقوالب | التحكم بالاستيلات


ثم خيارات جميع الاستيلات

واذهب الى الاتى

919347176.jpg


ثم إلى

440585901.jpg



ليكون ناتج ما فعلت هكذا

302420832.jpg



ثم نضع الان الكود فى
997962363.jpg


وايضاً

254162850.jpg


ليكون الناتج مشابه

89975826.jpg


ثم الان الى اهم شيء وهو التوزيعات

867742219.jpg



وايضا

802200036.jpg


ولا حاجه لمثال فى هذا
اذا اردت مثال انظر اول صوره فى التوبيك


637026883.png



الان
فقط اذهب لرئيسيه منتداك وشهد ما حدث

ملحوظه اذا وجدت كود محطوط فى الـ Css الفرعيه تضع الكود بتاعنا هنا فى اسفله لكن لا تعدل عليه والا حصلت مشكله

الافضل تجريب التعديل على منتدى تجريبى حتى لا يحدث مشاكل حتى انا شارح على منتدى تجريبى

دمتم بكل خير

والسلام عليكم ورحمه الله وبركاته



​
 


’’​
مَنْ يَبْحَث عَنْ حَقِيقَةِ الأَشْيَاء .. يَرَى حِيرَة الوَاقِع ..
وَمَن يَبْحَث عَن حَقِيْقَة الْأَبْدَاع فَقَد تَم تَسْطِيْرة فِي الْمَوْضُوْع الْتَّالِي ..
فَكُل يَوْم نَرَى وَنَتَاكِد لِكَي نَجْزِم أَن مُحَمَّد هُو رَكِيّزَة الْإِبْدَاع الْمُتَجَدِّد ..
فَدَام مَعَنَا مُبْدِعَا ومُتَألّقا فِي سَمَانَا .. قَبْل خُرُوْجِي ..
5 stars ///
،، ​
 


شكرا لك اخى ديليجنت

والله ما حد بيشجع زيك يا ابو ماجد

دمت خيرا هذا قليل مما علمتنى
​
 


مبهر كعادتك ..

كل يوم تبهرني أكثر من سابقه .. ^^

ربنا يوفقك ^^

لا عدمناك محمد ^^
 


•●[ .. سلمت أناملك على الأبداع .. ]●•

يعطيك العافية ..

//
 


مشكور أخوي رائع جداً
بس العقيم الاكسبلولر ما اشتغلت عليه :8:
بارك الله فيك
 


eagle قال:
مشكور أخوي رائع جداً
بس العقيم الاكسبلولر ما اشتغلت عليه :8:
بارك الله فيك
أنقر للتوسيع...

اولا شكرا لك اخى على المرور
اعرف اخى ان العقيم اكسبلولر لا يعمل عليه اى خاصيه من css3
واعتقد ان من يعمل عليه مريض نفسيا ويحتاج لعلاج
​
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى