صناديق تحذيريه وتنبيهيه بلغة 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 بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التس...
رائع جدا ... تسلم
ردحذفولكن هناك خطا حين وضع الكود
حدث خطأ أثناء تحليل XML، في السطر 2195، العمود 5: The element type "link" must be terminated by the matching end-tag "/link
نعم بالفعل نسيت اغلق وسم اللينك , اشكرك وتم تعديلها .
حذفاخى هل ينفع ان اضع الكود تحت التدوينة www.arab-softe.com
ردحذفنعم ينفع .
حذفأخي الكريم ماهي مشكلة موقع اليكسا بشكلة الجديد الذي لايدعم المجانية كما نني وجدت مدونتي مسجلة ومضافة ومندرجة ضمن المغرب علما ان مدونتي يمنية فما السبب
ردحذفرابط المدونة : http://aosan2.blogspot.com/
ماعندي خبره كثير في هل المجال , لاكن هو يصنف موقعك حسب الزوار , انا موقع مصنف للمغرب لان اكثر زواري من المغرب .
حذفاخي نريد واجهة المدونة :] ارجوك اخي
ردحذفارجو ان تعمل عليها موضوع كيفية وضعها
انشاءالله .
حذفلا أعلم حقيقه .
ردحذفالسلام عليكم ورحمة الله وبركاته أخي العزيز
ردحذفأولا : شكراً لك علي مجهودك الجبار وجعله الله في ميزان حسناتك
ثانياً : كنت أريد منك أن تساعدني في كود معين ,
أخوك في الله عبدالرحمن "أبوحنين"
http://www.abu-hanen.com
عليكم السلام ورحمة الله وبركاته , مرحباَ ابوحنين , انت نفسك الي في خمسات !
حذفتقدر تتواصل معي على بريدي هذا jetara3blogger@gmail.com
نعم اخي الكريم انا ابوحنين في خمسات وقد تمت اضافة البريد وجاري التواصل
ردحذفشكراً لك لحسن استقبالك لي علي هذ المدونة الرائعة
وبالتوفيق والي الامام دائماً ان شاء الله :)
حياك الله
حذفبإنتظار درك اخي الكريم علي الرسالة التي بالبريد
حذفوشكراً لك
مشكووووووووووووووووور . .
ردحذفانا اريد وضع مستطيل التنبيه ثابت في المدونة كيف
ردحذفيعني على كل الصفحات
تحتاج ان تضع لها خاصية fixed بالـ css
حذفلم افهم
ردحذفممكن تكتب الكودواين اضعه في القالب
انا اريد وضعه الشريط ثابت على جميع الصفحات او تحت الهدر
هذا مثال بسيط لصندوق ثابت اعلا المدونة وداخله جملة :
حذف<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>
شكرااا أخي و بارك الله فيك
ردحذفإذا امكن تقييمك للمدونة : http://safa7t.blogspot.com
أزال المؤلف هذا التعليق.
ردحذفكيف يمكن التعديل على هدا الكود
ردحذفhttps://jetara.googlecode.com/svn/trunk/css-boxes-7lolblogger.css
اريد تغيير css
قم بتحميله على جهاز الكمبيوتر الخاص بك , وافتحه بالمذكره ثم عدل ماشئت.
حذفبعد ذالك ارفعه على رابط مباشر مثل قوقل كود.
اخي لا يمكنني
ردحذفانضر الصورة : http://im85.gulfup.com/vQe98j.png
ممكن ان تقوم بتحميل هدا الكود من عندك و تضع لي رابطه في رد
رابط الكود : http://www.gulfup.com/?6BpKgE
انتضرك
اخي بعد التعديل ارفعه على رابط مباشر يوجد سرفرات كثير في الانترنت.
حذفلا مشكلة شكرا
ردحذفاريد منكك طريق اضاقة تعليقات google مع تعليقات Disqus
اضفة Disqus و لاكن حدفة تعليقات google
ما الحل
اذا كنت تقصد ان نقوم بأضافة تعليقات google في صندوق وتعليقات Disqus في صندوق وجميعهم يكونون في نفس التدوينه , نعم هذا ممكن استطيع فعله.
حذفلاكن اذا كنت تقصد ان ندمج التعليقات بحيث يجتمعون مع بعض , فهذا الا لايوجد له حل للاسف.
التعليقات المحذوفه في قوقل لا تستطيع ارجاعها للاسف.