Latest News

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










إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

Emoticon
:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

 
Top