بادائات جديدة لمنتديات أحلى منتدى

والحمد لله تم إنشاء كود بادئة جديد بأكواد جديدة لعام 2024 يتضمن قائمة منسدلة حديثة. تضع هذه القائمة تلقائيًا فواصل بين البادئات وتسمح للمستخدمين باختيار نوع البادئة - إما صورة أو نص، حسب تفضيلاتهم.
ويعمل على جميع الإصدارات.

والأكواد الجديدة تعمل على منتداك ما لم تغير قوالب المنتدى بشكل كبير
واذا قمت بتغير القوالب بشكل كبير. ربما تحتاج الى تعديل يناسب قالب منتداك
------------------




مثال على البادئات التي تظهر كصورة بدلاً من النص.


مثال على البادئات التي تظهر كنص وليس كصورة.


-------------------------------


وبدون ان اطيل عليكم, اليكم طريقة التركيب



تثبيت  JavaScript
--------------------------
العنوان * : اختياري
أضف الكود الى : جميع الصفحات

الكود:

$(function() {
$(document).ready(function() {
    $('a:not(:has(img))').each(function() {
        var html = $(this).html();
        var updatedHtml = html;
 
   
      updatedHtml = updatedHtml
            // Select prefix-img
            .replace(/\[sonic-img\]/g, '<img style="width: 45px;height: 45px;vertical-align: bottom;" src="https://i.servimg.com/u/f28/20/46/29/87/unname11.jpg" />')
            .replace(/\[mario-img\]/g, '<img style="width: 45px;height: 45px;vertical-align: bottom;" src="https://i.servimg.com/u/f28/20/46/29/87/superm10.jpg" />')
            .replace(/\[Yoshi-img\]/g, '<img style="width: 45px;height: 45px;vertical-align: bottom;" src="https://i.servimg.com/u/f28/20/46/29/87/yoship10.png" />')
            .replace(/\[conan-img\]/g, '<img style="width: 45px;height: 45px;vertical-align: bottom;" src="https://i.servimg.com/u/f28/20/46/29/87/superm11.jpg" />')
            .replace(/\[star-img\]/g, '<img style="width: 45px;height: 45px;vertical-align: bottom;" src="https://i.servimg.com/u/f28/20/46/29/87/png-tr10.png" />')
            .replace(/\[solved-img\]/g, '<img style="width: 45px;height: 45px;vertical-align: bottom;" src="https://i.servimg.com/u/f62/11/40/02/06/1_copy11.png" />')
     
            // Select prefix-Text
            .replace(/\[sonic\]/g, '<div style="padding: 3px;color: #ffffff;background: #1c45bb;display: inline-block;">sonic</div>')
            .replace(/\[mario\]/g, '<div style="padding: 3px;color: #ffffff;background: #e60002;display: inline-block;">mario</div>')
            .replace(/\[Yoshi\]/g, '<div style="padding: 3px;color: #ffffff;background: #32a726;display: inline-block;">Yoshi</div>')
            .replace(/\[conan\]/g, '<div style="padding: 3px;color: #ffffff;background: #054d87;display: inline-block;">conan</div>')
            .replace(/\[star\]/g, '<div style="padding: 3px;color: #000000;background: #f9dd01;display: inline-block;">star</div>')
            .replace(/\[solved\]/g, '<div style="padding: 3px;color: #ffffff;background: #68ad3f;display: inline-block;">solved</div>')
 
 
;$(this).html(updatedHtml);
    });});});
 
 
