ابوشدق
07-13-2008, 02:14 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم اليوم درس تأطير قالب FORUMDISPLAY تأطير رباعي بشرح مبسط وميسر وقد بحثت ولم اجد شرح جديد وهذا الشرح من اجتهادي بإذن الله تعالى
نبدأ على بركة الله :
اولا نقوم بتصميم الشكل المطلوب وتقطيعه من الفوتوشوب مثل الشكل
http://www.aboshdg.net/up/uploads/images/aboshdg-c6fa2747a1.jpg
الخطوه الثاني نقوم بتركيبه بالفرونت بيج كالعاده مثل اي تركيب
انشاء جدول بثلاث اعمده وثلاث صفوف وتركيب كالعاده ويصبح بهذا الشكل
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-aec809eb86.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-aec809eb86.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
الخطوه الثالث تفتيح مخ شوي
نذهب الى لوحة التحكم
التحكم بالاستايلات
البحث بالقوالب
نبحث عن القالب forumdisplay
وننسخه كامل ونضعه بالفرونت بيج
نبحث عن الكود
<!-- / controls above thread list -->
نضع اسفله مباشره ************ << نجوم حتى نعرف التحديد
نبحث عن
<!-- controls below thread list -->
وايضا نضع اعلاه *************
الا نضلل الكود مابين النجوم ( بمعني نبدأ النسخه من السطر الذي يلي النجوم من فوق ونوقف النسخه من السطر قبل النجوم من تحت )
وهذه الصورتين توضح ما اقول
http://www.aboshdg.net/up/uploads/images/aboshdg-aad99b02a4.jpg
http://www.aboshdg.net/up/uploads/images/aboshdg-2089d21528.jpg
ننسخ كامل الكود المحدد ونذهب الى الجدول الي عملنا عليه التصميم ونضع المؤشر بالمستطيل الاوسط ويصبح هكذا
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-a03cc3bea6.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-a03cc3bea6.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
الان ننتقل الى التعليمات البرمجيه ونلصق الكود بحيث نقوم بنضيلي الكلمه بجانب المؤشر ونلصق الكود كاملا بدل الكلمه المضلله
ويصبح كالشكل التالي
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-0b765b8cfa.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-0b765b8cfa.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
الان نذهب للتعليمات البرمجيه وننسخ كامل الكود ونلصقه بمكان الي نسخناه قبل
ونقوم بحذف المسافه الزائده ونحذف النجوم
الان انتهينا من جزء
باقي لنا جزء ثاني حتى يكمل التأطير وراح نسوي فيه مثل ماسوينا بالجزء الاول
الان نبحث بنفس القالب عن
<input type="hidden" name="pp" value="$perpage" />
ونضع اسفله *************************
نبحث عن
<td class="alt1"><div class="smallfont">$moderatorslist </div></td>
</if>
</tr>
</table>
</form>
ونضع اسفله ****************
وننسخ الكود مابين النجوم مثل المره السابقه ونذهب الى الجدول الي صممنا ونحذف الكود السابق (او نعمل تراجع من الادوات) ونضع الكود الجديد مثل ماوضعنا الكود الاول بالضبط
ثم ننسخ كامل الكودمن التعليمات البرمجيه ونلصقه بمكان الكود الي نسخنا ونحذف النجوم والزوائد
وهذه نتيجة عملنا
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-7aa72d657f.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-7aa72d657f.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
وفي الاخير هذا عمل انساني لايخلوا من الخطأ
فإن اصبت فمن الله وان اخطئت فمن نفسي والشيطان
وتقبلوا وافر التحيه والتقدير
اخوكم ابوشدق،،
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم اليوم درس تأطير قالب FORUMDISPLAY تأطير رباعي بشرح مبسط وميسر وقد بحثت ولم اجد شرح جديد وهذا الشرح من اجتهادي بإذن الله تعالى
نبدأ على بركة الله :
اولا نقوم بتصميم الشكل المطلوب وتقطيعه من الفوتوشوب مثل الشكل
http://www.aboshdg.net/up/uploads/images/aboshdg-c6fa2747a1.jpg
الخطوه الثاني نقوم بتركيبه بالفرونت بيج كالعاده مثل اي تركيب
انشاء جدول بثلاث اعمده وثلاث صفوف وتركيب كالعاده ويصبح بهذا الشكل
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-aec809eb86.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-aec809eb86.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
الخطوه الثالث تفتيح مخ شوي
نذهب الى لوحة التحكم
التحكم بالاستايلات
البحث بالقوالب
نبحث عن القالب forumdisplay
وننسخه كامل ونضعه بالفرونت بيج
نبحث عن الكود
<!-- / controls above thread list -->
نضع اسفله مباشره ************ << نجوم حتى نعرف التحديد
نبحث عن
<!-- controls below thread list -->
وايضا نضع اعلاه *************
الا نضلل الكود مابين النجوم ( بمعني نبدأ النسخه من السطر الذي يلي النجوم من فوق ونوقف النسخه من السطر قبل النجوم من تحت )
وهذه الصورتين توضح ما اقول
http://www.aboshdg.net/up/uploads/images/aboshdg-aad99b02a4.jpg
http://www.aboshdg.net/up/uploads/images/aboshdg-2089d21528.jpg
ننسخ كامل الكود المحدد ونذهب الى الجدول الي عملنا عليه التصميم ونضع المؤشر بالمستطيل الاوسط ويصبح هكذا
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-a03cc3bea6.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-a03cc3bea6.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
الان ننتقل الى التعليمات البرمجيه ونلصق الكود بحيث نقوم بنضيلي الكلمه بجانب المؤشر ونلصق الكود كاملا بدل الكلمه المضلله
ويصبح كالشكل التالي
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-0b765b8cfa.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-0b765b8cfa.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
الان نذهب للتعليمات البرمجيه وننسخ كامل الكود ونلصقه بمكان الي نسخناه قبل
ونقوم بحذف المسافه الزائده ونحذف النجوم
الان انتهينا من جزء
باقي لنا جزء ثاني حتى يكمل التأطير وراح نسوي فيه مثل ماسوينا بالجزء الاول
الان نبحث بنفس القالب عن
<input type="hidden" name="pp" value="$perpage" />
ونضع اسفله *************************
نبحث عن
<td class="alt1"><div class="smallfont">$moderatorslist </div></td>
</if>
</tr>
</table>
</form>
ونضع اسفله ****************
وننسخ الكود مابين النجوم مثل المره السابقه ونذهب الى الجدول الي صممنا ونحذف الكود السابق (او نعمل تراجع من الادوات) ونضع الكود الجديد مثل ماوضعنا الكود الاول بالضبط
ثم ننسخ كامل الكودمن التعليمات البرمجيه ونلصقه بمكان الكود الي نسخنا ونحذف النجوم والزوائد
وهذه نتيجة عملنا
http://www.aboshdg.net/up/uploads/thumbs/aboshdg-7aa72d657f.jpg (http://www.aboshdg.net/up/uploads/images/aboshdg-7aa72d657f.jpg)
اضغط على الصوره لرؤيتها بحجمها الطبيعي
وفي الاخير هذا عمل انساني لايخلوا من الخطأ
فإن اصبت فمن الله وان اخطئت فمن نفسي والشيطان
وتقبلوا وافر التحيه والتقدير
اخوكم ابوشدق،،