طلب كود قائمة جانبية

اذهب الى الأسفل

طلب كود قائمة جانبية  Empty طلب كود قائمة جانبية

مُساهمة من طرف المبدع الخبير السبت 24 أبريل 2021 - 1:51

السلام عليكم هنا في كود لقائمة جانبية لكن مايعمل معي على النسخة الثانية https://help.ahlamontada.com/t1091155-topic

هذا الكود الاول

الكود:

/* -- 00. fa_initForumModules -- */
// initiate the toggler for the widget columns
function fa_initForumModules(column_id) {
  var column = document.getElementById(column_id), menu;
 
  if (column) {
    column.insertAdjacentHTML('afterbegin', '<div class="title module_column_title">Widget Menu</div>');
 
    menu = document.createElement('A');
    menu.href = '#';
    menu.title = 'Toggle widget menu';
    menu.className = 'widget_menu column_button_' + column_id + ' color-secondary';
 
    menu.onclick = function() {
      var column = document.getElementById(/left/.test(this.className) ? 'left' : 'right');
 
      $([this, column])[/active/.test(this.className) ? 'removeClass' : 'addClass']('active');
      return false;
    };
 
    document.body.appendChild(menu);
  }
};
 
// give active panels a very high z-index so they display above other panels and buttons
// forumotion replaces any z-index above 1000 w/999 in the stylesheet, so this must be applied via JS
document.write('<style type="text/css">'+
  '.module_column, .widget_menu { z-index:30000; }'+
  '.module_column.active, .widget_menu.active { z-index:99999; }'+
'</style>');

وهذا الثاني

الكود:

/* -- 05. fae_sticky_nav_panel -- */
// adds a sticky navigation for quick use when the navbar isn't visible
$(function() {
  window.fae_sticky = {
            // various user options
            navbar : 'navbar',
          position : 'left',
            title : 'Quick Navigation',
          tooltip : 'Toggle quick navigation',
    additionalHTML : '<div class="nav-actions"><a href="javascript:fae_sticky.copyURL();" title="Copy BBCode URL"><i class="fa fa-link"></i></a>' + ( _userdata.user_level == 1 ? '<a href="/admin" title="Admin Panel"><i class="fa fa-wrench"></i></a>' : '' ) + '<a href="#top" title="Top of page"><i class="fa fa-chevron-up"></i></a><a href="#bottom" title="Bottom of page"><i class="fa fa-chevron-down"></i></a></div>',
    alwaysVisible : false,
 
    // copy page URL as bbcode
    copyURL : function() {
      window.prompt('Copy the BBCode URL below. (CTRL+C)', '[url=' + window.location + ']' + document.title + '[/url]');
    },
 
    // listen for changes in the navbar's bottom rect
    scroll : function() {
      var rect = fae_sticky.navbar.getBoundingClientRect(),
          position = fae_sticky.node[0].style[fae_sticky.position];
 
      if (rect.bottom <= fae_sticky.offset[fae_sticky.tb_state] && position == '-30px') {
        fae_sticky.node[0].style[fae_sticky.position] = '';
      } else if (rect.bottom > fae_sticky.offset[fae_sticky.tb_state] && position != '-30px') {
        fae_sticky.node[0].style[fae_sticky.position] = '-30px';
        $(fae_sticky.node).removeClass('active');
      }
    },
 
    // offsets for when the toolbar is hidden / shown
    offset : {
      fa_hide : 0,
      fa_show : 30
    }
  };
 
  // nodes used in the module
  fae_sticky.node = [
    // button
    $('<a class="widget_menu column_button_' + fae_sticky.position + ' color-secondary" />').attr({
      href : '#',
        id : 'fa_sticky_nav_button',
      style : fae_sticky.position + ':-30px;',
      title : fae_sticky.tooltip
 
    }).click(function() {
      $(fae_sticky.node)[/active/.test(this.className) ? 'removeClass' : 'addClass']('active');
      return false;
    })[0],
 
    // panel
    $('<div id="fae_sticky_nav_panel" class="module_column column_' + fae_sticky.position + ' color-secondary" />')
    .html('<div class="title module_column_title">' + fae_sticky.title + '</div><div class="module_inner"></div>')[0]
  ];
 
  fae_sticky.navbar = document.getElementById(fae_sticky.navbar); // get the old navbar
 
  // then clone its contents and add it to the sticky panel
  $('.module_inner', fae_sticky.node[1]).append($('a.mainmenu', fae_sticky.navbar).clone()).append(fae_sticky.additionalHTML);
  $(document.body).append(fae_sticky.node);
 
  if (!fae_sticky.alwaysVisible) {
    fae_sticky.tb_state = my_getcookie('toolbar_state') || (_userdata.activate_toolbar ? 'fa_show' : 'fa_hide');
    fae_sticky.scroll();
 
    $(window).scroll(fae_sticky.scroll);
 
    $(function() {
      $('#fa_hide, #fa_show').click(function() {
        fae_sticky.tb_state = this.id;
      });
    });
  } else {
    fae_sticky.node[0].style.left = '';
  }
});

