- إصدار الزين فورو
- XenForo 2.x
السلام عليكم ..
ضمن سلسة دروس تعديلات القوالب واضافة خصائص جديدة ومفيدة للمستخدم دون الحاجة الى اضافات.
اضع بين ايديكم اليوم طريقة تسهل تحديد الكود المضاف في المواضيع بمجرد الضغط بالماوس على اي مكان داخل مربع الكود في حال استخدام الحاسوب، او بمجرد الضغط بالاصبع في حال التصفح من خلال الموبايل.
ملاحظة: التعديل التالي لا يضيف زر عند الضغط عليه يتم نسخ الكود كما هو في الاضافة .. التعديل يعتمد على ضغطة الماوس او الاصبع لذا اقتضى التنويه.
ملاحظة: احتفظ بنسخة من القالب قبل التعديل لتتمكن من العودة اليها في حال حدوث خطأ لاسامح الله.
التعديل كما يلي:
بسم الله نبدأ.
الخطوة الاولى:
نبحث عن القالب:
نفتح القالب ونبحث عن الكود التالي:
نستبدله بالكود التالي:
الخطوة الثانية:
في آخر القالب تماما .. قم باضافة الكود التالي:
احفظ التعديلات.
مثال:
ضمن سلسة دروس تعديلات القوالب واضافة خصائص جديدة ومفيدة للمستخدم دون الحاجة الى اضافات.
اضع بين ايديكم اليوم طريقة تسهل تحديد الكود المضاف في المواضيع بمجرد الضغط بالماوس على اي مكان داخل مربع الكود في حال استخدام الحاسوب، او بمجرد الضغط بالاصبع في حال التصفح من خلال الموبايل.
ملاحظة: التعديل التالي لا يضيف زر عند الضغط عليه يتم نسخ الكود كما هو في الاضافة .. التعديل يعتمد على ضغطة الماوس او الاصبع لذا اقتضى التنويه.
ملاحظة: احتفظ بنسخة من القالب قبل التعديل لتتمكن من العودة اليها في حال حدوث خطأ لاسامح الله.
التعديل كما يلي:
بسم الله نبدأ.
الخطوة الاولى:
نبحث عن القالب:
bb_code_tag_code نفتح القالب ونبحث عن الكود التالي:
HTML:
<code>{$content}</code>نستبدله بالكود التالي:
HTML:
<code onclick="getData(this)">{$content}</code>الخطوة الثانية:
في آخر القالب تماما .. قم باضافة الكود التالي:
JavaScript:
<script>
function getData(element)
{
if (document.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
}
}
</script>احفظ التعديلات.
مثال:
