هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   [ BBcode] : إضافة زر تحديد الكود في المشاركات (https://www.helpernt.com/vb/showthread.php?t=2136)

هيلبرنت 11-14-2015 02:46 AM

إضافة زر تحديد الكود في المشاركات
 
1 مرفق
السلام عليكم ورحمه الله وبركاته
اليوم نضع لكم كود لعمل تظليل لجميع الاكواد التواجد داخل المشاركة بشرط ان تكون داخل بطاقة الكود ,
وحتى نتدارك ونعرف ايه المقصود دعونا نشاهد الصوره القادمة.

  • نفتح قالب page_container_js_head ويكون على هذا المسار لوحة تحكم المنتدى >> المظهر >> البحث فى القوالب >> ابحث عن قالب اسمه page_container_js_head و نضيف بآخره مايلي
كود:

<script type="text/javascript">
function selectCode(a)
{
  var e = a.parentNode.parentNode.getElementsByTagName('PRE')[0];
  if (window.getSelection)
  {
      var s = window.getSelection();
      if (s.setBaseAndExtent)
      {
        s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      else
      {
        var r = document.createRange();
        r.selectNodeContents(e);
        s.removeAllRanges();
        s.addRange(r);
      }
  }
  else if (document.getSelection)
  {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
  }
  else if (document.selection)
  {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
  }
}
</script>

  • ثم نفتح قالب bb_code_tag_code و نستبدل محتواه بمايلي
كود:

<xen:require css="bb_code.css" />

<div class="bbCodeBlock bbCodeCode">
    <div class="type">{xen:phrase code}:</div>
    <pre>{xen:raw $content}</pre><xen:comment><!-- content is escaped via parser --></xen:comment>
<div class="type" align="center" style="background: #f8eaff ; padding: 3px;">
        *===  <a href="#" onclick="selectCode(this); return false;">تحديد كود</a> ===*
        </div>
</div>

ثم حفظ ومبارك عليك

Mr Hero 11-18-2015 12:04 AM

رد: إضافة زر تحديد الكود في المشاركات
 
رائع ,

abo-karim 10-07-2017 09:53 PM

رد: إضافة زر تحديد الكود في المشاركات
 
مشاء الله
شرح جميل


الساعة الآن 01:38 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir