اضافة رسالة ترحيب من تطوير جزائري ويب بشكل جديد
وانا اتصفح احد المنتديات صادفت اداة رسالة ترحيب لكن ليست جميلة فقلت في نفسي لماذا لا اطورها قليلاً لان الاداة تصبح اجمل وضعها في تدوينة واصبحت ذات شكل اجمل واروع من ذي قبل
مع هذا تكون عائمة داخل المواضيع والمقالات
مع هذا تكون عائمة داخل المواضيع والمقالات
- داخل القالب تحرير
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}
تسلم يا كبير انا من متابعينك هل ممكن ان اتواصل معك
ردحذفهههه مهما تكون من متاابعيه الكبار فلن تثلني انا من اول متابعيه في مذونته الاولى المحترف الجزائري
حذفالسلام عليكم ورحمة الله وبركاته
ردحذفشكرا لك اخي الكريم فعلا اضافة جميلة
سؤال اخي من فضلك ممكن اضافة اداة زر الاعجاب بالصفحة فيس بوك منبثقة مثال هده رسالة ترحيب الجميلة٠٠٠ مع شرح تركيب جزاك الله خيرا
تم وضع الاكواد و الشرح:
حذفhttp://jazairiweb.blogspot.com/p/facebook-html.html
اخي ممكن طريقة اضافة هته الاداة وشكرا =m
ردحذفافضل تطبيقات الاندرويد مهكرة [ قريبا ]
سيتم وضع التدوينة غدا
حذفعلى قسم اضافات بلوجر