27‏/03‏/2014

2014-03-27T18:00:00+03:00
27‏/03‏/2014

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









عند النقل المصدر :)

عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة
صورة التدوينة
ملخص التدوينة:

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

الساعه : 2014-03-27T18:00:00+03:00
تاريخ : 27‏/03‏/2014
التعليقات : 27
    انشرها :

هناك 27 تعليقًا:

  1. رائع جدا ... تسلم

    ولكن هناك خطا حين وضع الكود

    ‏حدث خطأ أثناء تحليل XML، في السطر 2195، العمود 5: The element type "link" must be terminated by the matching end-tag "/link

    ردحذف
    الردود
    1. نعم بالفعل نسيت اغلق وسم اللينك , اشكرك وتم تعديلها .

      حذف
  2. اخى هل ينفع ان اضع الكود تحت التدوينة www.arab-softe.com

    ردحذف
  3. أخي الكريم ماهي مشكلة موقع اليكسا بشكلة الجديد الذي لايدعم المجانية كما نني وجدت مدونتي مسجلة ومضافة ومندرجة ضمن المغرب علما ان مدونتي يمنية فما السبب
    رابط المدونة : http://aosan2.blogspot.com/

    ردحذف
    الردود
    1. ماعندي خبره كثير في هل المجال , لاكن هو يصنف موقعك حسب الزوار , انا موقع مصنف للمغرب لان اكثر زواري من المغرب .

      حذف
  4. اخي نريد واجهة المدونة :] ارجوك اخي

    ارجو ان تعمل عليها موضوع كيفية وضعها

    ردحذف
  5. لا أعلم حقيقه .

    ردحذف
  6. السلام عليكم ورحمة الله وبركاته أخي العزيز
    أولا : شكراً لك علي مجهودك الجبار وجعله الله في ميزان حسناتك
    ثانياً : كنت أريد منك أن تساعدني في كود معين ,
    أخوك في الله عبدالرحمن "أبوحنين"
    http://www.abu-hanen.com

    ردحذف
    الردود
    1. عليكم السلام ورحمة الله وبركاته , مرحباَ ابوحنين , انت نفسك الي في خمسات !
      تقدر تتواصل معي على بريدي هذا jetara3blogger@gmail.com

      حذف
  7. نعم اخي الكريم انا ابوحنين في خمسات وقد تمت اضافة البريد وجاري التواصل
    شكراً لك لحسن استقبالك لي علي هذ المدونة الرائعة
    وبالتوفيق والي الامام دائماً ان شاء الله :)

    ردحذف
    الردود
    1. حياك الله

      حذف
    2. بإنتظار درك اخي الكريم علي الرسالة التي بالبريد
      وشكراً لك

      حذف
  8. مشكووووووووووووووووور . .

    ردحذف
  9. انا اريد وضع مستطيل التنبيه ثابت في المدونة كيف
    يعني على كل الصفحات

    ردحذف
    الردود
    1. تحتاج ان تضع لها خاصية fixed بالـ css

      حذف
  10. لم افهم
    ممكن تكتب الكودواين اضعه في القالب
    انا اريد وضعه الشريط ثابت على جميع الصفحات او تحت الهدر

    ردحذف
    الردود
    1. هذا مثال بسيط لصندوق ثابت اعلا المدونة وداخله جملة :

      <div id="tt99966"><p>حلول بلوجر</p></div>

      <style>
      div#tt99966 {
      background: #000;
      color: #fff;
      width: 100%;
      height: 50px;
      text-align: center;
      position: fixed;
      z-index: 999999999999999999999999999999;
      }
      </style>

      حذف
  11. شكرااا أخي و بارك الله فيك

    إذا امكن تقييمك للمدونة : http://safa7t.blogspot.com

    ردحذف
  12. أزال المؤلف هذا التعليق.

    ردحذف
  13. كيف يمكن التعديل على هدا الكود
    https://jetara.googlecode.com/svn/trunk/css-boxes-7lolblogger.css
    اريد تغيير css

    ردحذف
    الردود
    1. قم بتحميله على جهاز الكمبيوتر الخاص بك , وافتحه بالمذكره ثم عدل ماشئت.
      بعد ذالك ارفعه على رابط مباشر مثل قوقل كود.

      حذف
  14. اخي لا يمكنني
    انضر الصورة : http://im85.gulfup.com/vQe98j.png
    ممكن ان تقوم بتحميل هدا الكود من عندك و تضع لي رابطه في رد
    رابط الكود : http://www.gulfup.com/?6BpKgE
    انتضرك

    ردحذف
    الردود
    1. اخي بعد التعديل ارفعه على رابط مباشر يوجد سرفرات كثير في الانترنت.

      حذف
  15. لا مشكلة شكرا
    اريد منكك طريق اضاقة تعليقات google مع تعليقات Disqus
    اضفة Disqus و لاكن حدفة تعليقات google
    ما الحل

    ردحذف
    الردود
    1. اذا كنت تقصد ان نقوم بأضافة تعليقات google في صندوق وتعليقات Disqus في صندوق وجميعهم يكونون في نفس التدوينه , نعم هذا ممكن استطيع فعله.
      لاكن اذا كنت تقصد ان ندمج التعليقات بحيث يجتمعون مع بعض , فهذا الا لايوجد له حل للاسف.

      التعليقات المحذوفه في قوقل لا تستطيع ارجاعها للاسف.

      حذف

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

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

قالب حلول بلوجر النسخة الثالثه

قالب حلول بلوجر النسخة الثالثه متاح للتحميل , قالب يتميز بالاحترافيه والخفة والسرعه اضافة الى الارشقة الممتازة.

أقرأ الموضوع

الاشتراك في القائمة البريدية

هنا تستطيع الإشتراك في قائمتنا البريدية ضع إيملك بالأسفل وأضغط إشتراك ولا تنسي تأكيد إشتراكك من خلال بريدك الإلكتروني

الاسم

بريد إلكتروني

رسالة