JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

اكتب ما تود البحت عنه و اضغط Enter
recent
عاجل
الصفحة الرئيسية

إضافة زر لعرض المدونة بملىء الشاشة لقوالب البلوجر




إضافة زر لعرض المدونة بملىء الشاشة لقوالب البلوجر


الاضافة جميلة جدا و مهمة تسعدك على جعل مدنتك بملىء شاشة الجهاز و هي تغنيك
عن زر ال Esc  الموجود بالكيبورد
طريقة تركي ب الاضافة سهلة و لكن تحتاج لبعض الانتباه بالكود اللذي تريد ان يظهر بمكانه
يمكنك مشاهدة الاضافة على مدونتي بجانب زر البحث

شرح تركيب الأضافة





الاكواد الخاصة بالأضافة



من لوحة تحكم المدونة إذهب إلى المظهر أنقر على تعديل HTML
 ثم أبحث عن الرمز ]]></b:skin> ثم أضف الكود التالي فوقه مباشرةً



#openfull,
#exitfull {background: 0 0;border: none;text-align: center;float: left;background: #2376bb;border-radius: 2px;color: #FFFFFF;
border: 1px solid transparent;cursor: pointer;padding: 0;width: 30px;font-size: 10px; height: 34px;margin: 5px -91px 5px 61px;text-decoration: none;display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
button#openfull:hover {background: #2c82c9;}#openfull:active,#exitfull:active,#openfull:focus,#exitfull:focus {outline: 0;}
#openfull svg,#exitfull svg {vertical-align: middle;}#exitfull {display: none;}




الخطوة الثانية أضف كود جافاسكربت فوق الرمز </body>  مباشرةً



<script>
//<![CDATA[
var elem = document.documentElement;
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
  document.getElementById("openfull").style.display = "none";
  document.getElementById("exitfull").style.display = "block";
}
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
  }
  document.getElementById("openfull").style.display = "block";
  document.getElementById("exitfull").style.display = "none";
}
//]]>
</script>



تحميل الكود


يرجى الانتباه اثناء التركيب
يمكن الآن إضافة الرمز الآخير من خلال التخطيط
أو من خلال الدخول الى المظهر وفي المكان الذي تراه مناسب لعرض الزر في مدونتك شاهد الفيديو





و ثم قم ببعض التعديلات على مكان الزر و ثم قم بالحفظ و مبروك عليك الأضافة







author-img

maher

تعليقات
    ليست هناك تعليقات
    إرسال تعليق
      الاسمبريد إلكترونيرسالة