رسائل اشعارية تنبيهية لمدونات بلوجر او لموقعك بشكل لطيف
بسم الله الرحمان الرحيم
اما بعد في درس جديد من دروس واضافات بلوجر
اليوم يكون درسنا مع طريقة اضافة رسائل اشعارية لمدونات بلوجر او لموقعك بشكل لطيف
هاته الرسائل التي طالما ما تضفي رونق خاص الى موضوعك فهي تساعدك الى جذب انتباه الزائر بشكل بسيط
بدون اطالة لنشاهد الرسائل بصورة حية
معاينة
تركيب الاضافة
توجه الى محرر HTML الخاص بمدونتك او موقعك
وابحث عن الوسم التالي
]]></b:skin>
والصق فوقه الكود التالي
.hassoubi-message{ relative;display:block;background-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];border:1px solid;text-align:right;} .hassoubi-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message span{font-size:14px!important;} .hassoubi-message i{font-size:16px;line-height:20px} .hassoubi-message.success{background-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];border-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message.success span {color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message.success a{color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];text-decoration:none;font-weight:bold;font-family:tahoma;text-align:right;} .hassoubi-message.alert{background-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];border-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message.alert a,.hassoubi-message.alert span{color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message.warning{background-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];border-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message.warning a,.hassoubi-message.warning span{color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message.error{background-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];border-color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]} .hassoubi-message.error a,.hassoubi-message.error span{color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] {display: inline-block; float: right;color:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];border: 0 none;border-radius: 0;cursor: pointer;font-size:16px;font-family:tahoma;font-weight:bold;transition:all .5s;}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]:hover{color:red;transition:all .5s;} .msu{background:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];} .malert{background:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];} .mwar{background:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];} .merror{background:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];}
اما لاضافة الرسائل فما عليك سوى لصق الكود التالي في المكان المناسب لك
رسالة نجاح
<div id="hassoubi-success" class="hassoubi-message success"> رسالة نجاح<button id="msgclose" class="msu" type="button" NOOP="{document.getElementById('hassoubi-success') .style.display='none'}">X</button></div>
رسالة تحذير
<div class="hassoubi-message warning" id="hassoubi-warning"> رسالة تحذير<button id="msgclose" type="button" class="mwar" NOOP="{document.getElementById('hassoubi-warning') .style.display='none'}">X</button></div>
رسالة خطأ
<div class="hassoubi-message error" id="hassoubi-error"> رسالة خطأ<button id="msgclose" type="button" class="merror" NOOP="{document.getElementById('hassoubi-error') .style.display='none'}">X</button></div>
رسالة اغاثة او تخذير
<div class="hassoubi-message alert" id="hassoubi-alert"> رسالة اغاثة او تحذير<button id="msgclose" type="button" class="malert" NOOP="{document.getElementById('hassoubi-alert') .style.display='none'}">X</button></div>
استبدل النص برسالتك('رسالة نجاح,رسالة تحذير......')
كما يمكنك التحكم في الادة الشبكل الذي تريد