هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
بادائات جديدة لمنتديات أحلى منتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
بادائات جديدة لمنتديات أحلى منتدى
السلام عليكم ورحمة الله وبركاتة
مرحبًا بكم في أحدث نسخ من أكواد البادئة لعام 2024
-----------------------------------
والحمد لله تم إنشاء كود بادئة جديد بأكواد جديدة لعام 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
شكرا للاخ العراقي الطائي صاحب الاقتراح
ابوعلي البلقاوي, Witcherface, Mahmoud Gilany, العراقي الطائي, العود السعودية و moment يعجبهم هذا الموضوع
مواضيع مماثلة
» ضومينات جديدة لمنتديات أحلى منتدى
» ماذا حدث لمنتديات أحلى منتدى , جربو نسخ موضوع من منتدى إلى آخر
» حصريا على منتدى انظمة التشغيل الآن مجله احترافيه لمنتديات أحلى منتدى مع الشرح الوافى لادارتها
» إقتراحاتي لمنتديات أحلى منتدى
» يوتيوب لمنتديات أحلى منتدى
» ماذا حدث لمنتديات أحلى منتدى , جربو نسخ موضوع من منتدى إلى آخر
» حصريا على منتدى انظمة التشغيل الآن مجله احترافيه لمنتديات أحلى منتدى مع الشرح الوافى لادارتها
» إقتراحاتي لمنتديات أحلى منتدى
» يوتيوب لمنتديات أحلى منتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى