جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع

المتواجدون الآن ؟
ككل هناك 12 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 11 زائر :: 2 عناكب الفهرسة في محركات البحث

moment

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 488 عُضو.
آخر عُضو مُسجل هو asdsafsdf فمرحباً به.

أعضاؤنا قدموا 9783 مساهمة في هذا المنتدى في 1845 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

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

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

مثال لصناديق محدبة الزوايا (خصائص 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 ...
avatar
موضوع رائع تسلم ايدك



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

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


m13
avatar
كود اكثر من رآئع ششكرآ ~~♥


avatar
كالعادة ابداع رائع 

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

شكراً لك 

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

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول