ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

كود الملاحظات باكثر من شكل و بتقنية css3 .

  افضل مساهمة1
نقدم لكم كود الملاحظات الشهير بشكل مميز
يستعمل باشكال عدة وفي جميع اقسام المنتدى 
الكود لجميع منتديات احلى منتدى

مثال لصناديق محدبة الزوايا (خصائص 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:#eef4d3 url(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:#ffcaa4 url(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:#f2abab url(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 ...
  افضل مساهمة2
موضوع رائع تسلم ايدك



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     

  افضل مساهمة3
طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير


m13
  افضل مساهمة4
كود اكثر من رآئع ششكرآ ~~♥


  افضل مساهمة5
كالعادة ابداع رائع 

وطرح يستحق المتابعة

شكراً لك 

بانتظار الجديد القادم
دمت بكل خير
  افضل مساهمة6
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
لاتستطيع الرد على المواضيع في هذا المنتدى