اضافة رسالة ترحيب من تطوير جزائري ويب بشكل جديد
وانا اتصفح احد المنتديات صادفت اداة رسالة ترحيب لكن ليست جميلة فقلت في نفسي لماذا لا اطورها قليلاً لان الاداة تصبح اجمل وضعها في تدوينة واصبحت ذات شكل اجمل واروع من ذي قبل
مع هذا تكون عائمة داخل المواضيع والمقالات
مع هذا تكون عائمة داخل المواضيع والمقالات
- داخل القالب تحرير
html - فوق هذا الوسم
<head/> نضع الكود التالي
<div id="myModal_jazairiweb"> <div class="modal-dialog_jazairiweb"> <div class="modal-content_jazairiweb"> <div class="modal-header_jazairiweb"> <button onclick='document.getElementById('myModal_jazairiweb').style.display='none'' aria-hidden="true" id="closex" class="close" data-dismiss="modal" type="button">×</button> <h4 class="modal-title_jazairiweb" id="myModalLabel">هام جدا: </h4> </div> <div class="modal-body"> تم وضع التبادل الاعلاني داخل قائمة منبثقة علوية و دلك لزيادة توفير المساحة و بامكان الجميع وضع اعلانه و شكرا لكم للتفهم </div> <div class="modal-footer"> <button onclick='document.getElementById('myModal_jazairiweb').style.display='none'' class="btn btn-primary2" type="button">اغلاق</button> </div> </div> </div> </div>
- داخل القالب ابحث عن
<b:skin/><[[ ضع الكود التالي اسفله - أو ضعه بين
<style> و<style/> فوق<head/>
#myModal_jazairiweb{position: fixed; z-index: 9;}.modal.in .modal-dialog_jazairiweb{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal.fade .modal-dialog_jazairiweb{-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (max-width:480px){.modal-dialog_jazairiweb{top:0!important;left:0!important}}@media screen and (max-width:320px){.modal-dialog_jazairiweb{top:0!important;left:0!important}}.modal-dialog_jazairiweb{position:fixed;top:150px;left:300px;width:auto;margin:10px;width:700px;max-width:100%}.modal-content_jazairiweb{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:none;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-header_jazairiweb{min-height:16.42857143px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header_jazairiweb .close{margin-top:-2px}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.modal-title_jazairiweb{margin:0;font-size:150%!important;margin-bottom:-10px!important}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px} .btn-primary2{color:#fff;background-color:#FC5401;font-family:Electrolize,ge_dinar_tworegular;border-color:#357ebd}
