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

لمحبي الفن الياباني والشخصيات الكرتونية. انضم إلينا لتجدد شغفك بالشخصيات المحبوبة والقصص الشيقة.

منتدى انمي ميجادخول

منتدى انمي ميجا

لمحبي الفن الياباني والشخصيات الكرتونية. انضم إلينا لتجدد شغفك بالشخصيات المحبوبة والقصص الشيقة.


الرئيسيةالرئيسية  
  • البوابةالبوابة  
  • مكتبة الصورمكتبة الصور  
  • بحـثبحـث  
  • أحدث الصورأحدث الصور  
  • الأعضاءالأعضاء  
  • المجموعاتالمجموعات  
  • دخولدخول  
  • التسجيلالتسجيل  


    • [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو

    3 مشترك
    رامي

    description[templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو Empty2024-08-03, 22:19

    more_horiz
    تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو


    السلام عليكم ورحمة الله وبركاته
    مرحبًا بأعضاء المنتدى جميعا/size]

    [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو FlfpavL
    https://i.postimg.cc/Yk7j9KLs/Animation.gif
    -------------------------------------

    لتحسين مظهر الصفحة الرئيسية،
    يمكنك تحويل فئة الصور المشاركة مؤخرًا إلى سلايد شو. عجيـــب

    1: يتيح السلايد شو للمستخدمين التنقل بين الصور باستخدام شريط التمرير السفلي أو بالنقر على الأسهم يمين ويسار.
    2: يتكيف السلايد شو مع مختلف أحجام الشاشة، مما يجعله مثاليًا للاستخدام على الهواتف المحمولة والأجهزة اللوحية  🐱  

    يارب يكون هذا التغيير مفيدًا لكم جميعًا  
    _____________________



    [size=22]طريقة التركيب
    --------------


    أولا عليك تفعيل الصور التي تمت مشاركتها مؤخرًا عن طريق لوحة الادارة > عناصر إضافية > الصور التي تمت مشاركتها مؤخرا
    تشكيل
    "إعدادات "الصور التي تمت مشاركتها مؤخرًا
    "قم بتنشيط "الصور التي تمت مشاركتها مؤخرًا : نعم
    إظهار رابط الصفحة في عارضة التصفح : نعم
    اعرض الصور التي تمت مشاركتها مؤخرًا على الصفحة الرئيسية : نعم
    [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو Xvqhij10

    ثم اذهب الى التومبلايتات و القوالب

    ابحث في قالب index_box
    عن الكود الذي يبدا بــ

    الكود:

    <!-- BEGIN switch_forum_images -->

    وينتهي بـــ

    الكود:

    <!-- END switch_forum_images -->

    واحذفه

    واستبدله بالتالي

    الكود:


    <!-- BEGIN switch_forum_images -->
    <div id="konan-solid" class="forum-images">
    <div class="konan-images">أحدث الصور المضافة</div>
    <div class="konan-solid">
    <a href="/images" class="konan-konan">قائمة الصور</a>
     <button id="moveRight">❮</button>
      <button id="moveLeft">❯</button>
    <div class="conan-conan">
    <div class="fo-header">
    <div class="category-title">

    <script type="text/javascript">
     $(document).ready(function(){
        var scrollableContent = $('.conan-conan');
        var scrollAmount = 350;

        $('#moveLeft').click(function(){
            scrollableContent.animate({scrollLeft: '-=' + scrollAmount}, 400);
        });

        $('#moveRight').click(function(){
            scrollableContent.animate({scrollLeft: '+=' + scrollAmount}, 400);
        });
    });

    </script>

     <style>
    div#imageList {width: 300px;}
     .konan-images {font-weight: bold;padding: 5px;text-align: center;color: white;background: #3594e1;}              
     .konan-solid {padding: 10px;border: dotted 1px #035393;background: white;}              
     .conan-conan {margin-top: 11px;height: 257px;overflow: scroll;}
    a.konan-konan {font-weight: 900;font-size: 17px;border-radius: 10px;color: #fff !important;border: solid 1px #d5dcdf9c;padding: 5px;background: #249eff;float: left;text-decoration: none !important;}
    .forum-hidden .container-imgs-list {max-height: 250px !important;padding: 0 !important;text-decoration: auto;}
    .container-imgs-list img {height: 222px;width: 222px;}
    .container-imgs-list {overflow: initial !important;display: flex;flex-wrap: nowrap;justify-content: right;padding: 0;flex-direction: row-reverse;}          
    .container-imgs-list .image_item {width: 222px;height: 222px;transform: rotate(270deg);}
    .container-imgs-list .image_column {display: flex;margin: 10px;flex-direction: row-reverse;}
    button#moveLeft {border-radius:10px;width:50px;height:40px;font-size:22px;margin-right:10px;color:#f0ffff;background:#2196F3;cursor: pointer;}
    button#moveRight {border-radius: 10px;width: 50px;height: 40px;font-size: 22px;margin-left: 10px;color: #f0ffff;background: #2196F3;cursor: pointer;}
    .container-imgs-list .image_column {display: inline;transform: rotate(90deg);flex-direction: row-reverse;}
    #imageList > div:nth-child(5) {left: 380px;top: -130px;position: relative;}
    .container-imgs-list .image_item.overflown {opacity: 0;transform: scale(.4);}
    .container-imgs-list {border: 0;}
    </style>              
    </div></div>
      
    <div class="container-imgs-list" style="max-height: 200px; margin-top: 0px" id="imageList">
    {switch_forum_images.SCRIPTS}
    </div></div></div></div>
    <!-- END switch_forum_images -->

    لا تنسى أن تضغط سجل ثم انشر [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو 2997428975
    --------------
    وهكذا تكون انتهيت من جميع الخطوات  تتت444
    وشاهد السلايد شو في الصفحة الرئيسية في منتداك


    ختاما, نأمل أن يكون هذا التحسين مفيدًا لكم جميعًا، وأن يسهم في تحسين منتدياتكم
    ويجعل تجربتكم في مشاركة الصور واستعراضها أكثر سلاسة وإتقانً  🤡

    وفقكم الله جميعا




    تم كتابة الكود بواسطة كونان2000

    _____________
    [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو X9ymdz10

    [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو XVqhIjm
    Bo7a

    description[templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو Empty2024-08-14, 19:45

    more_horiz
    كود رائع و مميز فى إنتظار جديد
    إبدعاتكم إن شاء الله
    تحياتى لكم بتمام العافية

    _____________
    أهلا ومرحبا بكم أعضاء و زوار منتدنا الحبيب
    هذا المنتدى منكم وإليكم .
    كونك أحد أعضاء أو من رواد هذا المنتدى فأنت مؤتمن لك حقوق وعليك واجبات !!
    ليس العبرة بعدد مساهماتك !! وإنما ماذا كتبت وماذا قدمت لأخوانك الأعضاء و الزوار .
    كن مميز في أطروحاتك صادقاً في معلوماتك محباً للخير دائماً
    مراقباً في المنتدى في حاله غياب المراقب مشرفاً للمنتدى في حاله غياب المشرف
    ونحن أملين أن تتم المشاركة بينكما بكل حب و أحترام
     [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو 836155304
    العراقي الطائي

    description[templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو Empty2024-08-31, 02:38

    more_horiz
    احسنت
    رامي

    description[templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو Empty2024-09-10, 05:05

    more_horiz
    شكرا لكم
    سعيد جداً أن الإبداع نال إعجابكم.

    _____________
    [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو X9ymdz10

    [templates] تغيير فئة الصور التي تمت مشاركتها مؤخرًا إلى سلايد شو XVqhIjm
    صلاحيات هذا المنتدى:
    لاتستطيع الرد على المواضيع في هذا المنتدى