نقدم لكم كود الملاحظات الشهير بشكل مميز
يستعمل باشكال عدة وفي جميع اقسام المنتدى
الكود لجميع منتديات احلى منتدى
يستعمل باشكال عدة وفي جميع اقسام المنتدى
الكود لجميع منتديات احلى منتدى
مثال لصناديق محدبة الزوايا (خصائص css3)
صورة عن الكود
كود css
الكود:نسخ الكود
الكود:
/*MESSAGE BOX WITH ICONS*/[size=14][/size].msg-box, .ok-box, .success-box, .warning-box, .error-box{[size=14][/size]-webkit-border-radius: 5px;[size=14][/size]-moz-border-radius: 5px;[size=14][/size]border-radius: 5px; [size=14][/size]}[size=14][/size].msg-box{[size=14][/size]border:solid 1px #8e8e04; [size=14][/size]background:#FFFFCC url(images/msg.png) 97% 6px no-repeat;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].ok-box{[size=14][/size]border:solid 1px #27739d; [size=14][/size]background:#94d5fb url(images/ok.png) 97% 6px no-repeat;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].success-box{[size=14][/size]border:solid 1px #90ac13; [size=14][/size]background:#eef4d3url(images/success.png) 97% 6px no-repeat;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].warning-box{[size=14][/size]border:solid 1px #ba4c0e; [size=14][/size]background:#ffcaa4url(images/warning.png) 97% 6px no-repeat;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].error-box{[size=14][/size]border:solid 1px #dc2727; [size=14][/size]background:#f2ababurl(images/error.png) 97% 6px no-repeat;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size][size=14][/size][size=14][/size]/*MESSAGE CSS BOX*/[size=14][/size].yellow-box{[size=14][/size]border:solid 1px #8e8e04; [size=14][/size]background:#FFFFCC;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].blue-box{[size=14][/size]border:solid 1px #27739d; [size=14][/size]background:#94d5fb;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].green-box{[size=14][/size]border:solid 1px #90ac13; [size=14][/size]background:#eef4d3;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].orange-box{[size=14][/size]border:solid 1px #ba4c0e; [size=14][/size]background:#ffcaa4;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}[size=14][/size].red-box{[size=14][/size]border:solid 1px #dc2727; [size=14][/size]background:#f2abab;[size=14][/size]color:#222222;[size=14][/size]padding:6px;[size=14][/size]text-align:center;[size=14][/size]}
بعد اضافة كود ال css لاستعمال الكود على المنتدى يجب عليك اضافة ملاحظاتك مستعملا الكود التالي
الكود:نسخ الكود
الكود:
[table class=warning-box][tr][td]أكتب هنا ما تريد[/td][/tr][/table]
طبعا ok-box تميز الصندوق الأزرق ذو الأيقونة، إن أردت استعمال صندوق آخر
ما عليك سوى استبدالها بأخرى مميزة للصندوق المطلوب. مثلا صندوق الخطأ
الأحمر تميزه error-box و صندوق التحذير البرتقالي تميزه warning-box ...
ما عليك سوى استبدالها بأخرى مميزة للصندوق المطلوب. مثلا صندوق الخطأ
الأحمر تميزه error-box و صندوق التحذير البرتقالي تميزه warning-box ...