كود Css لتغيير شكل حدود الأقسام و جعلها منقطة وملونه - منتديات نور الاستقامة
  التعليمـــات   قائمة الأعضاء   التقويم   البحث   مشاركات اليوم   اجعل كافة الأقسام مقروءة
أخواني وأخواتي..ننبه وبشدة ضرورة عدم وضع أية صور نسائية أو مخلة بالآداب أو مخالفة للدين الإسلامي الحنيف,,,ولا أية مواضيع أو ملفات تحتوي على ملفات موسيقية أو أغاني أو ماشابهها.وننوه أيضاَ على أن الرسائل الخاصة مراقبة,فأي مراسلات بين الأعضاء بغرض فاسد سيتم حظر أصحابها,.ويرجى التعاون.وشكراً تنبيه هام


** " ( فعاليات المنتدى ) " **

حملة نور الاستقامة

حلقات سؤال أهل الذكر

مجلة مقتطفات

درس قريات المركزي

مجلات نور الاستقامة



الإهداءات



دروس الـ[vb] قسم خاص بشروحات منتديات الـ [vb]


إضافة رد
 
أدوات الموضوع
265  كود Css لتغيير شكل حدود الأقسام و جعلها منقطة وملونه
كُتبَ بتاريخ: [ 03-03-2011 ]
رقم المشاركة : ( 1 )
الصورة الرمزية عابر الفيافي
 
عابر الفيافي غير متواجد حالياً
 
رقم العضوية : 1
تاريخ التسجيل : Jan 2010
مكان الإقامة : في قلوب الناس
عدد المشاركات : 8,917
عدد النقاط : 363
قوة التقييم : عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز


نقره لعرض الصورة في صفحة مستقلة


[Border-radius] الــحـدود الــدائريــهـ ..{ CSS3
[Border-radius] الــحـدود الــدائريــهـ ..{ CSS3
,’
السلام عليكمـ ورحمهـ الله وبركاتهـ ,,
,’



كيـف حالكمـ جمــيعاً.؟
عــساكمـ طيبين*نقره لعرض الصورة في صفحة مستقلة ,,
اولا ابارك لكمـ ع الأجازهـ و الف مبروك النجاح ,, << ولو انه متأخرنقره لعرض الصورة في صفحة مستقلة ,,
ع العمومـ مابي اطول السالفه وهي قصيرهـ ,, <<اي هيننقره لعرض الصورة في صفحة مستقلة ,,
الـيوم راح اشرح لكمـ طريقه جعل حدود جداول الـ vb دائريهـ ,,
تـــابعـــوا مـــعــي ,
,’
اولا انصح بـ متابعه هذا الموضوع لأخونا برق الشمال نقره لعرض الصورة في صفحة مستقلة,,
,نظرة على [border-radius] الحدود المنحنية - ( CsS3 ),
,’
الأن بخصوص الحدود الدائريه وطريقه استعمالها مع جداول vb ,,
اولا اضع لكمـ مثال قبل و بعد عمل الطريقه ,,

قـــبل
,
اضغط ع الصوره للتكبير
نقره لعرض الصورة في صفحة مستقلة

بـــعد
,
اضغط ع الصوره للتكبير
نقره لعرض الصورة في صفحة مستقلة
,’
طريقه استعمال الكود ,,
,’
هذا الكود راح يخلي كل الحدود دائريه ,, << راح اوضح كلامي برد آخر نقره لعرض الصورة في صفحة مستقلة,,
كود:
border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
نضع الكود بهذا المكان ,,
نقره لعرض الصورة في صفحة مستقلة

,’
اماكن وضع الكود ,,

الأقسام الرئيسية/Category Strips
رأس الجدول/Table Header
نهاية الجدول/Table Footer
لون التوزيع الأول/First Alternating Color
لون التوزيع الثاني/Second Alternating Color
محرر WYSIWYG (يجب أن يكون عادةً متماثل مع 'لون التوزيع الأول/First Alternating Color' أو 'خلفية الكتابة/Input Fields')
خلفية الكتابة/Input Fields
الأزرار/Buttons
محيط اللوحة/Panel Surround
اللوحة (الأشكال)/Panel Forms
التحكم بالقوائم المنبثقة/Popup Menu Controls
جسم قائمة الإنبثاق/Popup Menu Body
خيار صف قائمة الإنبثاق/Popup Menu Option Row
خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option


مشوااار صوووحنقره لعرض الصورة في صفحة مستقلة ,,
,’
,
تآآآآآبــع
,
طبعا الكود اللي وضعته بالرد السابق ^ ,,
راح يخلي جميع الحدود دائريه دون استثناء ,,
واذا تابعتوا موضوع الأخ برق الشمال راح تفهمون قصدي ,,
,
شوفوا امثله من موضوع الأخ برق الشمال ,,
نقره لعرض الصورة في صفحة مستقلة
,


بـ الأمكان عمل مثل تلك الأمثله على جداول الـ vb ,,
وهذا مثالك من عندي ,,

لاحظ جدول ,,
الأقسام الرئيسية/Category Strips / و / نهاية الجدول/Table Footer
,
اضغط ع الصوره للتكبير
نقره لعرض الصورة في صفحة مستقلة
,
طريقه عمل مثل هذا الحدود ,,

,
ادخل لهذا الموقع ,,
http://border-radius.com
بعد ماتفتح الموقع راح تحصل مربع كبير ,,
وبكل زاويه مربع به الرقم 0 ,, << بـ الأمكان التلاعب بجميع المربعات*نقره لعرض الصورة في صفحة مستقلة
قم بتغيير الرقم لأي رقم تحبه وراح تلاحظ المربع الكبير تغيرت حافته الى حافه دائريه ,,
وبوسط المربع راح يعطيك مثل هذا الكوود ,,
,

كود:
-webkit-border-top-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomleft: 9px; border-top-right-radius: 9px; border-bottom-left-radius: 9px;
ننسخ الكود بالكامل ونضعه في هذا المكان ,,
نقره لعرض الصورة في صفحة مستقلة


بـ امكانك وضعه بعده اماكن مثل ماني موضح بأول الموضوع ,,
,
انتهـــى

,



;,] Css gjyddv a;g p],] hgHrshl , [ugih lkr'm ,lg,ki lkr'm hgHrshl css p],] [ugih a;g , ,lg,ki





توقيع :



لا يـورث الـعلم مـن الأعمام **** ولا يـرى بالليـل فـي الـمنـام
لـكــنـه يحصـــل بالتـــكـــرار **** والـدرس بالليـــل وبـالـنـهار
مـثاله كشجرة فـــي النــفس **** وسقيه بالدرس بعد الـغرس

رد مع اقتباس

كُتبَ بتاريخ : [ 09-12-2012 ]
 
 رقم المشاركة : ( 2 )
رقم العضوية : 3877
تاريخ التسجيل : Feb 2012
مكان الإقامة :
عدد المشاركات : 9
عدد النقاط : 10

سفير المحبه غير متواجد حالياً



اشكرك اخي على الكود

رد مع اقتباس
كُتبَ بتاريخ : [ 02-15-2013 ]
 
 رقم المشاركة : ( 3 )
::مـشـرفــة::
::الـنـور الـتـرفـيـهـي::


رقم العضوية : 174
تاريخ التسجيل : Oct 2010
مكان الإقامة : حيث أجد ذاتي
عدد المشاركات : 2,507
عدد النقاط : 108

الفراشة الذهبية غير متواجد حالياً



يسلموو جزاك الله خير

توقيع :

رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
لتغيير , منقطة , الأقسام , css , حدود , جعلها , شكل , و , وملونه , كود


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
كود Css لتغيير شكل حدود الأقسام و جعلها منقطة وملونه عابر الفيافي دروس الـ[vb] 0 03-03-2011 10:18 PM
تفسير سورة البقرة ص 35(القرطبي) الامير المجهول علوم القرآن الكريم 0 01-06-2011 05:31 AM


الساعة الآن 05:21 PM.