[Template] : قالب postbit+postbit_legacy أفقي وعمودي css متوافق مع الحلم

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

بعد القبول الجميل منكم على بوستى الأول اللي طرحته هنا فالمعهد .. :)

في هذآ الموضوع
http://www.traidnt.net/vb/traidnt2357393/

وبعد متابعتي لمعظم البوستات المطروحه فالمعهد والمتوافقه مع هاك الحلم
لاحظت انه كل بوست لديه ميزه او ميزتان جماليه رآئعه غير متواجده فالبوستات الاخرى
فحبيت انى اقوم بتجميعها في بوست واحد .. والحمد لله وفقني الله في ذلك

وخرجت لكم فبوست ليجاسي جميل ومرتب وأنيق وعصري أيضآ

آولآ الحقوق محفوظه والشكر موصول لكلٍ من ..

صآحب هذآ الموضوع .. http://www.traidnt.net/vb/traidnt1907185/

وهذآ الموضوع .. http://www.traidnt.net/vb/traidnt1899200/

وهذآ الموضوع .. http://www.traidnt.net/vb/traidnt1116411/

وهذآ الموضوع .. http://www.traidnt.net/vb/traidnt2055152/

والحقوق محفوظه للجميع وانا لم آضع لنفسي أي حقوق وجميع آلاكوآد ليست لي آنآ فقط قمت بالتعديل عليهآ ..

نبدأ بآسم الله

المثال

بدي ترحيب :( - منتديات أماسل للدعاية والتصميم

القالب آلآفقي بالكامل قبل مرور المآوس على خانات الحقول ..



القالب بعد مرور الماوس على خانات الحقول



لاحظ خانة ال sms وال mms اصبحت ظاهره بشكل جميل ..

تابع معى بعض الصور والاضافات الجميله ..

1- هوفر للصوره الرمزيه للعضو

قبل مرور الماوس



وبعد مرور الماوس على الصوره





2- اضافة اللقب الاضافي للعضو والايقونات الخاصه بتويتر وتمبلر والمدونه وفليكر .. بشكل جميل اسفل اسم العضو
لاحظ الصوره



نيجي للأجمل ..

3- آضآفه آيقونه للأوسمه وبيانات اتصال العضو واخر مواضيع العضو والمشروب والمزاج والقناه والفوتوشوب والكاميرآ بقوائم منسدله شفافه تظهر عند مرور الماوس عليها ... بطريقه جميله وعصريه

تابع الصور



القائمة المنسدله قبل مرور الماوس



بعد مرور الماوس على القائمه المنسدله



وتم اضافه ايقونه نجمه سودآء في كل القوائم المنسدله لزيادة الجماليه

تابع الصور ايضآ


















وكل القوائم المنسدله شفافه .. :)

4- عرض ال sms وال mms بطريقه جميله جدآ وعصريه

قبل مرور الماوس



وبعد مرور الماوس



5- خانات الحقول تم عمل جماليه لها بالcss آيضآ .. وتم اضافة ايقونات بجانب الخانات لزياده الجماليه لها

قبل مرور الماوس



بعد مرور الماوس على خانات الحقول



لاحظ خانة بلدي كيف آصبحت .. وباقي الخانات كذلك تصبح مضيئه عند مرور الماوس عليها
تابع معي



تم اضافه احصائيه للعضو بطريقه سلسه وجميله آيضآ كما بالصوره فالاعلى

جميل صح :D

نأتي للبوست ليجاسي العامودى

صوره للبوست بالكامل






آرآيتم كم البوست جميل
ولاحظ فالصوره اللى فوق انه باقي معلومات العضو من اوسمه وايقونات واس ام اس وام ام اس في خانه على شكل بطاقه منفرده ومفصوله عن خانات الحقول الاخرى وتم مراعاه الجماليه فيها وكلها شفافه قبل مرور الماوس ومضيئه بعد مروره عليها .. كما في هو موضح بالصوره

وايضآ المميزات الموجوده فالبوست الافقي موجوده فالبوست العامودي كالقوائم المنسدله الشفافه وباقي الميزات


وايضآ تم آضآفة زر آعجبني للفيس بوك فالبوست


تعبت :P

نيجي لطريقة التركيب

طبعآ اللى محتاج يضيف حقول يضيفها والشروحات كثيره في هذآ المجال بداخل المعهد

