06-08-2008, 01:21 AM
|
رقم المشاركة : 1 |
|
|  تأطير قالب النافبار [navbar ] + قالب [ FORUMHOME] ..
تأطير navbar
في البدآيه نفتح قالب النافبار ونبحث عن الكود التالي : | | | <!-- breadcrumb, login, pm info -->
| ضع اسفل منها علامة +++++++++++++++++++ ثم نبحث عن الكود: | | | <!-- / nav buttons bar -->
|
اذا ماحصلتها ابحث عن
nav buttons bar
وتحصلها
ضع فوق منها علامة +++++++++++++++++++++++++++++
انسخ الي بين العلامتين ( ++ ) الان وروح
ننتقل الى الفرونت بيج ..ويكون الإطار موزّع وجآهز
نضع مؤشر الماوس في المنتصف 
ثم ننتقل لصفحة التعليمات البرمجيه 
نجد مؤشر الماوس عند كود نظلل الكود ونلصق بدلاً عنه الكود السابق [ اللي نسخناه من النافبار ]
يصبح شكل الإطار بعد اضافة الكود كالتآلي 
ننتقل الى صفحة التعليمات البرمجيه
ونغّير مسارات الصور .. ثم ننسخ الكود الموجود بالصفحه كامل
ونلصقه في قالب النافبار بدل السابق
ويصبح شكل الجدول في المنتدى هكذا 
انتهينا من تأطير النافبار
تأطير قالب [ FORUMHOME]
مايختلف عن السابق
نتبع نفس الطريقه مع اختلاف الأكواد
وقالب [ FORUMHOME] يحتوي على جدولين الأقسام الرئيسيه + إحصائيات المنتدى
لـتأطير الاقسام الرئيسيه نفتح القالب
ونبحث عن الكود : | | | <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr align="center">
<td class="thead"> </td>
<td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="175">$vbphrase[last_post]</td>
<td class="thead">$vbphrase[threads]</td>
<td class="thead">$vbphrase[posts]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="thead">$vbphrase[moderator]</td>
</if>
</tr>
</thead>
$forumbits
<tbody>
<tr>
<td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>
<a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>
<if condition="$vboptions['forumleaders']">
<a href="showgroups.php$session[sessionurl_q]" rel="nofollow">$vbphrase[view_forum_leaders]</a></if>
</strong></div></td>
</tr>
</tbody>
</table>
$forumhome_markread_script
|
ننسخ الكود ..
ثم نذهب الى الإطار في الفرونت بيج ونضع مؤشر الماوس بالمنتصف [ بنفس الطريقه السابقه ]
ونستبدل كود بالكود السابق
ويصبح شكل الإطار هكذا
ننتقل للتعليمات البرمجيه ونغّير مسارات الصور
ثم ننسخ الكود كامل بعد التعديل ونلصقه في قالب [FORUMHOME ] بدلاً من الكود السابق
وعند فتح المنتدى يصبح شكله بعد التأطير كالتآلي
ولتأطير جدول الإحصائيات نفس الطريقه لكن الكود الذي سيتم عليه التعديل موجود في نفس قالب [FORUMHOME ] وهو:
| | | <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>
</tr>
</thead>
<if condition="$show['loggedinusers']">
<!-- logged-in users -->
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>
<a href="online.php$session[sessionurl_q]" rel="nofollow">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">
<tr>
<td class="alt2"><a href="online.php$session[sessionurl_q]" rel="nofollow"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>
<td class="alt1" width="100%">
<div class="smallfont">
<div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div>
<div>$activeusers</div>
</div>
</td>
</tr>
</tbody>
<!-- end logged-in users -->
</if>
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a>
<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]">
<tr>
<td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td>
<td class="alt1" width="100%">
<div class="smallfont">
<div>
$vbphrase[threads]: $totalthreads,
$vbphrase[posts]: $totalposts,
$vbphrase[members]: $numbermembers<if condition="$show['activemembers']">,
<span title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase[active_members]: $activemembers</span>
</if>
</div>
<div><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
</div>
</td>
</tr>
</tbody>
<if condition="$show['birthdays']">
<!-- today's birthdays -->
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a>
$vbphrase[todays_birthdays]
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse[collapseobj_forumhome_birthdays]">
<tr>
<td class="alt2"><a href="calendar.php?$session[sessionurl]do=getday&day=$today&sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif" alt="$vbphrase[view_birthdays]" border="0" /></a></td>
<td class="alt1" width="100%"><div class="smallfont">$birthdays</div></td>
</tr>
</tbody>
<!-- end today's birthdays -->
</if>
<if condition="$show['upcomingevents']">
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_events].gif" alt="" border="0" /></a>
<if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if>
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_events" style="$vbcollapse[collapseobj_forumhome_events]">
<tr>
<td class="alt2"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td>
<td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div></td>
</tr>
</tbody>
</if>
</table>
|
بعد مانستبدل الكود بالكود السابق يصبح شكل الاطار
ونغّير مسارات الصور ثم ننسخ الكود كامل بعد التعديل
و نلصقه في نفس القالب من جديد بدلاً من السابق
والشكل النهائي للصفحة الرئيسيه بعد التأطير كالتالي
انتهى الشرح ..
واتمنى انه يكون وآضح
|
| |  |
العرض العادي
