[Style] : الــحـدود الــدائريــهـ CSS3

bichou

New Member
عضو مسجل
[Border-radius] الــحـدود الــدائريــهـ ..{ CSS3
,’
السلام عليكمـ ورحمهـ الله وبركاتهـ ,,
,’
كيـف حالكمـ جمــيعاً.؟
عــساكمـ طيبين* ,,
الـيوم راح اشرح لكمـ طريقه جعل حدود جداول الـ vb دائريهـ ,,
تـــابعـــوا مـــعــي ,
<a rel="nofollow" title="vBulletin">,’

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

قـــبل
,
اضغط ع الصوره للتكبير
3354.png


بـــعد
,
اضغط ع الصوره للتكبير
3355.png


,’
طريقه استعمال الكود ,,
,’
هذا الكود راح يخلي كل الحدود دائريه ,,


</div>
<font face="Arial"><font size="4">

نضع الكود بهذا المكان ,,
1235.png

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




الأقسام الرئيسية/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
بعد ماتفتح الموقع راح تحصل مربع كبير ,,
<font color="#2f4f4f">وبكل زاويه مربع به الرقم 0 ,, </div> </div> </div>

ننسخ الكود بالكامل ونضعه في هذا المكان ,,



بـ امكانك وضعه بعده اماكن مثل ماني موضح بأول الموضوع ,,
,
انتهـــى
</div></div>
 
المواضيع المتشابهة
كاتب الموضوع العنوان المنتدى الردود التاريخ
M [Style] : ستآيل الربيع 2014 الغير متمدد للنسخ 3.8 ركـــن استايلات النسخــه الثالثـــة 1
M [Style] : الاستايل السماوي المجاني من وردة ديزاين ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : استايل اورجينال الاحترافي المجاني css 2014 ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستآيل آسلامي 2014 للنسخ 3.8 ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : أستايل مجاني مقدم من مختلفه ديزاين لخدمات التصميم - لنسخ 3.8 ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : أستايل نقطه التطوير الاصدار الاول [ سريع - خفيف - تطويرى ] للنسخه 3.8.7 ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستايل وردية الاحساس الفلاشي 3.8 css تصميم معهد عربي نت ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : استايل مجاني مقدم من عمور ديزاين لخدمات التصميم لنسخ 3.8 - استايل 2014 - تقنيه CSS ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : آستآيل جآنبي باللون الأسود الفخم، من تصميم وتركيب بآمبي ديزآين !! 3.8.7 ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : استايل 3.8.7 هادي ورايق اهداء من HimoDesign ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : استايل جذايب الهادي .. للنسخة 386 ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : استايل انا برشلوني ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستايل ريم المجيد_ روح الصمت _2014_css ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : الإستايل الإسلامي الإحترافي ( المجاني ) .لـ النسخ 3.8.7. تصميم هـــــنـــد ديزاين ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستايل موقع عرب كول بمواصفات خياليه نقدمه ::مجانا:: لنسخ 3.8.4 ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستايل رائع + سريع التصفح + الوان مريحه ::مجانا:: ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستآيل حلم الطفولةة الفلآشي للنسخ 3.8. ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستايل arab-teq بمواصفات تقنيه :: سرعه :: ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستايل:: 5star :: تقني بمواصفات سريعه ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : استايل سما العرب المطور بقالب بوست ليجاسى واقتباس شبية لترايدنت ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : ستايل سيريا سايت_غزل_2014_css ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : : أعَمآليْ استايل لحضه فرح المجاني للجيل الثالث !! ركـــن استايلات النسخــه الثالثـــة 0
M [Style] : استايل موقع دى جى نيران مقدم من شركة زيزو هوست - لخدمات الويب ركـــن استايلات النسخــه الثالثـــة 0
Damas Muvee Reveal 7 - Complete Style Packs For Reveal 7 برامج مجانية free apps 4
Damas Muvee autoProducer v6.1.4.4 Plus 20 Style Packs برامج مجانية free apps 14
Damas Muvee Reveal 7 - Complete Style Packs For Reveal 7 برامج مجانية free apps 4
Damas Windows Vista & Se7en Style For XP A.I.O :: Full Style برامج مجانية free apps 8
Damas Style XP 3.19 + 1000 Themes (New) برامج مجانية free apps 2
Damas style vBulletin® traidnt-up-v1 ركـــن استايلات النسخــه الثالثـــة 6

المواضيع المتشابهة

أعلى