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

دخول

كود صناديق تظهر للزوار تدعوهم للتسجيل والدخول

power_settings_newقم بتسجيل الدخول للرد
5 مشترك

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyكود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالثلاثاء 24 مارس 2020 - 12:13

more_horiz
بسم الله الرحمن الرحيم


كود صناديق تظهر للزوار تدعوهم بالتسجيل او الدخول اذا كانو مسجلين 
اسفل الهيدر او اي مكان تراه مناسب لظهور هذه الصناديق
الكود تطوير : Mc Nabulsy
*************
صورة للكود : 
كود صناديق تظهر للزوار تدعوهم للتسجيل والدخول 31810
*************
مميزات الكود : 
- يمكن وضعه في اي مكان تريده
- سهولة تغيير الالوان
- وجود تأثير جميل على الصناديق
- يظهر للزوار فقط
- امكانية التعديل على الصناديق ونصوصها
*************
شرح التركيب :
نتوجه الى لوحة الادارة - مظهر المنتدى - الوان - ورقة Css
وضع الكود التالي

الكود:


#cat-4 {border-top: 8px solid #c7d995;}
#cat-4:hover {background: #c7d995;}
#cat-5 {border-top: 8px solid #85b2c7;}
#cat-5:hover {background: #85b2c7;}
#cat-6 {border-top: 8px solid #FF6767;}
#cat-6:hover {background: #FF6767;}
#cat-8 {border-top: 8px solid #9CDBFF;}
#cat-8:hover {background: #9CDBFF;}
#cat-9 {border-top: 8px solid #FFD29C;}
#cat-9:hover {background: #FFD29C;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 {
text-transform: lowercase;margin: 0;}

ومن ثم نتوجه الى اي مكان نريد نضع الصناديق فيه ونضع الكود التالي

الكود:

            <!-- BEGIN switch_user_logged_out -->
  <style type="text/css">
  .cat_title{
  color: #030202;
  }
  .auto-style1 {
  text-align: center;
  }
  </style>
<div class='clearfloat' id='middle'>
<div class='category' id='cat-4' >
 <div class="auto-style1">
<span class='cat_title'>اذا كنت غير مسجل</span></div>
 <p class="auto-style1">يسعدنا انضمامك الينا وان تكون فرد من استرتنا الفعالة بمشاركاتك المفيدة ونشر الفائدة بين الاعضاء
 <a href="/register">بالضغط هنا</a></p></div>
 <div class='category' id='cat-5' >
 <div class="auto-style1">
<span class='cat_title'>اذا كنت عضو</span></div>
 <p class="auto-style1">نتشرف بدخولك واثبات وجودك معنا بكل ما هو مفيد واستفيد من الميزات المخصصة للاعضاء
 <a href="/login">بالضغط هنا</a></p></div>
</div>
          <!-- END switch_user_logged_out -->



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


عدل سابقا من قبل Mc nabulsy في الجمعة 27 مارس 2020 - 21:29 عدل 1 مرات

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyرد: كود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالثلاثاء 24 مارس 2020 - 22:31

more_horiz
كود رائع جدا
شكرا لك
و فى انتظار المزيد

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyرد: كود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالجمعة 27 مارس 2020 - 20:56

more_horiz
كود رائع ~

ساحاول وضعه بالتومبيلات و ان واجهت مشكلة سأعود للاستفسار هههه

مشكور على المجهود الكبير ولا تحرمنا من جديد ابداعاتك ^^

gg444g

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyرد: كود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالجمعة 27 مارس 2020 - 21:03

more_horiz
أضفتها في قالب overall_header

فوق هذا مباشرة :

الكود:

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
   <div class="h3">{SITENAME}</div>
   <div id="login_popup_message">
      {LOGIN_POPUP_MSG}
   </div>
   <div id="login_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
         <input type="submit" class="button1" value="{L_LOGIN}"/>
         <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
         <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>
      </form>
   </div>
</div>
<!-- END switch_login_popup -->


لكنها تظهر حتى بعد تسجيل الدخول

هل من طريقة كي لا تظهر سوى للزوار ؟

>> ربما هناك مكان معين يجب ان توضع فيه ..

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyرد: كود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالجمعة 27 مارس 2020 - 21:22

more_horiz
شكرا لك على الكود الجميل اخيالكريم وعلى حصرياتك الرائعة التي عودتنا عليها

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyرد: كود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالجمعة 27 مارس 2020 - 21:30

more_horiz
Akatsuki كتب:
أضفتها في قالب overall_header

فوق هذا مباشرة :


الكود:

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
 <div class="h3">{SITENAME}</div>
 <div id="login_popup_message">
 {LOGIN_POPUP_MSG}
 </div>
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button1" value="{L_LOGIN}"/>
 <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>
 </form>
 </div>
</div>
<!-- END switch_login_popup -->



لكنها تظهر حتى بعد تسجيل الدخول

هل من طريقة كي لا تظهر سوى للزوار ؟

>> ربما هناك مكان معين يجب ان توضع فيه ..


لا اختي الكود ضعيه اينما اردتي
الخلل كان بالكود وتم اصلاحه يمكنك اعادة نسخه واستخدامه

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyرد: كود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالجمعة 27 مارس 2020 - 21:59

more_horiz
جربته الآن و يعمل بشكل ممتاز
شكرا جزيلا لك

descriptionكود صناديق تظهر للزوار تدعوهم للتسجيل والدخول Emptyرد: كود صناديق تظهر للزوار تدعوهم للتسجيل والدخولالأربعاء 8 أبريل 2020 - 15:52

more_horiz
كود جميل واصل عزيزي

«أستعرض الموضوع السابق|أستعراض الموضوع التالي»


privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد

جميع الحقوق محفوظة لدليل الاشهار العربي