تعديلات على الأقسام

الكود:

<style>
  .forum-description, .posts-description {
    width: 100%;
  }
  .forum-description h3 {
    padding: 11px !important;
    background: #f5f5f5; /* لون أكثر حداثة */
    color: #333; /* نص أغمق للتباين */
    border-radius: 8px;
    position: static;
  }
  .forum-lastpost-location, .forum-lastpost-author, .forum-lastpost-time {
    display: inline-block !important;
    width: auto;
    margin-right: 10px; /* إضافة مسافة بين العناصر */
  }
  .forum-description img {
    margin-left: 11px;
    border-radius: 8px;
  }
  .forum-section, .posts-section {
    background-color: rgba(255, 255, 255, 0.9); /* خلفية بيضاء مع شفافية بسيطة */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل أكثر وضوحا */
    border-radius: 8px;
    display: block;
    line-height: 1.6; /* زيادة التباعد بين الأسطر */
    margin: 0 0 22px;
    padding: 20px;
    border: 1px solid #ddd; /* تغيير اللون إلى رمادي فاتح */
  }
  .forum-header, .posts-header {
    background-color: #333; /* خلفية أغمق */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 8px;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 15px; /* زيادة التباعد الداخلي */
    position: relative;
    justify-content: center;
  }
  .forum-contdescription img {
  display: block;
  margin: 20px auto; /* لتوسيط الصورة */
  padding: 10px;
  border: 2px solid #333; /* إطار حول الصورة */
  border-radius: 8px; /* حواف دائرية للإطار */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل الإطار */
  width: 100%;
  height: 133px; /* ارتفاع الصورة المطلوب */
  opacity: 0.7; /* جعل الصورة معتمة */
}
/* تطبيق الكود على نسخة الحاسوب */
@media (min-width: 751px) {
  .forum-contdescription img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
    padding: 10px;
  }
}

/* إزالة الكود من نسخة الجوال */
@media (max-width: 750px) {
  .forum-contdescription img {
    display: block; /* تأكد من عدم تطبيق الـ flex */
    margin: 10px; /* إزالة المسافات */
    padding: 0; /* إزالة التباعد الداخلي */
  }
}

.inner_tabs a {
  color: #fff !important;
  background: #6c757d; /* لون رمادي عصري */
  border: 1px solid #6c757d;
  border-radius: 8px; /* زوايا دائرية من جميع الجوانب */
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding: 8px 15px; /* زيادة التباعد الداخلي */
  margin: 3px; /* تغيير الهامش بحيث يناسب الشكل الدائري */
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* إضافة تأثير التغيير */

  /* تأثير الظل لإضافة لمسة عصرية */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.inner_tabs a:hover {
  background-color: #5a6268; /* لون أغمق عند التمرير */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); /* تعزيز تأثير الظل */
}

  @media (max-width: 750px) {
    .forum-icon, .posts-icon {
        margin-top: 50%;
  }}
</style>
<ul class="action-bar action-bar-top"> 
  <!-- BEGIN switch_user_logged_in -->
  <li>
    <a href="{U_SEARCH_NEW}">
      <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
    </a>
  </li>
  <li>
    <a href="{U_SEARCH_SELF}">
      <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
    </a>
  </li>
  <!-- END switch_user_logged_in -->
  <li>
    <a href="{U_SEARCH_UNANSWERED}">
      <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
    </a>
  </li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside">
    <a href="{U_MARK_READ}" accesskey="m">
      <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
    </a>
  </li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
  <div class="forum-header">
    <div class="category-title">
      <i class="material-icons">description</i>
      <span>{catrow.tablehead.L_FORUM}</span>
    </div>
    <div class="forum-hide">
      <div class="forum-hide-icon-a"></div>
      <div class="forum-hide-icon-b"></div>
    </div>
  </div>
 
  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
  <div class="forum-section {catrow.forumrow.FOLDER_CLASSNAME} {catrow.forumrow.TYPE_SECTION}">
    <div class="forum-icon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}">
      <i class="material-icons">forum</i>
    </div>
    <div class="forum-content">
      <div class="forum-description">
        <div class="forum-contdescription">{catrow.forumrow.FORUM_DESC}</div>
        <h3><a href="{catrow.forumrow.U_VIEWFORUM}" class="conan2000">{catrow.forumrow.FORUM_NAME}</a></h3>
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        <div class="forum-lastpost">
          <div class="avatar-default">
            <!-- BEGIN avatar -->
            {catrow.forumrow.avatar.LAST_POST_AVATAR}
            <!-- END avatar -->
            <!-- BEGIN ads -->
            <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}"/>
            <!-- END ads -->
          </div>
          <div class="forum-lastpost-inner">
            <!-- BEGIN switch_topic_title -->
            <a class="topic-title" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
            <!-- END switch_topic_title -->
            <!-- BEGIN ads -->
            <a class="topic-title" href="{catrow.forumrow.ads.LINK}" title="{catrow.forumrow.ads.TITLE}">{catrow.forumrow.ads.TITLE}</a>
            <!-- END ads -->
            <span>
              <!-- BEGIN ads -->
              <span class="forum-lastpost-location">
                <i class="material-icons">place</i>{catrow.forumrow.ads.LOCATION}
              </span>
              <!-- END ads -->
              <span class="forum-lastpost-author">
                <i class="material-icons">person</i>{catrow.forumrow.USER_LAST_POST}
                <!-- BEGIN ads -->
                {catrow.forumrow.ads.ALIAS}
                <!-- END ads -->
              </span>
              <span class="forum-lastpost-time">
                <i class="material-icons">access_time</i><a href="{catrow.forumrow.U_LATEST_TOPIC_POST}">{catrow.forumrow.LAST_POST_HOUR}</a>
                <!-- BEGIN ads -->
                {catrow.forumrow.ads.DATE}
                <!-- END ads -->
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</div>

<!-- <div class="forum" /> -->
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_forum_images -->
<div class="forum">
  <div class="forum-header">
    <div class="category-title">
      <i class="material-icons">mms</i>
      <span>{switch_forum_images.TITLE}</span>
    </div>
  </div>
  <div class="container-imgs-list" style="max-height: 500px; margin-top: 8px" id="imageList">
    {switch_forum_images.SCRIPTS}
  </div>
</div>
<!-- END switch_forum_images -->

<!-- BEGIN switch_on_index -->
<ul class="action-bar action-bar-bottom">
  <li>
    <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
  </li>
  <li>
    <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
  </li>
  <li class="last">
    <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
  </li>
  <!-- BEGIN switch_delete_cookies -->
  <li class="rightside">
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
      <i class="material-icons">delete</i>&nbsp;{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
    </a>
  </li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function () {
      var curid = '{CUR_ID}';

      var btn_collapse = $('<div/>', {
        class: 'forum-hide',
        html: '<div class="forum-hide-icon-a"></div><div class="forum-hide-icon-b"></div>',
      });

      var collapsed = [];

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
        collapsed = readCookie('collapsed').split(',');
      }

      $(document).on('click', '.forum-hide', function () {
        $(this).toggleClass('forum-show');
        $(this).parents('.forum').toggleClass('forum-hidden');

        if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
            collapsed = readCookie('collapsed').split(',');
        }

        if (!$(this).parents('.forum').hasClass('forum-hidden')) {
            removeFromArray(curid + '.' + $(this).parents('.forum').data('cindex'), collapsed);

            createCookie('collapsed', collapsed);
        } else {
            collapsed.push(curid + '.' + $(this).parents('.forum').data('cindex'));

            createCookie('collapsed', collapsed);
        }
      });

      $('.forum').each(function (i) {
        $(this).data('cindex', '' + i);

        $(btn_collapse)
            .clone()
            .attr('id', 'forum' + i)
            .appendTo($(this).find('.forum-header'));

        if ($.inArray(curid + '.' + i, collapsed) > -1) {
            $(this).find('.forum-hide').toggleClass('forum-show');
            $(this).toggleClass('forum-hidden');
        }

        if ($(this).find('.type-classified').length) {
            $(this)
              .addClass('type-table-classified')
              .find('.type-classified')
              .find('.forum-statistics-posts').remove();
        }
      });
  });

  function removeFromArray(item, array) {
      var i = array.indexOf(item);

      if (i > -1) {
        array = array.splice(i, 1);
      }
  }

  function createCookie(name, value, days) {
      var expires;

      if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
      } else {
        expires = "";
      }
      document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
  }

  function readCookie(name) {
      var nameEQ = encodeURIComponent(name) + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
      }
      return null;
  }

  //]]>
</script>

الكود:

<style>
  .conan1234 button.toggleButton {
    display: block;
    position: relative;
    float: left;
    padding: 5px;
}
  .for-tion {
    float: left;
    background: #d5d5d5;
    padding: 7px;
}
 span.data-tooltip {
    float: left;
    color: #ffffff;
    margin-left: 4px;
    background-color: #263238c2;
    border-radius: 5px;
    padding: 4px 10px;
    display: inline-block;
    position: relative;
}
 span.data-tooltip .material-icons {
    font-size: 20px;
    margin-left: 4px;
    color: #c3c3c3;
}
  .forum-description, .posts-description {
    width: 100%;
  }
  .forum-description h3 {
    padding: 11px !important;
    background: #f5f5f5; /* لون أكثر حداثة */
    color: #333; /* نص أغمق للتباين */
    border-radius: 8px;
    position: static;
  }
  .forum-lastpost-location, .forum-lastpost-author, .forum-lastpost-time {
    display: inline-block !important;
    width: auto;
    margin-right: 10px; /* إضافة مسافة بين العناصر */
  }
  .forum-description img {
    margin-left: 11px;
    border-radius: 8px;
  }
  .forum-section, .posts-section {
    background-color: rgba(255, 255, 255, 0.9); /* خلفية بيضاء مع شفافية بسيطة */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل أكثر وضوحا */
    border-radius: 8px;
    display: block;
    line-height: 1.6; /* زيادة التباعد بين الأسطر */
    margin: 0 0 22px;
    padding: 20px;
    border: 1px solid #ddd; /* تغيير اللون إلى رمادي فاتح */
  }
  .forum-header, .posts-header {
    background-color: #333; /* خلفية أغمق */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 8px;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 15px; /* زيادة التباعد الداخلي */
    position: relative;
    justify-content: center;
  }
  .forum-contdescription img {
  display: block;
  margin: 20px auto; /* لتوسيط الصورة */
  padding: 10px;
  border: 2px solid #333; /* إطار حول الصورة */
  border-radius: 8px; /* حواف دائرية للإطار */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل الإطار */
  width: 100%;
  height: 133px; /* ارتفاع الصورة المطلوب */
  opacity: 0.7; /* جعل الصورة معتمة */
}
/* تطبيق الكود على نسخة الحاسوب */
@media (min-width: 751px) {
  .forum-contdescription img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
    padding: 10px;
  }
}

/* إزالة الكود من نسخة الجوال */
@media (max-width: 750px) {
  .forum-contdescription img {
    display: block; /* تأكد من عدم تطبيق الـ flex */
    margin: 10px; /* إزالة المسافات */
    padding: 0; /* إزالة التباعد الداخلي */
  }
}

.inner_tabs a {
  color: #fff !important;
  background: #6c757d; /* لون رمادي عصري */
  border: 1px solid #6c757d;
  border-radius: 8px; /* زوايا دائرية من جميع الجوانب */
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding: 8px 15px; /* زيادة التباعد الداخلي */
  margin: 3px; /* تغيير الهامش بحيث يناسب الشكل الدائري */
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* إضافة تأثير التغيير */

  /* تأثير الظل لإضافة لمسة عصرية */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.inner_tabs a:hover {
  background-color: #5a6268; /* لون أغمق عند التمرير */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); /* تعزيز تأثير الظل */
}

  @media (max-width: 750px) {
    .forum-icon, .posts-icon {
        margin-top: 50%;
  }}
</style>
<ul class="action-bar action-bar-top">
  <!-- BEGIN switch_user_logged_in -->
  <li>
    <a href="{U_SEARCH_NEW}">
      <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
    </a>
  </li>
  <li>
    <a href="{U_SEARCH_SELF}">
      <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
    </a>
  </li>
  <!-- END switch_user_logged_in -->
  <li>
    <a href="{U_SEARCH_UNANSWERED}">
      <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
    </a>
  </li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside">
    <a href="{U_MARK_READ}" accesskey="m">
      <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
    </a>
  </li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->

<div class="forabg">
  <div class="forum {catrow.tablehead.TYPE_TABLE_SECTION}">
  <div class="forum-header">
    <div class="category-title">
      <i class="material-icons">description</i>
      <span>{catrow.tablehead.L_FORUM}</span>
    </div>
    <div class="forum-hide">
     
   
    </div> 
  </div>
 
  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
 
  <div class="forum-section {catrow.forumrow.FOLDER_CLASSNAME} {catrow.forumrow.TYPE_SECTION}">
    <div class="forum-icon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}">
      <i class="material-icons">forum</i>
    </div>
    <div class="forum-content">
      <div class="forum-description">
        <div class="forum-contdescription">{catrow.forumrow.FORUM_DESC}</div>
        <div class="stats">
   <span class="data-tooltip"><i class="material-icons" data-tooltip="المواضيع">chat_bubble</i>{catrow.forumrow.TOPICS}</span>
   <span class="data-tooltip"><i class="material-icons" data-tooltip="المساهمات">forum</i>{catrow.forumrow.POSTS}</span>
               </div>
        <h3><a href="{catrow.forumrow.U_VIEWFORUM}" class="conan2000">{catrow.forumrow.FORUM_NAME}</a></h3>
       
       
       
<div class="conan1234">
    <button class="toggleButton">المزيد</button>
    <div class="for-tion" style="display: none;">
        {catrow.forumrow.L_LINKS} {catrow.forumrow.LINKS}
    </div>
</div>
<script type="text/javascript">
(function($) {
    $(document).ready(function() {
        $(".toggleButton").click(function() {
            $(this).siblings(".for-tion").toggle();
        });
    });
}(jQuery));
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

        <div class="forum-lastpost">
          <div class="avatar-default">
            <!-- BEGIN avatar -->
            {catrow.forumrow.avatar.LAST_POST_AVATAR}
            <!-- END avatar -->
            <!-- BEGIN ads -->
            <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}"/>
            <!-- END ads -->
          </div>
          <div class="forum-lastpost-inner">
            <!-- BEGIN switch_topic_title -->
            <a class="topic-title" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
            <!-- END switch_topic_title -->
            <!-- BEGIN ads -->
            <a class="topic-title" href="{catrow.forumrow.ads.LINK}" title="{catrow.forumrow.ads.TITLE}">{catrow.forumrow.ads.TITLE}</a>
            <!-- END ads -->
            <span>
              <!-- BEGIN ads -->
              <span class="forum-lastpost-location">
                <i class="material-icons">place</i>{catrow.forumrow.ads.LOCATION}
              </span>
              <!-- END ads -->
              <span class="forum-lastpost-author">
                <i class="material-icons">person</i>{catrow.forumrow.USER_LAST_POST}
                <!-- BEGIN ads -->
                {catrow.forumrow.ads.ALIAS}
                <!-- END ads -->
              </span>
              <span class="forum-lastpost-time">
                <i class="material-icons">access_time</i><a href="{catrow.forumrow.U_LATEST_TOPIC_POST}">{catrow.forumrow.LAST_POST_HOUR}</a>
                <!-- BEGIN ads -->
                {catrow.forumrow.ads.DATE}
                <!-- END ads -->
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
</div>
</div>
<!-- <div class="forum" /> -->
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_forum_images -->
<div class="forum">
  <div class="forum-header">
    <div class="category-title">
      <i class="material-icons">mms</i>
      <span>{switch_forum_images.TITLE}</span>
    </div>
  </div>
  <div class="container-imgs-list" style="max-height: 500px; margin-top: 8px" id="imageList">
    {switch_forum_images.SCRIPTS}
  </div>
