عرض مشاركة واحدة
احصائياتى

الردود
7

المشاهدات
1790
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
03-11-2017, 07:36 PM
المشاركة 1
03-11-2017, 07:36 PM
المشاركة 1
افتراضي كود أضهار نافذه بها رسالة لدعوة الزائر للتسجيل
السلام عليكم ورحمه الله وبركاته
أخواني في الله اسعد الله اوقاتكم بكل الخيرات موضوع اليوم شرح أضهار نافذه لدعوة الزائر للتسجيل لاكن بشكل جميل
[ اسم شرح ] : كود نافذه دعوة الزائر للتسجيل في المنتدى بشكل انيق وجميل
[ وصف شرح ] : كود نافذه دعوة الزائر في التسجيل وبدون اخطاء مع التوافق الكامل مع validator.w3.org
[ يتوافق مع اي اصدار ] : XF1.0 UP TO XF1.5.9
[ مقدم شرح ] : هيلبرنت
[ موقع مقدم الشرح ] : helpernt forum

خطوات العمل
افتح قالب footer وذلك من خلال الدخول للوحة تحكم المنتدى ومنها الى المظهر ثم البحث فى القوالب ابحث عن قالب footer كما هو بالصورة


صع اسفل هذا القالب هذا الكود
كود:
<xen:if is="!{$visitor.user_id}">
<div id='vistormassage'>
<p class='bbc_center'>اهلا وسهلا بك</p>
<p class='bbc_center'> انت لم تقوم بتسجيل الدخول. اذا كنت عضو تستطيع <a href='http://www.xxxxx.com/index.php?login/'>الدخول هنا</a>. اما اذا لم تكن غير مسجل لدينا تستطيع التسجيل من خلال <a href='http://www.xxxxx.com/index.php?register/'>الضغط هنا</a>.</p>
</div>
</xen:if>
قم بتغيير
كود:
www.xxxxx.com
الى اسم موقعك
ثم فى نهاية قالب footer.css قم وضع هذا الكود
كود:
#vistormassage{
position: fixed;
bottom: 10px;
line-height: 16px;
right: 10px;
z-index: 30000;
opacity: 0.8;
width: 260px;
height: auto;
background: #000;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
#vistormassage a{ color: #fff; font-weight:bold; text-decoration: none; }
#vistormassage:hover{ opacity: 1; }
ثم حفظ


الشكل النهائى