![]() |
صناديق تحذيريه وتنبيهيه بلغة HTML و CSS |
بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .
صناديق تحذيريه وتنبيهيه بلغة HTML و CSS لمدونة بلوجر
معنا اليوم صناديق جميلة جداَ تضاف في وسط التدوينة او خارجها ان اردت الصناديق مميزة حقيقه وهي تتميز بالخفة والسرعة في التركيب وعلى المظهر الجميل , ايضاَ قمت بأضافة خط لها أحترافي وقمت بجعله يعمل على متصفح فايرفوكس , اي بمعنى حللت مشكلة الخطوط مع متصفح فايرفوكس , ايضاَ هناك تحسينات أخرى أكتشفها بنفسك .صورة :
![]() |
صناديق تحذيريه وتنبيهيه بلغة HTML و CSS |
مثال مباشر : من هنا
طريقة التركيب :
- ادخل مدونتك.
- ثم القالب.
- حرر القالب وابحث عن <head>
- ضع هذا الكود أسفله مباشره :
<link href="https://jetara.googlecode.com/svn/trunk/css-boxes-7lolblogger.css" rel="stylesheet" type="text/css"/>
الان طريقة الأستخدام :
اثناء كتابتك للتدوينة قم بجعل التدوينة على نمط html وضع احد هذه الاكواد فيها , مع تغير النص :1: صندوق التنبيه :
<div class='info'>
يمكنك تغيير هذا النص بما تريده !!
</div>
2: صندوق الأرفاق او ماشابه :
<div class='tips'>
يمكنك تغيير هذا النص بما تريده !!
</div>
3: صندوق الخطاء :
<div class='warning'>
يمكنك تغيير هذا النص بما تريده !!
</div>
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.