</div>
<!-- END switch_forum_images -->

<!-- BEGIN switch_on_index -->
<ul class="action-bar action-bar-bottom">
  <li>
    <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
  </li>
  <li>
    <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
  </li>
  <li class="last">
    <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
  </li>
  <!-- BEGIN switch_delete_cookies -->
  <li class="rightside">
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
      <i class="material-icons">delete</i>&nbsp;{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
    </a>
  </li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function () {
      var curid = '{CUR_ID}';

      var btn_collapse = $('<div/>', {
        class: 'forum-hide',
        html: '<div class="forum-hide-icon-a"></div><div class="forum-hide-icon-b"></div>',
      });

      var collapsed = [];

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
        collapsed = readCookie('collapsed').split(',');
      }

      $(document).on('click', '.forum-hide', function () {
        $(this).toggleClass('forum-show');
        $(this).parents('.forum').toggleClass('forum-hidden');

        if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
            collapsed = readCookie('collapsed').split(',');
        }

        if (!$(this).parents('.forum').hasClass('forum-hidden')) {
            removeFromArray(curid + '.' + $(this).parents('.forum').data('cindex'), collapsed);

            createCookie('collapsed', collapsed);
        } else {
            collapsed.push(curid + '.' + $(this).parents('.forum').data('cindex'));

            createCookie('collapsed', collapsed);
        }
      });

      $('.forum').each(function (i) {
        $(this).data('cindex', '' + i);

        $(btn_collapse)
            .clone()
            .attr('id', 'forum' + i)
            .appendTo($(this).find('.forum-header'));

        if ($.inArray(curid + '.' + i, collapsed) > -1) {
            $(this).find('.forum-hide').toggleClass('forum-show');
            $(this).toggleClass('forum-hidden');
        }

        if ($(this).find('.type-classified').length) {
            $(this)
              .addClass('type-table-classified')
              .find('.type-classified')
              .find('.forum-statistics-posts').remove();
        }
      });
  });

  function removeFromArray(item, array) {
      var i = array.indexOf(item);

      if (i > -1) {
        array = array.splice(i, 1);
      }
  }

  function createCookie(name, value, days) {
      var expires;

      if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
      } else {
        expires = "";
      }
      document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
  }

  function readCookie(name) {
      var nameEQ = encodeURIComponent(name) + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
      }
      return null;
  }

  //]]>
</script>

كونان2000 كتب:اهلا
استبدل القالب بالكامل بالتالي

الكود:

<style>
  .conan1234 button.toggleButton {
    display: block;
    position: relative;
    float: left;
    padding: 5px;
}
  .for-tion {
    float: left;
    background: #d5d5d5;
    padding: 7px;
}
 span.data-tooltip {
    float: left;
    color: #ffffff;
    margin-left: 4px;
    background-color: #263238c2;
    border-radius: 5px;
    padding: 4px 10px;
    display: inline-block;
    position: relative;
}
 span.data-tooltip .material-icons {
    font-size: 20px;
    margin-left: 4px;
    color: #c3c3c3;
}
  .forum-description, .posts-description {
    width: 100%;
  }
  .forum-description h3 {
    padding: 11px !important;
    background: #f5f5f5; /* لون أكثر حداثة */
    color: #333; /* نص أغمق للتباين */
    border-radius: 8px;
    position: static;
  }
  .forum-lastpost-location, .forum-lastpost-author, .forum-lastpost-time {
    display: inline-block !important;
    width: auto;
    margin-right: 10px; /* إضافة مسافة بين العناصر */
  }
  .forum-description img {
    margin-left: 11px;
    border-radius: 8px;
  }
  .forum-section, .posts-section {
    background-color: rgba(255, 255, 255, 0.9); /* خلفية بيضاء مع شفافية بسيطة */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل أكثر وضوحا */
    border-radius: 8px;
    display: block;
    line-height: 1.6; /* زيادة التباعد بين الأسطر */
    margin: 0 0 22px;
    padding: 20px;
    border: 1px solid #ddd; /* تغيير اللون إلى رمادي فاتح */
  }
  .forum-header, .posts-header {
    background-color: #333; /* خلفية أغمق */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 8px;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 15px; /* زيادة التباعد الداخلي */
    position: relative;
    justify-content: center;
  }
  .forum-contdescription img {
  display: block;
  margin: 20px auto; /* لتوسيط الصورة */
  padding: 10px;
  border: 2px solid #333; /* إطار حول الصورة */
  border-radius: 8px; /* حواف دائرية للإطار */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل الإطار */
  width: 100%;
  height: 133px; /* ارتفاع الصورة المطلوب */
  opacity: 0.7; /* جعل الصورة معتمة */
}
/* تطبيق الكود على نسخة الحاسوب */
@media (min-width: 751px) {
  .forum-contdescription img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
    padding: 10px;
  }
}

/* إزالة الكود من نسخة الجوال */
@media (max-width: 750px) {
  .forum-contdescription img {
    display: block; /* تأكد من عدم تطبيق الـ flex */
    margin: 10px; /* إزالة المسافات */
    padding: 0; /* إزالة التباعد الداخلي */
  }
}

.inner_tabs a {
  color: #fff !important;
  background: #6c757d; /* لون رمادي عصري */
  border: 1px solid #6c757d;
  border-radius: 8px; /* زوايا دائرية من جميع الجوانب */
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding: 8px 15px; /* زيادة التباعد الداخلي */
  margin: 3px; /* تغيير الهامش بحيث يناسب الشكل الدائري */
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* إضافة تأثير التغيير */

  /* تأثير الظل لإضافة لمسة عصرية */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.inner_tabs a:hover {
  background-color: #5a6268; /* لون أغمق عند التمرير */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); /* تعزيز تأثير الظل */
}

  @media (max-width: 750px) {
    .forum-icon, .posts-icon {
        margin-top: 50%;
  }}
</style>
<ul class="action-bar action-bar-top">
  <!-- BEGIN switch_user_logged_in -->
  <li>
    <a href="{U_SEARCH_NEW}">
      <i class="material-icons">new_releases</i>&nbsp;{L_SEARCH_NEW}
    </a>
  </li>
  <li>
    <a href="{U_SEARCH_SELF}">
      <i class="material-icons">account_box</i>&nbsp;{L_SEARCH_SELF}
    </a>
  </li>
  <!-- END switch_user_logged_in -->
  <li>
    <a href="{U_SEARCH_UNANSWERED}">
      <i class="material-icons">chat_bubble_outline</i>&nbsp;{L_SEARCH_UNANSWERED}
    </a>
  </li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside">
    <a href="{U_MARK_READ}" accesskey="m">
      <i class="material-icons">done_all</i>&nbsp;{L_MARK_FORUMS_READ}
    </a>
  </li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->

<div class="forabg">
  <div class="forum {catrow.tablehead.TYPE_TABLE_SECTION}">
  <div class="forum-header">
    <div class="category-title">
      <i class="material-icons">description</i>
      <span>{catrow.tablehead.L_FORUM}</span>
    </div>
    <div class="forum-hide">
      
    
    </div>  
  </div>
 
  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
  
  <div class="forum-section {catrow.forumrow.FOLDER_CLASSNAME} {catrow.forumrow.TYPE_SECTION}">
    <div class="forum-icon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}">
      <i class="material-icons">forum</i>
    </div>
    <div class="forum-content">
      <div class="forum-description">
        <div class="forum-contdescription">{catrow.forumrow.FORUM_DESC}</div>
        <div class="stats">
   <span class="data-tooltip"><i class="material-icons" data-tooltip="المواضيع">chat_bubble</i>{catrow.forumrow.TOPICS}</span>
   <span class="data-tooltip"><i class="material-icons" data-tooltip="المساهمات">forum</i>{catrow.forumrow.POSTS}</span>
               </div>
        <h3><a href="{catrow.forumrow.U_VIEWFORUM}" class="conan2000">{catrow.forumrow.FORUM_NAME}</a></h3>
        
        
        
<div class="conan1234">
    <button class="toggleButton">المزيد</button>
    <div class="for-tion" style="display: none;">
        {catrow.forumrow.L_LINKS} {catrow.forumrow.LINKS}
    </div>
</div>
<script type="text/javascript">
(function($) {
    $(document).ready(function() {
        $(".toggleButton").click(function() {
            $(this).siblings(".for-tion").toggle();
        });
    });
}(jQuery));
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

        <div class="forum-lastpost">
          <div class="avatar-default">
            <!-- BEGIN avatar -->
            {catrow.forumrow.avatar.LAST_POST_AVATAR}
            <!-- END avatar -->
            <!-- BEGIN ads -->
            <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}"/>
            <!-- END ads -->
          </div>
          <div class="forum-lastpost-inner">
            <!-- BEGIN switch_topic_title -->
            <a class="topic-title" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
            <!-- END switch_topic_title -->
            <!-- BEGIN ads -->
            <a class="topic-title" href="{catrow.forumrow.ads.LINK}" title="{catrow.forumrow.ads.TITLE}">{catrow.forumrow.ads.TITLE}</a>
            <!-- END ads -->
            <span>
              <!-- BEGIN ads -->
              <span class="forum-lastpost-location">
                <i class="material-icons">place</i>{catrow.forumrow.ads.LOCATION}
              </span>
              <!-- END ads -->
              <span class="forum-lastpost-author">
                <i class="material-icons">person</i>{catrow.forumrow.USER_LAST_POST}
                <!-- BEGIN ads -->
                {catrow.forumrow.ads.ALIAS}
                <!-- END ads -->
              </span>
              <span class="forum-lastpost-time">
                <i class="material-icons">access_time</i><a href="{catrow.forumrow.U_LATEST_TOPIC_POST}">{catrow.forumrow.LAST_POST_HOUR}</a>
                <!-- BEGIN ads -->
                {catrow.forumrow.ads.DATE}
                <!-- END ads -->
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
</div>
</div>
<!-- <div class="forum" /> -->
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_forum_images -->
<div class="forum">
  <div class="forum-header">
    <div class="category-title">
      <i class="material-icons">mms</i>
      <span>{switch_forum_images.TITLE}</span>
    </div>
  </div>
  <div class="container-imgs-list" style="max-height: 500px; margin-top: 8px" id="imageList">
    {switch_forum_images.SCRIPTS}
  </div>
</div>
<!-- END switch_forum_images -->

<!-- BEGIN switch_on_index -->
<ul class="action-bar action-bar-bottom">
  <li>
    <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
  </li>
  <li>
    <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
  </li>
  <li class="last">
    <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
  </li>
  <!-- BEGIN switch_delete_cookies -->
  <li class="rightside">
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
      <i class="material-icons">delete</i>&nbsp;{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
    </a>
  </li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function () {
      var curid = '{CUR_ID}';

      var btn_collapse = $('<div/>', {
        class: 'forum-hide',
        html: '<div class="forum-hide-icon-a"></div><div class="forum-hide-icon-b"></div>',
      });

      var collapsed = [];

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
        collapsed = readCookie('collapsed').split(',');
      }

      $(document).on('click', '.forum-hide', function () {
        $(this).toggleClass('forum-show');
        $(this).parents('.forum').toggleClass('forum-hidden');

        if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
            collapsed = readCookie('collapsed').split(',');
        }

        if (!$(this).parents('.forum').hasClass('forum-hidden')) {
            removeFromArray(curid + '.' + $(this).parents('.forum').data('cindex'), collapsed);

            createCookie('collapsed', collapsed);
        } else {
            collapsed.push(curid + '.' + $(this).parents('.forum').data('cindex'));

            createCookie('collapsed', collapsed);
        }
      });

      $('.forum').each(function (i) {
        $(this).data('cindex', '' + i);

        $(btn_collapse)
            .clone()
            .attr('id', 'forum' + i)
            .appendTo($(this).find('.forum-header'));

        if ($.inArray(curid + '.' + i, collapsed) > -1) {
            $(this).find('.forum-hide').toggleClass('forum-show');
            $(this).toggleClass('forum-hidden');
        }

        if ($(this).find('.type-classified').length) {
            $(this)
              .addClass('type-table-classified')
              .find('.type-classified')
              .find('.forum-statistics-posts').remove();
        }
      });
  });

  function removeFromArray(item, array) {
      var i = array.indexOf(item);

      if (i > -1) {
        array = array.splice(i, 1);
      }
  }

  function createCookie(name, value, days) {
      var expires;

      if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
      } else {
        expires = "";
      }
      document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
  }

  function readCookie(name) {
      var nameEQ = encodeURIComponent(name) + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
      }
      return null;
  }

  //]]>
</script>

الكود:

jQuery().ready(function() {
$(document).ready(function() {
    function loadMembers(targetClass, profileSelector) {
        $.get("/latest", function(data) {
            var memberList = $(data).find('.block-topics-lastpost:first');
            $(targetClass).append(memberList);

            console.log(`تم نقل الأعضاء إلى ${targetClass}`);

            $(targetClass).find('a[href^="/u"]').each(function() {
                var memberLink = $(this).attr('href');
                var lastPost = $(this).closest('.block-topics-lastpost');
                var rankDiv = $('<div class="retshm"></div>').appendTo(lastPost);

                rankDiv.load(memberLink + profileSelector, function(response, status) {
                    if (status === "success") {
                        console.log('تم تحميل صورة الرتبة بنجاح');
                    } else {
                        console.error('خطأ في تحميل صورة الرتبة من ' + memberLink);
                    }
                });
            });
        });
    }

    loadMembers('.retsup', ' .mod-login-rank img');
    loadMembers('.retsjhg', ' #profile-tab-field-profil');  // تأكد من أن هذا العنصر موجود
    loadMembers('.retsjtre', ' .box-body .mod-login-avatar img');
});

$(document).ready(function(){
        $.get("/latest", function(data){
          var memberList = $(data).find('.block-topics .block-topics-category:first');
            memberList.appendTo('.retsjtrert');
        });
});


(function($) {
    $(document).ready(function() {
        $(".toggleButton").click(function() {
            $(this).siblings(".for-tion").toggle();
        });
    });
}(jQuery));

});

كونان2000 كتب:اهلا 
جرب الكود التالي في الجافا واختار الصفحه الرئيسيه

الكود:

jQuery().ready(function() {
$(document).ready(function() {
    function loadMembers(targetClass, profileSelector) {
        $.get("/latest", function(data) {
            var memberList = $(data).find('.block-topics-lastpost:first');
            $(targetClass).append(memberList);

            console.log(`تم نقل الأعضاء إلى ${targetClass}`);

            $(targetClass).find('a[href^="/u"]').each(function() {
                var memberLink = $(this).attr('href');
                var lastPost = $(this).closest('.block-topics-lastpost');
                var rankDiv = $('<div class="retshm"></div>').appendTo(lastPost);

                rankDiv.load(memberLink + profileSelector, function(response, status) {
                    if (status === "success") {
                        console.log('تم تحميل صورة الرتبة بنجاح');
                    } else {
                        console.error('خطأ في تحميل صورة الرتبة من ' + memberLink);
                    }
                });
            });
        });
    }

    loadMembers('.retsup', ' .mod-login-rank img');
    loadMembers('.retsjhg', ' #profile-tab-field-profil');  // تأكد من أن هذا العنصر موجود
    loadMembers('.retsjtre', ' .box-body .mod-login-avatar img');
});

$(document).ready(function(){
        $.get("/latest", function(data){
          var memberList = $(data).find('.block-topics .block-topics-category:first');
            memberList.appendTo('.retsjtrert');
        });
});


(function($) {
    $(document).ready(function() {
        $(".toggleButton").click(function() {
            $(this).siblings(".for-tion").toggle();
        });
    });
}(jQuery));

});

كونان2000 كتب:جزاك الله خيرا على وضع الاذكار

واذا كان شريد الاذكار يعمل بالجافا عندك
ربما لا تحتاجه
لان يوجد شريط اداري في منتدى الدعم
تقدر تغير اسمه الى شريد الاذكار
الاعلانات الادارية بشكل احترافي حصريا

المبدع الخبير كتب:

كونان2000 كتب:جزاك الله خيرا على وضع الاذكار

واذا كان شريد الاذكار يعمل بالجافا عندك
ربما لا تحتاجه
لان يوجد شريط اداري في منتدى الدعم
تقدر تغير اسمه الى شريد الاذكار
الاعلانات الادارية بشكل احترافي حصريا

شكرا اخي كونان لكن ممكن تخلي كود الاذكار وحكمة اليوم تعمل بدون أن اقوم بتعديل الكود ؟
لأن المشكله من كود الفئات الجديد قبلها كان يعمل بشكل صحيح وجميل

كونان2000 كتب:

المبدع الخبير كتب:

كونان2000 كتب:جزاك الله خيرا على وضع الاذكار

واذا كان شريد الاذكار يعمل بالجافا عندك
ربما لا تحتاجه
لان يوجد شريط اداري في منتدى الدعم
تقدر تغير اسمه الى شريد الاذكار
الاعلانات الادارية بشكل احترافي حصريا

شكرا اخي كونان لكن ممكن تخلي كود الاذكار وحكمة اليوم تعمل بدون أن اقوم بتعديل الكود ؟
لأن المشكله من كود الفئات الجديد قبلها كان يعمل بشكل صحيح وجميل

اهلا
ممكن تضع شريط الاذكار والحكم هنا

الكود:

<script type="text/javascript">
var textarray = [
 "أَفْضَلُ النَّاسِ مَنْ تَواضَعَ عَنْ رِفْعَةٍ وعَفا عَنْ قُدرةٍ وأَنْصَفَ عن",
 "قَالَ سَهْلُ بن هارون:",
 "قال تعالى:",
 "العِـلمُ زينٌ فكُنْ للعِلمِ مُكْتسبًا‏..",
 "متى يبلغ البنيان يوما تمامه ..",
  "والمرء ساع لأمر ليس يدركه ..",
  "ولم أر في عيوب الناس شيئًا ..",
  "العاقـلُ",
];
  var textarray2 = [
 "قُوةٍ",
 "‏العَقلُ رائدُ الروحِ، والعِلـْمُ رائِدُ العَقلِ، والبَيَانُ ترجمانُ العِلـْمِ‏",
 "{إن الله يأمركم أن تؤدوا الأمانات إلى أهلها، وإذا حكمتم بين الناس أن تحكموا بالعدل}",
  "وكُنْ له طالبًا مَا عِشْتَ مُقتبِسًا",
  "إذا كنت تبنيه وغيرك يهدم‏",
  "والعيش شُحٌ وإشفاق وتأميل",
  "كنقص القادرين على التمام‏",
  "لا يستقبـلُ النعمـة ببطـرِ ولا يودعهـا بجزعِ",
];
  var textarray3 = [
  "لا إله إلا الله العظيم الحليم ، لا إله إلا الله رب العرش العظيم ، لا إله إلا الله رب السموات ، ورب الأرض ، ورب العرش الكريم",
 "ربنا لا تؤاخذنا إن نسينا أو أخطأنا ، ربنا ولا تحمل علينا إصراً كما حملته على الذين من قبلنا ، ربنا ولا تحمّلنا ما لا طاقة لنا به ، واعف عنا واغفر لنا وارحمنا ، أنت مولانا فانصرنا على القوم الكافرين",
 "أعوذ بكلمات الله التامات من شر ما خلق",
 "رَبِّ اغْفِرْ لِي وَلِوَالِدَيَّ وَلِمَن دَخَلَ بَيْتِيَ مُؤْمِناً وَلِلْمُؤْمِنِينَ وَالْمُؤْمِنَاتِ وَلَا تَزِدِ الظَّالِمِينَ إِلَّا تَبَاراً",
 "رَبِّ إِنِّي أَعُوذُ بِكَ أَنْ أَسْأَلَكَ مَا لَيْسَ لِي بِهِ عِلْمٌ وَإِلاَّ تَغْفِرْ لِي وَتَرْحَمْنِي أَكُن مِّنَ الْخَاسِرِينَ",
 "رَبِّ أَوْزِعْنِي أَنْ أَشْكُرَ نِعْمَتَكَ الَّتِي أَنْعَمْتَ عَلَيَّ وَعَلَى وَالِدَيَّ وَأَنْ أَعْمَلَ صَالِحًا تَرْضَاهُ وَأَدْخِلْنِي بِرَحْمَتِكَ فِي عِبَادِكَ الصَّالِحِينَ",
 "رَبِّ لا تَذَرْنِي فَرْدًا وَأَنتَ خَيْرُ الْوَارِثِينَ",
 "رَبِّ هَبْ لِي مِن لَّدُنْكَ ذُرِّيَّةً طَيِّبَةً إِنَّكَ سَمِيعُ الدُّعَاء",
 "رَبِّ إِنِّي لِمَا أَنزَلْتَ إِلَيَّ مِنْ خَيْرٍ فَقِيرٌ",
 "رَبِّ إِنِّي ظَلَمْتُ نَفْسِي فَاغْفِرْ لِي",
 "رَبِّ اشْرَحْ لِي صَدْرِي . وَيَسِّرْ لِي أَمْرِي . وَاحْلُلْ عُقْدَةً مِّن لِّسَانِي . يَفْقَهُوا قَوْلِي",
 "رَّبَّنَا عَلَيْكَ تَوَكَّلْنَا وَإِلَيْكَ أَنَبْنَا وَإِلَيْكَ الْمَصِيرُ . رَبَّنَا لَا تَجْعَلْنَا فِتْنَةً لِّلَّذِينَ كَفَرُوا وَاغْفِرْ لَنَا رَبَّنَا إِنَّكَ أَنتَ الْعَزِيزُ الْحَكِيمُ",
 "رَبِّ هَبْ لِي حُكْمًا وَأَلْحِقْنِي بِالصَّالِحِينَ . وَاجْعَل لِّي لِسَانَ صِدْقٍ فِي الْآخِرِينَ . وَاجْعَلْنِي مِن وَرَثَةِ جَنَّةِ النَّعِيمِ",
 "رَبِّ اجْعَلْنِي مُقِيمَ الصَّلاَةِ وَمِن ذُرِّيَّتِي رَبَّنَا وَتَقَبَّلْ دُعَاء . رَبَّنَا اغْفِرْ لِي وَلِوَالِدَيَّ وَلِلْمُؤْمِنِينَ يَوْمَ يَقُومُ الْحِسَابُ",
 "رَبَّنَا تَقَبَّلْ مِنَّا إِنَّكَ أَنتَ السَّمِيعُ الْعَلِيمُ . رَبَّنَا وَاجْعَلْنَا مُسْلِمَيْنِ لَكَ وَمِن ذُرِّيَّتِنَا أُمَّةً مُّسْلِمَةً لَّكَ وَأَرِنَا مَنَاسِكَنَا وَتُبْ عَلَيْنَآ إِنَّكَ أَنتَ التَّوَّابُ الرَّحِيمُ",
 "رَبَّنَا ظَلَمْنَا أَنفُسَنَا وَإِن لَّمْ تَغْفِرْ لَنَا وَتَرْحَمْنَا لَنَكُونَنَّ مِنَ الْخَاسِرِينَ",
 "لا إله إلا أنــت ، ســبــحــانــك إنــي كــنــت من الــظــالــمــيــن",
 "اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي",
];

function Rndtext() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('ShowText').innerHTML= '<span class="olive" > '+textarray[rannum]+' </span>' + '<span class="redd" > '+textarray2[rannum]+' </span>';
  document.getElementById('Azkar').innerHTML= textarray3[rannum] ;
}

jQuery(function() { Rndtext(); });
</script>     

كونان2000 كتب:هل له كود هتمل؟

الكود:


    <tbody>
      <tr>
        <td class="tcat">الأذكـآر</td>
        <td dir="ltr" width="100%" class="alt1">
        </td>
      </tr>
    </tbody>
  </table>
        <br>
    <thead>
      <tr>
        <td class="tcat" colspan="1">
          </a>
        </td>
      </tr>
    </thead>
      <tr>
        <td class="alt1">
        </td>
      </tr>
    </tbody>
  </table>


الكود:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
var textarray = [
 "أَفْضَلُ النَّاسِ مَنْ تَواضَعَ عَنْ رِفْعَةٍ وعَفا عَنْ قُدرةٍ وأَنْصَفَ عن",
 "قَالَ سَهْلُ بن هارون:",
 "قال تعالى:",
 "العِـلمُ زينٌ فكُنْ للعِلمِ مُكْتسبًا‏..",
 "متى يبلغ البنيان يوما تمامه ..",
  "والمرء ساع لأمر ليس يدركه ..",
  "ولم أر في عيوب الناس شيئًا ..",
  "العاقـلُ",
];
  var textarray2 = [
 "قُوةٍ",
 "‏العَقلُ رائدُ الروحِ، والعِلـْمُ رائِدُ العَقلِ، والبَيَانُ ترجمانُ العِلـْمِ‏",
 "{إن الله يأمركم أن تؤدوا الأمانات إلى أهلها، وإذا حكمتم بين الناس أن تحكموا بالعدل}",
  "وكُنْ له طالبًا مَا عِشْتَ مُقتبِسًا",
  "إذا كنت تبنيه وغيرك يهدم‏",
  "والعيش شُحٌ وإشفاق وتأميل",
  "كنقص القادرين على التمام‏",
  "لا يستقبـلُ النعمـة ببطـرِ ولا يودعهـا بجزعِ",
];
  var textarray3 = [
  "لا إله إلا الله العظيم الحليم ، لا إله إلا الله رب العرش العظيم ، لا إله إلا الله رب السموات ، ورب الأرض ، ورب العرش الكريم",
 "ربنا لا تؤاخذنا إن نسينا أو أخطأنا ، ربنا ولا تحمل علينا إصراً كما حملته على الذين من قبلنا ، ربنا ولا تحمّلنا ما لا طاقة لنا به ، واعف عنا واغفر لنا وارحمنا ، أنت مولانا فانصرنا على القوم الكافرين",
 "أعوذ بكلمات الله التامات من شر ما خلق",
 "رَبِّ اغْفِرْ لِي وَلِوَالِدَيَّ وَلِمَن دَخَلَ بَيْتِيَ مُؤْمِناً وَلِلْمُؤْمِنِينَ وَالْمُؤْمِنَاتِ وَلَا تَزِدِ الظَّالِمِينَ إِلَّا تَبَاراً",
 "رَبِّ إِنِّي أَعُوذُ بِكَ أَنْ أَسْأَلَكَ مَا لَيْسَ لِي بِهِ عِلْمٌ وَإِلاَّ تَغْفِرْ لِي وَتَرْحَمْنِي أَكُن مِّنَ الْخَاسِرِينَ",
 "رَبِّ أَوْزِعْنِي أَنْ أَشْكُرَ نِعْمَتَكَ الَّتِي أَنْعَمْتَ عَلَيَّ وَعَلَى وَالِدَيَّ وَأَنْ أَعْمَلَ صَالِحًا تَرْضَاهُ وَأَدْخِلْنِي بِرَحْمَتِكَ فِي عِبَادِكَ الصَّالِحِينَ",
 "رَبِّ لا تَذَرْنِي فَرْدًا وَأَنتَ خَيْرُ الْوَارِثِينَ",
 "رَبِّ هَبْ لِي مِن لَّدُنْكَ ذُرِّيَّةً طَيِّبَةً إِنَّكَ سَمِيعُ الدُّعَاء",
 "رَبِّ إِنِّي لِمَا أَنزَلْتَ إِلَيَّ مِنْ خَيْرٍ فَقِيرٌ",
 "رَبِّ إِنِّي ظَلَمْتُ نَفْسِي فَاغْفِرْ لِي",
 "رَبِّ اشْرَحْ لِي صَدْرِي . وَيَسِّرْ لِي أَمْرِي . وَاحْلُلْ عُقْدَةً مِّن لِّسَانِي . يَفْقَهُوا قَوْلِي",
 "رَّبَّنَا عَلَيْكَ تَوَكَّلْنَا وَإِلَيْكَ أَنَبْنَا وَإِلَيْكَ الْمَصِيرُ . رَبَّنَا لَا تَجْعَلْنَا فِتْنَةً لِّلَّذِينَ كَفَرُوا وَاغْفِرْ لَنَا رَبَّنَا إِنَّكَ أَنتَ الْعَزِيزُ الْحَكِيمُ",
 "رَبِّ هَبْ لِي حُكْمًا وَأَلْحِقْنِي بِالصَّالِحِينَ . وَاجْعَل لِّي لِسَانَ صِدْقٍ فِي الْآخِرِينَ . وَاجْعَلْنِي مِن وَرَثَةِ جَنَّةِ النَّعِيمِ",
 "رَبِّ اجْعَلْنِي مُقِيمَ الصَّلاَةِ وَمِن ذُرِّيَّتِي رَبَّنَا وَتَقَبَّلْ دُعَاء . رَبَّنَا اغْفِرْ لِي وَلِوَالِدَيَّ وَلِلْمُؤْمِنِينَ يَوْمَ يَقُومُ الْحِسَابُ",
 "رَبَّنَا تَقَبَّلْ مِنَّا إِنَّكَ أَنتَ السَّمِيعُ الْعَلِيمُ . رَبَّنَا وَاجْعَلْنَا مُسْلِمَيْنِ لَكَ وَمِن ذُرِّيَّتِنَا أُمَّةً مُّسْلِمَةً لَّكَ وَأَرِنَا مَنَاسِكَنَا وَتُبْ عَلَيْنَآ إِنَّكَ أَنتَ التَّوَّابُ الرَّحِيمُ",
 "رَبَّنَا ظَلَمْنَا أَنفُسَنَا وَإِن لَّمْ تَغْفِرْ لَنَا وَتَرْحَمْنَا لَنَكُونَنَّ مِنَ الْخَاسِرِينَ",
 "لا إله إلا أنــت ، ســبــحــانــك إنــي كــنــت من الــظــالــمــيــن",
 "اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي",
];

function Rndtext() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('ShowText').innerHTML= '<span class="olive" > '+textarray[rannum]+' </span>' + '<span class="redd" > '+textarray2[rannum]+' </span>';
  document.getElementById('Azkar').innerHTML= textarray3[rannum] ;
}

jQuery(function() { Rndtext(); });
</script>   



المبدع الخبير كتب:اشتغل اخوي كونان لكن كود تكريم العضو خرب  

الكود:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
var textarray = [
 "أَفْضَلُ النَّاسِ مَنْ تَواضَعَ عَنْ رِفْعَةٍ وعَفا عَنْ قُدرةٍ وأَنْصَفَ عن",
 "قَالَ سَهْلُ بن هارون:",
 "قال تعالى:",
 "العِـلمُ زينٌ فكُنْ للعِلمِ مُكْتسبًا‏..",
 "متى يبلغ البنيان يوما تمامه ..",
  "والمرء ساع لأمر ليس يدركه ..",
  "ولم أر في عيوب الناس شيئًا ..",
  "العاقـلُ",
];
  var textarray2 = [
 "قُوةٍ",
 "‏العَقلُ رائدُ الروحِ، والعِلـْمُ رائِدُ العَقلِ، والبَيَانُ ترجمانُ العِلـْمِ‏",
 "{إن الله يأمركم أن تؤدوا الأمانات إلى أهلها، وإذا حكمتم بين الناس أن تحكموا بالعدل}",
  "وكُنْ له طالبًا مَا عِشْتَ مُقتبِسًا",
  "إذا كنت تبنيه وغيرك يهدم‏",
  "والعيش شُحٌ وإشفاق وتأميل",
  "كنقص القادرين على التمام‏",
  "لا يستقبـلُ النعمـة ببطـرِ ولا يودعهـا بجزعِ",
];
  var textarray3 = [
  "لا إله إلا الله العظيم الحليم ، لا إله إلا الله رب العرش العظيم ، لا إله إلا الله رب السموات ، ورب الأرض ، ورب العرش الكريم",
 "ربنا لا تؤاخذنا إن نسينا أو أخطأنا ، ربنا ولا تحمل علينا إصراً كما حملته على الذين من قبلنا ، ربنا ولا تحمّلنا ما لا طاقة لنا به ، واعف عنا واغفر لنا وارحمنا ، أنت مولانا فانصرنا على القوم الكافرين",
 "أعوذ بكلمات الله التامات من شر ما خلق",
 "رَبِّ اغْفِرْ لِي وَلِوَالِدَيَّ وَلِمَن دَخَلَ بَيْتِيَ مُؤْمِناً وَلِلْمُؤْمِنِينَ وَالْمُؤْمِنَاتِ وَلَا تَزِدِ الظَّالِمِينَ إِلَّا تَبَاراً",
 "رَبِّ إِنِّي أَعُوذُ بِكَ أَنْ أَسْأَلَكَ مَا لَيْسَ لِي بِهِ عِلْمٌ وَإِلاَّ تَغْفِرْ لِي وَتَرْحَمْنِي أَكُن مِّنَ الْخَاسِرِينَ",
 "رَبِّ أَوْزِعْنِي أَنْ أَشْكُرَ نِعْمَتَكَ الَّتِي أَنْعَمْتَ عَلَيَّ وَعَلَى وَالِدَيَّ وَأَنْ أَعْمَلَ صَالِحًا تَرْضَاهُ وَأَدْخِلْنِي بِرَحْمَتِكَ فِي عِبَادِكَ الصَّالِحِينَ",
 "رَبِّ لا تَذَرْنِي فَرْدًا وَأَنتَ خَيْرُ الْوَارِثِينَ",
 "رَبِّ هَبْ لِي مِن لَّدُنْكَ ذُرِّيَّةً طَيِّبَةً إِنَّكَ سَمِيعُ الدُّعَاء",
 "رَبِّ إِنِّي لِمَا أَنزَلْتَ إِلَيَّ مِنْ خَيْرٍ فَقِيرٌ",
 "رَبِّ إِنِّي ظَلَمْتُ نَفْسِي فَاغْفِرْ لِي",
 "رَبِّ اشْرَحْ لِي صَدْرِي . وَيَسِّرْ لِي أَمْرِي . وَاحْلُلْ عُقْدَةً مِّن لِّسَانِي . يَفْقَهُوا قَوْلِي",
 "رَّبَّنَا عَلَيْكَ تَوَكَّلْنَا وَإِلَيْكَ أَنَبْنَا وَإِلَيْكَ الْمَصِيرُ . رَبَّنَا لَا تَجْعَلْنَا فِتْنَةً لِّلَّذِينَ كَفَرُوا وَاغْفِرْ لَنَا رَبَّنَا إِنَّكَ أَنتَ الْعَزِيزُ الْحَكِيمُ",
 "رَبِّ هَبْ لِي حُكْمًا وَأَلْحِقْنِي بِالصَّالِحِينَ . وَاجْعَل لِّي لِسَانَ صِدْقٍ فِي الْآخِرِينَ . وَاجْعَلْنِي مِن وَرَثَةِ جَنَّةِ النَّعِيمِ",
 "رَبِّ اجْعَلْنِي مُقِيمَ الصَّلاَةِ وَمِن ذُرِّيَّتِي رَبَّنَا وَتَقَبَّلْ دُعَاء . رَبَّنَا اغْفِرْ لِي وَلِوَالِدَيَّ وَلِلْمُؤْمِنِينَ يَوْمَ يَقُومُ الْحِسَابُ",
 "رَبَّنَا تَقَبَّلْ مِنَّا إِنَّكَ أَنتَ السَّمِيعُ الْعَلِيمُ . رَبَّنَا وَاجْعَلْنَا مُسْلِمَيْنِ لَكَ وَمِن ذُرِّيَّتِنَا أُمَّةً مُّسْلِمَةً لَّكَ وَأَرِنَا مَنَاسِكَنَا وَتُبْ عَلَيْنَآ إِنَّكَ أَنتَ التَّوَّابُ الرَّحِيمُ",
 "رَبَّنَا ظَلَمْنَا أَنفُسَنَا وَإِن لَّمْ تَغْفِرْ لَنَا وَتَرْحَمْنَا لَنَكُونَنَّ مِنَ الْخَاسِرِينَ",
 "لا إله إلا أنــت ، ســبــحــانــك إنــي كــنــت من الــظــالــمــيــن",
 "اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي",
];