يجب أن ترآعي تغيير آرقآم الحقول لأرقام حقول منتداك الخاص .. لانه الارقام فالبوست ارقام حقول منتداى

فالمرفقات

1- يوجد ملف باسم post_qrwsha بنرفعه داخل مجلد images الخاص بالمنتدى هكذآ

vb/images/post_qrwsha

2- فالمرفقات يوجد هاك 3in1 (آخرمواضيع العضو - آخر تواجد للعضو - احصائيات المشاراكات للعضو )
هاك جميل ومميز

انا مركب هذآ الهاك وكل شي شغال تمام

لكن اللى ما تظهر مثلآ معه احصائيه المشاركات اقصد عدد الماوضيع وعالردود والمجموع وما يظهر معو اخر تواجد


فالمرفق يوجد
plugins-عدد المواضيع والردود لكل عضو
plugins-آخر تواجد للعضو

وراح يعمل معك كل شي تمام ضيفوهم في حال لم تظهر الاحصائيات او اخر تواجد

3- ارفقت لكم قالب helm_postbit الافقي

نذهب الى الاستايلات والقوالب-البحث فالقوالب

نبحث عن

رمز Code:
helm_postbit
ونستبدله بالقالب المرفق

4-ارفقت ايضآ قالب helm_legacy العامود

نذهب الى الاستايلات والقوالب - البحث في القوالب

نبحث عن

رمز Code:
helm_legacy
ونستبدله بالقالب المرفق

في تعاريف ال css الخاصه بالستايل المراد التعديل عليه
نضيف في اخر القالب هذآ الكود

رمز Code:
.ahmed {

color:#7F0000;
padding:5px; padding-left:5px;padding-right:5px;
-moz-border-radius:5px;
border:none;
opacity:0.3;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition:all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-moz-box-shadow:0px 0px 6px #000;
-webkit-box-shadow:0px 0px 6px #000;
-khtml-box-shadow:0px 0px 6px #000;
box-shadow:0px 0px 6px #000;
}

.ahmed:hover{

color:#84B510;
opacity:1.0;
}

.bginput:hover { border-width:1px; border-style:groove; }
وهيك تم التركيب وكل شي تمام باذن الله


ملاحظه /

بالنسبه للمزآج فآنآ ركبته يدوي فموقعي فاللى حابب يركبه حتى تظهر معه المزاجات ...
يحمل المزاجات المرفقه

التركيب

نعمل الحقل المطلووب

لوحة التحكم +اضافة حقل جديد



قائمة اختيار أحادي

عب البينات


العنوان: مزاجي
الوصف: أختر المزاج المناسب لك
الخيارات:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
ويمكنك إضافة المزيد
الان نخذ رقم field

بعد ذلك قم بالبحث عن قالب helm_legacy + helm_postbit

نذهب للكود المخصص للمزاج فالقالبين وهو موضح بالقالبين


ونعدل رقم field الخاص بحقل المزاج


نرفع ملفl9lk.net1 داخل مجلد images

ويعطيك العافيه

واللى بدو يضيف مزاجات خاصه بموقعه يضيف عادى لكن يراعي انه يضيف اسمائها داخل الحقول ويرفعها داخل المجلد


آيضآ /

تم اضافه زر آعجبنى للفايس بوك .. للتعديل على الكود يرجى البحث عن

رمز Code:
http://www.amasl.net/vb
واستبدلها برآبط موقعك في القالبين helm_legacy + helm_postbit



وايضآ /

ارفقت لكم هاك الاوسمه هاك كاتم الاهات 3.8.1

لمن لم يركب الهاك


الحقوق محفوظه لاصحابها
وارجو ان ينال على اعجابكم

وفالاخر هذآ عمل بشري لآ يخلو من الاخطآء فآن وفقت فمن الله وان أخطأت فمنى والشيطآن ..

آسف على الاطاله .. سآمحونى :)

الملفات المرفقة post_qrwsha.zip (217.9 كيلوبايت) Product-3in1.zip (1.7 كيلوبايت) plugins-عدد المواضيع والردود لكل عضو.zip (641 بايت) plugins-آخر تواجد للعضو.zip (483 بايت) l9lk.net1.zip (137.7 كيلوبايت) helm_postbit.txt (86.9 كيلوبايت) helm_legacy.txt (92.8 كيلوبايت) الاوسمة 381.zip (40.4 كيلوبايت)







أكثر...