ممكن احد يصلحهم ويرسلهم لي ؟

نسخة منتداي النسخة الثانية

وشكرا
المبدع الخبير
المبدع الخبير

طلب كود قائمة جانبية  01010

ذكر
عدد المساهمات : 59
معدل النشاط : 172
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف omarpop23 السبت 24 أبريل 2021 - 15:17

رابط منتداك
omarpop23
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 1463
معدل النشاط : 5448
السُمعة : 215

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف المبدع الخبير السبت 24 أبريل 2021 - 16:11

@omarpop23 كتب:رابط منتداك
تفضل
https://pirates-revo.0wn0.com/
المبدع الخبير
المبدع الخبير

طلب كود قائمة جانبية  01010

ذكر
عدد المساهمات : 59
معدل النشاط : 172
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف المبدع الخبير السبت 24 أبريل 2021 - 17:55

عملت مثل ماقلت لم يعمل
المبدع الخبير
المبدع الخبير

طلب كود قائمة جانبية  01010

ذكر
عدد المساهمات : 59
معدل النشاط : 172
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف omarpop23 السبت 24 أبريل 2021 - 18:11

جعل العناصر المستقله في قايمة جانبية:
قبل اي شيء فعل العناصر المستقله علي صفحة المنتدي و خلي عرض العمود 290

اول شيء اذهب الي القوالب وقم بتعديل علي قالب overall_header
ابحث عن
الكود:
<div id="{ID_LEFT}">
استبدله بالتالي
الكود:
<div id="{ID_LEFT}" class="module_column column_left"> <script type="text/javascript">if (window.fa_initForumModules) { fa_initForumModules('left'); }</script>
ثم اذهب لقالب الـ overall_footer_begin
ابحث عن
الكود:
<div id="{ID_RIGHT}">
استبدله بالتالي
الكود:
<div id="{ID_RIGHT}" class="module_column column_right"> <script type="text/javascript">if (window.fa_initForumModules) { fa_initForumModules('right'); }</script>

اذهب لأكواد الـ CSS
ضع الاكواد التالية
الكود:
.widget_menu {
  position:fixed;
  top:36px;
  background: #333;
  font-weight: bold;
  display:inline-block;
  text-decoration:none !important;
  text-align:center;
  line-height:30px;
  height:30px;
  width:30px;
  transition-property:right, left;
  transition-duration:300ms;
}

.widget_menu:after {
  content:"+";
  font-size:20px;
  color:#FFF;
}
.widget_menu.active:after { content:"-"; }

.column_button_right { right:0 }
.column_button_right.active { right:300px }
.column_button_left { left:0 }
.column_button_left.active { left:300px }

.module_column {
  display:block;
  overflow: auto;
  position:fixed;
  top:0;
  bottom:0;
  width:300px;
  transition-property:left, right;
  transition-duration:300ms;
}

.module_column_title {
  margin:0 1px;
  text-align:center;
}

.module_inner {
  background: #333;
  position:absolute;
  top:31px;
  left:3px;
  right:3px;
  bottom:3px;
  overflow:auto;
}

.column_right { right:-300px }
.column_right.active { right:0px }
.column_left { left:-300px }
.column_left.active { left:0px }

اذهب لأكواد الجافا و انشئ كود جديد وضع الكود التالي في جميع الصفحات ثم سجل و انشر
الكود:
function fa_initForumModules(column_id) {
  var column = document.getElementById(column_id), menu;

  if (column) {
    column.insertAdjacentHTML('afterbegin', '<div class="title module_column_title">قاائمة جانبية</div>');

    menu = document.createElement('A');
    menu.href = '#';
    menu.title = 'قائمة جانبية';
    menu.className = 'widget_menu column_button_' + column_id + ' omarpop23';

    menu.onclick = function() {
      var column = document.getElementById(/left/.test(this.className) ? 'left' : 'right');

      $([this, column])[/active/.test(this.className) ? 'removeClass' : 'addClass']('active');
      return false;
    };

    document.body.appendChild(menu);
  }
};


document.write('<style type="text/css">'+
  '.module_column, .widget_menu { z-index:30000; }'+
  '.module_column.active, .widget_menu.active { z-index:99999; }'+
'</style>');

قائمة جانبيه تحتوي علي ازار المنتدى الرئيسية:

اذهب الي قالب الــ overall_header
ابحث عن
الكود:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
استبدله بالتالي
الكود:
<td id="navbar" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
ضع الاكواد التالية في اكواد الجافا
الكود:

$(function() {
  window.fae_sticky = {
            // various user options
            navbar : 'navbar',
          position : 'left',
             title : 'Quick Navigation',
           tooltip : 'Toggle quick navigation',
    additionalHTML : '<div class="nav-actions"><a href="javascript:fae_sticky.copyURL();" title="Copy BBCode URL">نسخ الرابط</a>' + ( _userdata.user_level == 1 ? '<a href="/admin" title="Admin Panel">لوحة الادارة</a>' : '' ) + '<a href="#top" title="Top of page">أعلى الصفحة</a><a href="#bottom" title="Bottom of page">اسفل الصفحة</a></div>',
     alwaysVisible : false,

    // copy page URL as bbcode
    copyURL : function() {
      window.prompt('Copy the BBCode URL below. (CTRL+C)', '[url=' + window.location + ']' + document.title + '[/url]');
    },

    // listen for changes in the navbar's bottom rect
    scroll : function() {
      var rect = fae_sticky.navbar.getBoundingClientRect(),
          position = fae_sticky.node[0].style[fae_sticky.position];

      if (rect.bottom <= fae_sticky.offset[fae_sticky.tb_state] && position == '-30px') {
        fae_sticky.node[0].style[fae_sticky.position] = '';
      } else if (rect.bottom > fae_sticky.offset[fae_sticky.tb_state] && position != '-30px') {
        fae_sticky.node[0].style[fae_sticky.position] = '-30px';
        $(fae_sticky.node).removeClass('active');
      }
    },

    // offsets for when the toolbar is hidden / shown
    offset : {
      fa_hide : 0,
      fa_show : 30
    }
  };

  // nodes used in the module
  fae_sticky.node = [
    // button
    $('<a class="widget_menu column_button_' + fae_sticky.position + ' color-secondary" />').attr({
       href : '#',
         id : 'fa_sticky_nav_button',
      style : fae_sticky.position + ':-30px;',
      title : fae_sticky.tooltip

    }).click(function() {
      $(fae_sticky.node)[/active/.test(this.className) ? 'removeClass' : 'addClass']('active');
      return false;
    })[0],

    // panel
    $('<div id="fae_sticky_nav_panel" class="module_column column_' + fae_sticky.position + ' color-secondary" />')
    .html('<div class="title module_column_title">' + fae_sticky.title + '</div><div class="module_inner"></div>')[0]
  ];

  fae_sticky.navbar = document.getElementById(fae_sticky.navbar); // get the old navbar

  // then clone its contents and add it to the sticky panel
  $('.module_inner', fae_sticky.node[1]).append($('a.mainmenu', fae_sticky.navbar).clone()).append(fae_sticky.additionalHTML);
  $(document.body).append(fae_sticky.node);

  if (!fae_sticky.alwaysVisible) {
    fae_sticky.tb_state = my_getcookie('toolbar_state') || (_userdata.activate_toolbar ? 'fa_show' : 'fa_hide');
    fae_sticky.scroll();

    $(window).scroll(fae_sticky.scroll);

    $(function() {
      $('#fa_hide, #fa_show').click(function() {
        fae_sticky.tb_state = this.id;
      });
    });
  } else {
    fae_sticky.node[0].style[fae_sticky.position] = '';
  }
});
function fa_initForumModules(column_id) {
  var column = document.getElementById(column_id), menu;

  if (column) {
    column.insertAdjacentHTML('afterbegin', '<div class="title module_column_title">قاائمة جانبية</div>');

    menu = document.createElement('A');
    menu.href = '#';
    menu.title = 'قائمة جانبية';
    menu.className = 'widget_menu column_button_' + column_id + ' omarpop23';

    menu.onclick = function() {
      var column = document.getElementById(/left/.test(this.className) ? 'left' : 'right');

      $([this, column])[/active/.test(this.className) ? 'removeClass' : 'addClass']('active');
      return false;
    };

    document.body.appendChild(menu);
  }
};