function Rndtext() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('ShowText').innerHTML= '<span class="olive" > '+textarray[rannum]+' </span>' + '<span class="redd" > '+textarray2[rannum]+' </span>';
  document.getElementById('Azkar').innerHTML= textarray3[rannum] ;
}

jQuery(function() { Rndtext(); });
</script>   

الكود:


(function($) {
var textarray = [
 "أَفْضَلُ النَّاسِ مَنْ تَواضَعَ عَنْ رِفْعَةٍ وعَفا عَنْ قُدرةٍ وأَنْصَفَ عن",
 "قَالَ سَهْلُ بن هارون:",
 "قال تعالى:",
 "العِـلمُ زينٌ فكُنْ للعِلمِ مُكْتسبًا‏..",
 "متى يبلغ البنيان يوما تمامه ..",
  "والمرء ساع لأمر ليس يدركه ..",
  "ولم أر في عيوب الناس شيئًا ..",
  "العاقـلُ",
];
  var textarray2 = [
 "قُوةٍ",
 "‏العَقلُ رائدُ الروحِ، والعِلـْمُ رائِدُ العَقلِ، والبَيَانُ ترجمانُ العِلـْمِ‏",
 "{إن الله يأمركم أن تؤدوا الأمانات إلى أهلها، وإذا حكمتم بين الناس أن تحكموا بالعدل}",
  "وكُنْ له طالبًا مَا عِشْتَ مُقتبِسًا",
  "إذا كنت تبنيه وغيرك يهدم‏",
  "والعيش شُحٌ وإشفاق وتأميل",
  "كنقص القادرين على التمام‏",
  "لا يستقبـلُ النعمـة ببطـرِ ولا يودعهـا بجزعِ",
];
  var textarray3 = [
  "لا إله إلا الله العظيم الحليم ، لا إله إلا الله رب العرش العظيم ، لا إله إلا الله رب السموات ، ورب الأرض ، ورب العرش الكريم",
 "ربنا لا تؤاخذنا إن نسينا أو أخطأنا ، ربنا ولا تحمل علينا إصراً كما حملته على الذين من قبلنا ، ربنا ولا تحمّلنا ما لا طاقة لنا به ، واعف عنا واغفر لنا وارحمنا ، أنت مولانا فانصرنا على القوم الكافرين",
 "أعوذ بكلمات الله التامات من شر ما خلق",
 "رَبِّ اغْفِرْ لِي وَلِوَالِدَيَّ وَلِمَن دَخَلَ بَيْتِيَ مُؤْمِناً وَلِلْمُؤْمِنِينَ وَالْمُؤْمِنَاتِ وَلَا تَزِدِ الظَّالِمِينَ إِلَّا تَبَاراً",
 "رَبِّ إِنِّي أَعُوذُ بِكَ أَنْ أَسْأَلَكَ مَا لَيْسَ لِي بِهِ عِلْمٌ وَإِلاَّ تَغْفِرْ لِي وَتَرْحَمْنِي أَكُن مِّنَ الْخَاسِرِينَ",
 "رَبِّ أَوْزِعْنِي أَنْ أَشْكُرَ نِعْمَتَكَ الَّتِي أَنْعَمْتَ عَلَيَّ وَعَلَى وَالِدَيَّ وَأَنْ أَعْمَلَ صَالِحًا تَرْضَاهُ وَأَدْخِلْنِي بِرَحْمَتِكَ فِي عِبَادِكَ الصَّالِحِينَ",
 "رَبِّ لا تَذَرْنِي فَرْدًا وَأَنتَ خَيْرُ الْوَارِثِينَ",
 "رَبِّ هَبْ لِي مِن لَّدُنْكَ ذُرِّيَّةً طَيِّبَةً إِنَّكَ سَمِيعُ الدُّعَاء",
 "رَبِّ إِنِّي لِمَا أَنزَلْتَ إِلَيَّ مِنْ خَيْرٍ فَقِيرٌ",
 "رَبِّ إِنِّي ظَلَمْتُ نَفْسِي فَاغْفِرْ لِي",
 "رَبِّ اشْرَحْ لِي صَدْرِي . وَيَسِّرْ لِي أَمْرِي . وَاحْلُلْ عُقْدَةً مِّن لِّسَانِي . يَفْقَهُوا قَوْلِي",
 "رَّبَّنَا عَلَيْكَ تَوَكَّلْنَا وَإِلَيْكَ أَنَبْنَا وَإِلَيْكَ الْمَصِيرُ . رَبَّنَا لَا تَجْعَلْنَا فِتْنَةً لِّلَّذِينَ كَفَرُوا وَاغْفِرْ لَنَا رَبَّنَا إِنَّكَ أَنتَ الْعَزِيزُ الْحَكِيمُ",
 "رَبِّ هَبْ لِي حُكْمًا وَأَلْحِقْنِي بِالصَّالِحِينَ . وَاجْعَل لِّي لِسَانَ صِدْقٍ فِي الْآخِرِينَ . وَاجْعَلْنِي مِن وَرَثَةِ جَنَّةِ النَّعِيمِ",
 "رَبِّ اجْعَلْنِي مُقِيمَ الصَّلاَةِ وَمِن ذُرِّيَّتِي رَبَّنَا وَتَقَبَّلْ دُعَاء . رَبَّنَا اغْفِرْ لِي وَلِوَالِدَيَّ وَلِلْمُؤْمِنِينَ يَوْمَ يَقُومُ الْحِسَابُ",
 "رَبَّنَا تَقَبَّلْ مِنَّا إِنَّكَ أَنتَ السَّمِيعُ الْعَلِيمُ . رَبَّنَا وَاجْعَلْنَا مُسْلِمَيْنِ لَكَ وَمِن ذُرِّيَّتِنَا أُمَّةً مُّسْلِمَةً لَّكَ وَأَرِنَا مَنَاسِكَنَا وَتُبْ عَلَيْنَآ إِنَّكَ أَنتَ التَّوَّابُ الرَّحِيمُ",
 "رَبَّنَا ظَلَمْنَا أَنفُسَنَا وَإِن لَّمْ تَغْفِرْ لَنَا وَتَرْحَمْنَا لَنَكُونَنَّ مِنَ الْخَاسِرِينَ",
 "لا إله إلا أنــت ، ســبــحــانــك إنــي كــنــت من الــظــالــمــيــن",
 "اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي",
];

function Rndtext() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('ShowText').innerHTML= '<span class="olive" > '+textarray[rannum]+' </span>' + '<span class="redd" > '+textarray2[rannum]+' </span>';
  document.getElementById('Azkar').innerHTML= textarray3[rannum] ;
}

jQuery(function() { Rndtext(); });

}(jQuery));

المبدع الخبير كتب:شكرا اخوي كونان جزاك الله خيراً الكود اصبح يعمل