صناديق تحذيريه وتنبيهيه بلغة HTML و CSS لمدونة بلوجر - خاطف نمله ويهدد اهلها

Breaking

Home Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

الأحد، 24 سبتمبر 2017

صناديق تحذيريه وتنبيهيه بلغة HTML و CSS لمدونة بلوجر


صناديق تحذيريه وتنبيهيه بلغة HTML و CSS
صناديق تحذيريه وتنبيهيه بلغة HTML و CSS

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

صناديق تحذيريه وتنبيهيه بلغة 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>




ليست هناك تعليقات:

إرسال تعليق

Post Bottom Ad

Responsive Ads Here

الصفحات