المساعد الشخصي الرقمي

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



Karim Mohamed
01-24-2012, 11:37 PM
http://www.tech4en.com/vb/images/smilies/starter.gif

السلام عليكم أعضاء المنتدى وزواره الكرام


نبدأ بالشرح على بركة الله










الكود لجميع نسخ الجيل الرابع ومجرب على نسخة 4.1.8
أولا عاين الأول الموضوع من هنا
كود النقاط الذهبيه للجيل الرابع + شرح التركيب +الكود كامل + صوره مفتوحه (http://www.tech4en.com/vb/showthread.php?t=84887&p=178964#post178964)
أولا : أضافة حقل جديد وللشرح أستعين بموضوع مميز فى
بعد عمل القالب لابد من معرفة رقم الحقل اللذى تم عمله لنقاط الذهبيه ويكون بهذا الشكله field x
عندى مثلا الحقل اللى عملته كان رقمه 7 يعنى كده field7
ملاحظه : يبقى لاتنسى أضافة رقم الحقل الخاص بك بدل رقم 7 الموجود بالكود
ثانيا : لوحة تحكم الأداره --> الأستايلات والقوالب --> تعديل القوالب -->
البحث عن قالب
نبحث عن قالب
postbit_legacy


<vb:if condition="$post['field7']">
<div style="width: 180px; height: 207px; background-image:url('http://tech4en.com/vb/images/ranks/tech4en%20Logo.png');">
<div style="padding: 145px 0px 0px 10px; text-align: center; font-size:16pt; color:#ffffff;">{vb:raw post.field7**</div>
ثم نحفظ القالب

شرح الكود

field7-- >
خاص برقم الحقل اللى انت عملته
width: 180px -- >
عرض الصوره
height: 207px -- >
أرتفاع الصوره
background-image:url -- >
رابط الصوره
padding: 145px -- >
مكان الكتابه العمودى
10px-- >
محازاه يمين للكتابه
font-size:16pt -- >
حجم الخط
color:#ffffff; -- >
لون الخط

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


http://tech4en.com/vb/images/ranks/tech4en%20Logo.png