document.addEventListener("DOMContentLoaded", function() {
    var conan2000 = [
        { value: 'conan20000', text: 'اختيار بادئات (صور)' },
        { value: 'option1', text: '[sonic-img]' },
        { value: 'option2', text: '[mario-img]' },
        { value: 'option3', text: '[Yoshi-img]' },
        { value: 'option4', text: '[conan-img]' },
        { value: 'option5', text: '[star-img]' },
        { value: 'option6', text: '[solved-img]' },
        { value: 'conan200000', text: 'Clear' }
    ];
    var konan2000 = [
        { value: 'conan20000', text: 'اختيار بادئات (نص)' },
        { value: 'option1', text: '[sonic]' },
        { value: 'option2', text: '[mario]' },
        { value: 'option3', text: '[Yoshi]' },
        { value: 'option4', text: '[conan]' },
        { value: 'option5', text: '[star]' },
        { value: 'option6', text: '[solved]' },
        { value: 'conan200000', text: 'Clear' }
    ];
    var $input = document.querySelector('input[name="subject"]');
    var $dropconan2000 = document.createElement('select');
    var $forumButton = document.createElement('button');
    $dropconan2000.classList.add('dropconan2000', 'default'); // Start with default class
    $forumButton.classList.add('dropconan2000-forum', 'default'); // Start with default class
    $forumButton.textContent = 'التبديل الى بادئات نص';
 
    var isConan2000Visible = true;
 
    function populatedropconan2000(options) {
        $dropconan2000.innerHTML = ''; // Clear existing options
        options.forEach(function(option) {
            var opt = document.createElement('option');
            opt.value = option.value;
            opt.textContent = option.text;
            $dropconan2000.appendChild(opt);
        });
    }
    populatedropconan2000(conan2000);
    $forumButton.addEventListener('click', function(event) {
        event.preventDefault();
        if (isConan2000Visible) {
            populatedropconan2000(konan2000);
            $forumButton.textContent = 'بادئة-نص';
            $forumButton.classList.remove('default');
            $forumButton.classList.add('forumd');
            $dropconan2000.classList.remove('default');
            $dropconan2000.classList.add('forumd');
        } else {
            populatedropconan2000(conan2000);
            $forumButton.textContent = 'بادئة-صور';
            $forumButton.classList.remove('forumd');
            $forumButton.classList.add('default');
            $dropconan2000.classList.remove('forumd');
            $dropconan2000.classList.add('default');
        }
        isConan2000Visible = !isConan2000Visible;
    });
 
    $dropconan2000.addEventListener('change', function() {
        var selectedValue = $dropconan2000.value;
        var selectedText = $dropconan2000.options[$dropconan2000.selectedIndex].text;
        var currentValue = $input.value;
     
        if (selectedValue === 'conan20000') {
            return;
        } else if (selectedValue === 'conan200000') {
            $input.value = '';
        } else {
            if (currentValue) {
                // Adding selectedText with a leading comma if there are existing words
                $input.value = selectedText + ', ' + currentValue;
            } else {
                $input.value = selectedText;
            }
        }
    });
    var container = document.createElement('div');
    container.classList.add('dropconan2000-container');
    container.appendChild($forumButton);
    container.appendChild($dropconan2000);
    $input.parentNode.insertBefore(container, $input.nextSibling);
});
 
 
 
document.write('<style type="text/css">
.dropconan2000-forum.default,.dropconan2000.default {background-color: #007bff !important;color: #fff; border-radius: 10px; cursor: pointer;}
.dropconan2000-forum.forumd,.dropconan2000.forumd {background-color: #28a745 !important; color: #fff;border-radius: 10px;cursor: pointer;}
.dropconan2000.default, .dropconan2000.forumd {height: 40px;}
 select.dropconan2000.forumd option {background: #0e4419;color: azure;}
 select.dropconan2000.default  option {background: #102a46;color: #ffffff;}
         
  button.dropconan2000-forum.forumd,button.dropconan2000-forum.default {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-right: 5px;   
}
 .dropconan2000-container {margin: 6px;}
 
              </style>');

لا تنسى الحفظ

يمكنك الآن اختيار نوع البادئة التي تفضلها، سواء كانت صورة أو نصًا.  

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

نأمل أن يعجبك هذا التحديث وأن تجده مفيدًا.


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


_________________________________
تمت كتابة الاكواد بواسطة كونان2000 باستخدام الAI
شكرا للاخ العراقي الطائي صاحب الاقتراح