• اخر الاخبار

    الأحد، 8 مارس 2015

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

    0 التعليقات:

    إرسال تعليق

    من الرائع ان تشاركنا تجربتك ورأيك، من فضلك لا تستخدم اي كلمات خارجة، روابط لا علاقة لها بالموضوع لانه سيتم حذفها فوراً. فالتعليقات خاضعة للإشراف، دعنا نجعل التعليقات ساحة لتبادل الخبرات والنقاش , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار الصندوق.

    Item Reviewed: صناديق تحذيريه وتنبيهيه بلغة HTML و CSS لمدونة بلوجر Rating: 5 Reviewed By: Unknown
    إلى الأعلى