الرئيسية
س .و .ج
بحـث
الأعضاء
المجموعات
التسجيل
دخول
helperntعضو جديد
- المساهمات : 2
نقاط : 6
السٌّمعَة : 0
[ vBulletin 3 ] اضافة تنبيه للتسجيل للزوار بطريقة جديدة
الأربعاء 17 أبريل 2024 - 22:09
بسم الله الرحمن الرحيم
اضافة تنبيه للتسجيل للزوار بطريقة جديدة. اقدم لكم اليوم هذا الكود البسيط ذو وظيفة جيدة خطرت على بالي. وهو اخفاء أزرار الرد على الموضوع واضافة زر بديل لها عند الضغط عليه يبنثق للزائر رسالة بأنه عليه التسجيل أولًا حتى يتمكن من الرد على الموضوع. فكرة بسيطة واضافة جميلة للمنتدى. الكود حاليًا يعمل لمنتديات الفي بي (VBulletin) الجيل الثالث وسيتم اصدار نسخ منه للمنتديات الأخرى لاحقًا.
اضافة تنبيه للتسجيل للزوار بطريقة جديدة. اقدم لكم اليوم هذا الكود البسيط ذو وظيفة جيدة خطرت على بالي. وهو اخفاء أزرار الرد على الموضوع واضافة زر بديل لها عند الضغط عليه يبنثق للزائر رسالة بأنه عليه التسجيل أولًا حتى يتمكن من الرد على الموضوع. فكرة بسيطة واضافة جميلة للمنتدى. الكود حاليًا يعمل لمنتديات الفي بي (VBulletin) الجيل الثالث وسيتم اصدار نسخ منه للمنتديات الأخرى لاحقًا.
معاينة الكود
![[ vBulletin 3 ] اضافة تنبيه للتسجيل للزوار بطريقة جديدة 171171160670431](https://up.iinkor.com/ik/171171160670431.gif)
تركيب الكود
توجه نحو لوحة الادارة – الاستايلات والقوالب – ابحث عن القالب SHOWTHREAD وابحث بداخله عن الكود التالي:
وفوق هذا السطر بالضبط ضع الكود التالي:
احفظ، ومبروك عليك الكود. توجه نحو الموضوع كزائر وقم بتدربته لتتأكد من أنه يعمل.
جميع حقوق إنشاء الكود محفوظة لشركة انكور التطويرية
بالتوفيق للجميع
والسلام ختام
- الكود:
<if condition="$show['largereplybutton']">
<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&noquote=1&p=$LASTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a></td>
<else />
- الكود:
<if condition="$show['largereplybutton']">
<if condition="$show['member']">
<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&noquote=1&p=$LASTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></if></a></td>
<else />
وفوق هذا السطر بالضبط ضع الكود التالي:
- الكود:
<if condition="$show['registerbutton']">
<style>
#alert {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
font-size: 16px;
background-color: #D98008;
color: white;
padding: 20px;
text-align: center;
z-index: 9999;
}
button {
background-color: #D98008; /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
width: 100%;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
button:hover {
background-color: #fff;
border: solid 2px #D98008;
transtition: 1s;
color: #D98008;
}
</style>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<button id="myButton">
أضف رد للموضوع
</button>
<div dir="rtl" id="alert">
<em class="fa fa-exclamation-triangle"> انت لست عضوًا بالمنتدى، فقط الاعضاء لديهم صلاحية الرد على المواضيع </em>
</div>
<script>
document.getElementById("myButton").addEventListener("click", function() {
document.getElementById("alert").style.display = "block";
setTimeout(function(){
document.getElementById("alert").style.display = "none";
}, 2000); // يختفي التنبيه بعد 2 ثانية
});
</script>
</if>
احفظ، ومبروك عليك الكود. توجه نحو الموضوع كزائر وقم بتدربته لتتأكد من أنه يعمل.
جميع حقوق إنشاء الكود محفوظة لشركة انكور التطويرية
بالتوفيق للجميع
والسلام ختام
سجل دخولك أو سجل عضوية جديدة لتستفيد أكثر من المنتدى!
سجل دخولك أو سجل عضوية جديدة لتحصل على المزيد من المنتدى!
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى