شبكة همس الشوق - اضافة تنبيه للتسجيل للزوار بطريقة جديدة على الرد على الموضوع

اضافة تنبيه للتسجيل للزوار بطريقة جديدة. اقدم لكم اليوم هذا الكود البسيط ذو وظيفة جيدة خطرت على بالي. وهو اخفاء أزرار الرد على الموضوع واضافة زر بديل لها عند الضغط عليه يبنثق للزائر رسالة بأنه عليه التسجيل أولًا حتى يتمكن من الرد على الموضوع. فكرة بسيطة واضافة جميلة للمنتدى. الكود حاليًا يعمل لمنتديات الفي بي (VBulletin) الجيل الثالث وسيتم اصدار نسخ منه للمنتديات الأخرى لاحقًا.
معاينة الكود

https://up.hamsalshok.com/do.php?img=49866

على منتدى همس الشوق

https://up.hamsalshok.com/do.php?img=49867

اضافة تنبيه للتسجيل للزوار بطريقة جديدة
تركيب الكود
توجه نحو لوحة الادارة – الاستايلات والقوالب – ابحث عن القالب SHOWTHREAD

وابحث بداخله عن الكود التالي:

كود:

<if condition="$show['largereplybutton']">

        <td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;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&amp;noquote=1&amp;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 />

والآن ابحث عن السطر التالي في القالب:

كود PHP:

    <!-- controls below postbits -->

وفوق هذا السطر بالضبط ضع الكود التالي:

كود:

<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; 

  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>

احفظ، ومبروك عليك الكود. توجه نحو الموضوع كزائر وقم بتدربته لتتأكد من أنه يعمل.
جميع حقوق إنشاء الكود محفوظة لشركة انكور التطويرية

بالتوفيق للجميع
والسلام ختام
♔ اَلَملَكهَ بَلَقَيــس♔
♔ اَلَملَكهَ بَلَقَيــس♔
عضو جديد
عضو انكور
21 أبريل 2024

باقات من الورد الجوري لأرواحكم النقية

بارك الله فيكم وأرضاكم

ولكم تحياتي