document.write('<style type="text/css">'+
  '.module_column, .widget_menu { z-index:30000; }'+
  '.module_column.active, .widget_menu.active { z-index:99999; }'+
'</style>');


(function fa_navactif() {
  for (var cleanURI = window.location.href.replace(/\?.*|#.*/, ''), a = document.querySelector('.bodyline td[nowrap="nowrap"]').getElementsByTagName('A'), i = 0, j = a.length; i < j; i++) {
    if (/mainmenu/.test(a[i].className) && cleanURI == a[i].href.replace(/\?.*|#.*/,'')) {
      a[i].className+=' fa_navactif';
      break;
    }
  }
  $('.mainmenu[href="/search"]').removeAttr('onclick');
}());
ضع الاكواد التالية في اكواد الـ CSS
الكود:
/* sticky navbar panel */
#fa_sticky_nav_button { top:69px;background: #333; }
#fa_sticky_nav_button:after { content:"="; }

#fae_sticky_nav_panel a {
  display:block;
  color:#FFF !important;
  font-size:14px;
  padding:3px 0 3px 10px;
  position:relative;
  overflow:hidden;
}

#fae_sticky_nav_panel a:after {
  content:".";
  font-size:0;
  position:absolute;
  width:5px;
  left:-5px;
  top:0;
  bottom:0;
  transition:left 250ms;
}

#fae_sticky_nav_panel a:hover:after, #fae_sticky_nav_panel a.fa_navactif:after { left:0; }

/* sticky nav actions */
.nav-actions {
  text-align:center;
  margin-top:6px;
}

#fae_sticky_nav_panel .nav-actions a {
  background:rgba(0, 0, 0, 0.15);
  height:30px;
  width:30px;
  display:inline-block;
  padding:0;
  margin:1px;
}

.nav-actions a i { line-height:28px; }
#fae_sticky_nav_panel .nav-actions a:hover { background:rgba(0, 0, 0, 0.25); }
#fae_sticky_nav_panel .nav-actions a:after { display:none !important; }


عدل سابقا من قبل omarpop23 في الأحد 25 أبريل 2021 - 1:00 عدل 6 مرات
omarpop23
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 1463
معدل النشاط : 5448
السُمعة : 215

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف المبدع الخبير السبت 24 أبريل 2021 - 18:19

مازال لايعمل ._.
المبدع الخبير
المبدع الخبير

طلب كود قائمة جانبية  01010

ذكر
عدد المساهمات : 59
معدل النشاط : 172
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف omarpop23 الأحد 25 أبريل 2021 - 0:52

قمت بتعديل الكود الخاص ب قائمة جانبيه تحتوي علي ازار المنتدى الرئيسية
في المساهمه السابقة قم بأتباع الخطوات خطوة خطوة
omarpop23
omarpop23
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 1463
معدل النشاط : 5448
السُمعة : 215

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف المبدع الخبير الأحد 25 أبريل 2021 - 1:26

تمام اشتغل لكن فيه اخطاء

طلب كود قائمة جانبية  161930677639621
المبدع الخبير
المبدع الخبير

طلب كود قائمة جانبية  01010

ذكر
عدد المساهمات : 59
معدل النشاط : 172
السُمعة : 0

https://help.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود قائمة جانبية  Empty رد: طلب كود قائمة جانبية

مُساهمة من طرف دودي. الخميس 20 مايو 2021 - 3:37

مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف
يرجى مراجعة : قوانين منتدى الدعم
دودي.
دودي.
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 3582
معدل النشاط : 8517
السُمعة : 67

http://lover4.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى