[Template] : VB3.6.11 قالب postbit معدل يدويا بتقنية الـ CSS (افهم الكود قبل استخدامه

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

اليوم نطرح قالب postbit نظيف ومكتوب يدويا ومراجع برمجيا.
أدعكم مع المميزات والاضافات (أرجوا قرائتها قبل التركيب).



المميزات:
- تم العمل على القالب (الأصلي) للنسخة 3.6.11 وقمت بعمل الاضافات عن طريق كتابة الأكواد (يدويا).
- لم يتم استخدام الفرونت بيج أو ما شابه لتجنب الأكواد الزائدة الناتجة من هذه البرامج مما يسبب أخطاء عند فتح الصفحة + بطئ التصفح.
- تم اعتماد تقنية الـ CSS في جميع التعديلات لضمان سرعة التصفح للقالب.
- مرونة الاستخدام: حيث ستظهر الخانات التي قام العضو بتعبئتها فقط سواء من خلال ملفه الشخصي أو أثناء التسجيل، كذلك الحال مع التوقيع.
- تم ارسال القالب للمراجعة البرمجية من خلال موقع vBulletin.org والنتيجة (لا توجد أخطاء) ولله الحمد.
- سهولة التعديل من خلال متغيرات الـ CSS دون الحاجة لتحرير القالب.
- جميع الخصائص الأصلية موجودة ولم يتم حذف أي خاصية .. بل تم تطويرها وتعديلها لتتناسب مع تقنية الـ CSS .
- القالب يتناسب مع جميع الاستايلات لعدم احتوائه على متغيرات ثابتة .. فـ جميع الأكواد متغيرة وتأخذ الخصائص من الاستايل ومن ملف اللغة.



الأمثلة:
1- مثال مباشر (لا يتطلب التسجيل)
www.uob-bh.com/forum

2- صورة تم اقتباسها من أحد المواضيع:




شرح التركيب:
ملاحظة: القالب التالي نفس المثال اللي بالصورة تماما ولكن بدون صورة الجنس وبدون مربعات (الكلية)و (التخصص) حتى يتناسب مع جميع المنتديات، ولمن أراد الاضافات فليتفضل بقراءة الرد الثاني في هذا الموضوع

1- ابحث عن قالب postbit امسح محتواه والصق الكود التالي:
رمز Code:

$template_hook[postbit_start]





#$post[postcount]






$post[iplogged]










$post[postdate], $post[posttime]

$vbphrase[x_until_y]

$post[firstnewinsert]


















$post[muser****]


$post[muser****]




$post[usertitle]

$post[rank]

$template_hook[postbit_userinfo_left]

$post[onlinestatus]


















$vbphrase[reppower]: $post[reppower] $post[reputationdisplay]

$template_hook[postbit_userinfo_right_after_posts]
$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])

$template_hook[postbit_userinfo_right]
$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]














$template_hook[postbit_messagearea_start]





$post[title]







$post[message]












$vbphrase[attached_thumbnails]

$post[thumbnailattachments]







$vbphrase[attached_images]

$post[imageattachments]







$vbphrase[attached_images]

$post[imageattachmentlinks]






$vbphrase[attached_files]

$post[otherattachments]






$vbphrase[attachments_pending_approval]

$post[moderatedattachments]










$template_hook[postbit_signature_start]





$vbphrase[signature]



$post[signature]






$template_hook[postbit_signature_end]






$vbphrase[last_edited_by_x_on_y_at_z].
$vbphrase[reason]: $post[edit_reason]





































$template_hook[postbit_controls]










$template_hook[postbit_end]





$post[user****]


$vbphrase[view_public_profile]


$vbphrase[send_private_message_to_x]


$vbphrase[send_email_to_x]


$vbphrase[visit_xs_homepage]


$vbphrase[find_all_posts_by_x]


$vbphrase[add_x_to_buddy_list]

$template_hook[postbit_user_popup]






2- لوحة التحكم >> الاستايلات والقوالب >> التحكم بالإستايلات >> CSS رئيسي
في مستطيل (تعاريف CSS الإضافية/Additional CSS Definitions )
الصق الكود التالي في النهاية واعتمد التغيرات:
** الاعدادات مقتبسة من اخونا مبدع الـ CSS (كتوم) جزاه الله خير
رمز PHP:

/* Postbit from Sadiq6210 */
.infouser {
font: normal 11px "MS Sans Serif" ,Tahoma;
color: #000;
background-color: #FFF;
letter-spacing: 0px;
vertical-align: middle;
padding: 1px 4px;
border:1px dotted #6A581C;
margin: 0px 0px 2px;
_margin: 0px 0px 0px;
}
.avataruser img {
border:1px dotted #6A581C;
margin: 10px auto 0;
padding: 5px;
}

3- لوحة التحكم >> خيارات المنتدى >> إعدادات اللغة - الستايل
وتأكد من وضع الخيار (طريقة عرض الموضوع والمشاركات (أفقى أو عمودي)) على (لا)



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


يتبع ... :icon-mos:

الصور المصغرة المرفقة