منتدى استراحات زايد

منتدى استراحات زايد (http://vb.ma7room.com/index.php)
-   منتدى أخبار المواقع والمنتديات العربية والأجنبية (http://vb.ma7room.com/forumdisplay.php?f=183)
-   -   [Template] : قالب postbit+postbit_legacy أفقي وعمودي css متوافق مع الحلم (http://vb.ma7room.com/showthread.php?t=1332318)

محروم.كوم 12-02-2013 10:10 PM

[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/

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

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

المثال

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

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

http://upload.traidnt.net/upfiles/P3f97829.png

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

http://upload.traidnt.net/upfiles/Hd597980.png

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

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

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

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

http://upload.traidnt.net/upfiles/0hS98326.png

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

http://upload.traidnt.net/upfiles/oOE98353.png



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

http://upload.traidnt.net/upfiles/Fk098511.png

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

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

تابع الصور

http://upload.traidnt.net/upfiles/B1r98715.png

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

http://upload.traidnt.net/upfiles/iP798862.png

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

http://upload.traidnt.net/upfiles/GyZ98993.png

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

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

http://upload.traidnt.net/upfiles/rP099125.png




http://upload.traidnt.net/upfiles/zem99232.png

http://upload.traidnt.net/upfiles/s0399347.png

http://upload.traidnt.net/upfiles/ZTe99470.png

http://upload.traidnt.net/upfiles/9Fp99600.png

http://upload.traidnt.net/upfiles/12V99824.png

http://upload.traidnt.net/upfiles/uFi00009.png

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

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

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

http://upload.traidnt.net/upfiles/COj00151.png

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

http://upload.traidnt.net/upfiles/gvC00262.png

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

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

http://upload.traidnt.net/upfiles/CKw00416.png

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

http://upload.traidnt.net/upfiles/YxU00524.png

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

http://upload.traidnt.net/upfiles/KtD00681.png

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

جميل صح :D

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

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

http://upload.traidnt.net/upfiles/93q00927.png
http://upload.traidnt.net/upfiles/n1V01047.png
http://upload.traidnt.net/upfiles/adI01182.png
http://upload.traidnt.net/upfiles/iCo01290.png

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

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


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


تعبت :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

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


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

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

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



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


الساعة الآن 05:55 AM

Powered by vBulletin® Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By Almuhajir


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227