تعديلات على الأقسام Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

2 مشترك

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

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

مُساهمة من طرف المبدع الخبير السبت 19 أكتوبر 2024 - 19:05

السلام عليكم ممكن تعديل الكود التالي وجعل تقليص واظهار القسم تعمل بشكل صحيح ؟ واضافة عدد المساهمات والردود للاقسام وجعل الاقسام الفرعية تظهر على شكل قائمة منسدلة كما هو موضح في الصورة
القائمة المنسدلة
تعديلات على الأقسام Phones10
المقصود بتقليص واظهار القسم
تعديلات على الأقسام Phones11
الكود
الكود:
<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>
المبدع الخبير
المبدع الخبير
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الأحد 20 أكتوبر 2024 - 11:27

اهلا
استبدل القالب بالكامل بالتالي
الكود:
<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
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 14:06

كونان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>
شكرا اخوي كونان لكن الضغط على كلمة المزيد لاتظهر الاقسام الفرعية Crying or Very sad
المبدع الخبير
المبدع الخبير
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

العراقي الطائي يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 15:31

كما ان الكود اصبح يتعارض مع كود تكريم العضو
المبدع الخبير
المبدع الخبير
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الأحد 20 أكتوبر 2024 - 18:11

اهلا 
جرب الكود التالي في الجافا واختار الصفحه الرئيسيه
الكود:
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
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 19:58

كونان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));

});
الكود اشتغل اخوي كونان تسلم ايديك بس في شغلة كمان الكود يؤثر على كود الاذكار والحكم
تعديلات على الأقسام Pirate17
المبدع الخبير
المبدع الخبير
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الأحد 20 أكتوبر 2024 - 22:40

جزاك الله خيرا على وضع الاذكار

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

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 22:45

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

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

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الأحد 20 أكتوبر 2024 - 22:50

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

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

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 22:51

كونان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>     
المبدع الخبير
المبدع الخبير
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الأحد 20 أكتوبر 2024 - 22:55

هل له كود هتمل؟
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 22:59

كونان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>


عدل سابقا من قبل المبدع الخبير في الأحد 20 أكتوبر 2024 - 23:44 عدل 1 مرات
المبدع الخبير
المبدع الخبير
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الأحد 20 أكتوبر 2024 - 23:16

اهلا استبدل الجافا بالتالي
الكود:

<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>   

كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 23:22

اشتغل اخوي كونان لكن كود تكريم العضو خرب تعديلات على الأقسام 1f605
المبدع الخبير
المبدع الخبير
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الأحد 20 أكتوبر 2024 - 23:34

المبدع الخبير كتب:اشتغل اخوي كونان لكن كود تكريم العضو خرب  تعديلات على الأقسام 1f605
الكود التالي الي اعطيته لك احذفه
الكود:
<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));
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر 2024 - 23:41

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

ذكر
عدد المساهمات : 210
معدل النشاط : 1641
السُمعة : 1

https://pirates-revo.forummo.com/

كونان2000 يعجبه هذا الموضوع

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

تم الحل رد: تعديلات على الأقسام

مُساهمة من طرف كونان2000 الإثنين 21 أكتوبر 2024 - 0:02

المبدع الخبير كتب:شكرا اخوي كونان جزاك الله خيراً الكود اصبح يعمل
العفو اخي clown
تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1778
معدل النشاط : 3694
السُمعة : 332

https://anime.forumperso.com/

المبدع الخبير يعجبه هذا الموضوع

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

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

- مواضيع مماثلة

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