عرض مشاركة واحدة
قديم 06-05-2010, 05:10 PM   #1
ابو عمر
عضو نشيط
 
تاريخ التسجيل: Jun 2010
المشاركات: 52
افتراضي تأطير قالب forumdisplay تأطير رباعي





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



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



اضغط على الصوره لرؤيتها بحجمها الطبيعي

الخطوه الثالث تفتيح مخ شوي

نذهب الى لوحة التحكم
التحكم بالاستايلات
البحث بالقوالب
نبحث عن القالب forumdisplay
وننسخه كامل ونضعه بالفرونت بيج
نبحث عن الكود

رمز PHP:
كود:
<!-- / controls above thread list -->

نضع اسفله مباشره ************ << نجوم حتى نعرف التحديد

نبحث عن

رمز PHP:
كود:
<!-- controls below thread list -->

وايضا نضع اعلاه *************
الا نضلل الكود مابين النجوم ( بمعني نبدأ النسخه من السطر الذي يلي النجوم من فوق ونوقف النسخه من السطر قبل النجوم من تحت )

وهذه الصورتين توضح ما اقول







ننسخ كامل الكود المحدد ونذهب الى الجدول الي عملنا عليه التصميم ونضع المؤشر بالمستطيل الاوسط ويصبح هكذا



اضغط على الصوره لرؤيتها بحجمها الطبيعي

الان ننتقل الى التعليمات البرمجيه ونلصق الكود بحيث نقوم بنضيلي الكلمه &nbsp; بجانب المؤشر ونلصق الكود كاملا بدل الكلمه المضلله

ويصبح كالشكل التالي



اضغط على الصوره لرؤيتها بحجمها الطبيعي

الان نذهب للتعليمات البرمجيه وننسخ كامل الكود ونلصقه بمكان الي نسخناه قبل

ونقوم بحذف المسافه الزائده ونحذف النجوم

الان انتهينا من جزء

باقي لنا جزء ثاني حتى يكمل التأطير وراح نسوي فيه مثل ماسوينا بالجزء الاول

الان نبحث بنفس القالب عن

رمز PHP:
كود:
<input type="hidden" name="pp" value="$perpage" />

ونضع اسفله *************************

نبحث عن

رمز PHP:
كود:
<td class="alt1"><div class="smallfont">$moderatorslist&nbsp;</div></td> </if> </tr> </table> </form>

ونضع اسفله ****************

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

وهذه نتيجة عملنا



اضغط على الصوره لرؤيتها بحجمها الطبيعي

وفي الاخير هذا عمل انساني لايخلوا من الخطأ

فإن اصبت فمن الله وان اخطئت فمن نفسي والشيطان

وتقبلوا وافر التحيه والتقدير



من مواضيعي في المنتدي

ابو عمر غير متواجد حالياً   رد مع اقتباس