ظˆط§ط¬ظ‡ط© ط§ظ„ظ…ظ†طھط¯ظ‰ ط¨ط´ظƒظ„ ط®ط±ط§ظپظٹ || New Templates





السلام عليكم

اليوم جايب لكم شكل جديد في عالم المنتديات

للشكل الخارجي للمنتدى

متعودين على الجداول العاديه

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

اليوم فيه شكل جديد يحتاج الى تعديل بعض القوالب

قبل لانبدأ راح اعرض الشكل مع الشرح طريقة .. يمكن مايعجبك ولا تكمل الموضوع

الشكل الخارجي الجديد + الشرح طريقة العام له



مثال حي: http://www.aoubh.com/vb
واختر من الاسفل استايل style
default 3.8.3


أكيد عجبك صح ..

طيب خلنا نبدأ الشغل

أول شي تنبيه للجميع .. احفظ نسخه من القالب template قبل التعديل عليه ..

والتعديلات صالحه فقط للاستايل style المتمدد .. ولم اجربها على الاستايل style الغير متمدد


القوالب اللتي سوف يتم التعديل عليها هي:

Forumhome
Forumdisplay
forumhome_forumbit_level2_post
forumhome_forumbit_level1_post
forumhome_forumbit_level1_nopost
forumhome_lastpostby


بسم الله نبدأ


نفتح قالب template
Forumhome

ابحث عن

رمز PHP:
<code style="white-space:nowrap"> <code> <!-- main -->
<
table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<
thead>
<
tr align="center">
<
td class="thead">&nbsp;</td>
<
td class="thead" width="100%" align="$stylevar&#91;left&#93;">$vbphrase&#91;forum&#93;</td>
<
td class="thead">$vbphrase&#91;last_post&#93;</td>
<
td class="thead">$vbphrase&#91;threads&#93;</td>
<
td class="thead">$vbphrase&#91;posts&#93;</td>
<if
condition="$vboptions&#91;'showmoderatorcolumn'&#93;">
<
td class="thead">$vbphrase&#91;moderator&#93;</td>
</if>
</
tr>
</
thead>
$forumbits
<tbody>
<
tr>
<
td class="tfoot" align="center" colspan="<if condition="$vboptions&#91;'showmoderatorcolumn'&#93;">6<else />5</if>"><div class="smallfont"><strong>
<
a href="forumdisplay.php?$session&#91;sessionurl&#93;do=markread" rel="nofollow">$vbphrase&#91;mark_forums_read&#93;</a>
<if
condition="$vboptions&#91;'forumleaders'&#93;">&nbsp; &nbsp;
<
a href="showgroups.php$session&#91;sessionurl_q&#93;">$vbphrase&#91;view_forum_leaders&#93;</a></if>
</
strong></div></td>
</
tr>
</
tbody>
</
table>
$forumhome_markread_script
<!-- /main -->
</code> </code>

واستبدله بالتالي

رمز PHP:
<code style="white-space:nowrap"> <code> <!-- main -->
<
table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">

$forumbits
<tbody>
</
table>

<
table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<
tr>
<
td class="tfoot" align="center" colspan="<if condition="$vboptions&#91;'showmoderatorcolumn'&#93;">6<else />5</if>"><div class="smallfont"><strong>
<
a href="forumdisplay.php?$session&#91;sessionurl&#93;do=markread" rel="nofollow">$vbphrase&#91;mark_forums_read&#93;</a>
<if
condition="$vboptions&#91;'forumleaders'&#93;">&nbsp; &nbsp;
<
a href="showgroups.php$session&#91;sessionurl_q&#93;">$vbphrase&#91;view_forum_leaders&#93;</a></if>
</
strong></div></td>
</
tr>
</
tbody>
</
table>
$forumhome_markread_script
<!-- /main -->
</code> </code>

واحفظ



بعد ذلك افتح قالب template
Forumdisplay

وابحث عن التالي

رمز PHP:
<code style="white-space:nowrap"> <code> <table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<
thead>
<
tr align="center">
<
td class="thead">&nbsp;</td>
<
td class="thead" width="100%" align="$stylevar&#91;left&#93;">$vbphrase&#91;forum&#93;</td>
<
td class="thead">$vbphrase&#91;last_post&#93;</td>
<
td class="thead">$vbphrase&#91;threads&#93;</td>
<
td class="thead">$vbphrase&#91;posts&#93;</td>
<if
condition="$vboptions&#91;showmoderatorcolumn&#93;">
<
td class="thead">$vbphrase&#91;moderator&#93;</td>
</if>
</
tr>
</
thead>
$forumbits
</table>
</code> </code>

واستبدله بالتالي

رمز PHP:
<code style="white-space:nowrap"> <code> <table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
$forumbits
</table>
</code> </code>

واحفظ



بعد ذلك افتح قالب template
forumhome_forumbit_level2_post

وساتبدل مابداخله بالتالي

رمز PHP:
<code style="white-space:nowrap"> <code> <tr align="center">
<
td class="alt1Active" width="100%">

<
span style="float: left;"><font face="Tahoma"><span style="font-size: 8pt">المواضيع:</span></font>
<
span style="font-size: 8pt">$forum&#91;threadcount&#93;</span> &nbsp;
<
font face="Tahoma"><span style="font-size: 8pt">الردود:</span></font>
<
span style="font-size: 8pt">$forum&#91;replycount&#93;</span> &nbsp; <br /><if condition="$vboptions&#91;'showmoderatorcolumn'&#93;">
<
font face="Tahoma"><span style="font-size: 8pt">المراقبين:</span></font>
<
font face="Tahoma"><span style="font-size: 8pt">$forum&#91;moderators&#93;</span></font></if></span>



<
div style="float: right;"></div>

<
span style="float: left;"><img src="$stylevar&#91;imgdir_statusicon&#93;/$forum&#91;imageprefix&#93;forum_$forum&#91;statusicon&#93;.gif" alt="" border="0" id="forum_statusicon_$forum&#91;forumid&#93;" />&nbsp; &nbsp; </span>
<
div style="float:right;">


<
div align="right">
<
a href="forumdisplay.php?$session&#91;sessionurl&#93;f=$forum&#91;forumid&#93;"><strong>$forum&#91;title&#93;</strong></a></div>


<if
condition="$show&#91;'forumdescription'&#93;"><div class="smallfont">
<
div align="right">$forum&#91;description&#93;</div></div></if>


<if
condition="$show&#91;'forumsubscription'&#93;"><div class="smallfont" style="margin-top: 6px;">
<
div align="right"><strong><a href="subscription.php?$session&#91;sessionurl&#93;do=removesubscription&amp;f=$forum&#91;forumid&#93;" rel="nofollow">$vbphrase&#91;unsubscribe_from_this_forum&#93;</a></strong></div></div></if>

<if
condition="$show&#91;'subforums'&#93;"><div class="smallfont" style="margin-top:$stylevar&#91;cellpadding&#93;px"><div align="right"><strong>$vbphrase&#91;subforums&#93;</strong>: $forum&#91;subforums&#93;</div></div></if>


</
div>

</
td>

</
tr>
<
tr><td class="alt2"><div align="right">$forum&#91;lastpostinfo&#93;</div></td></tr>
$childforumbits
</code> </code>

واحفظ



والآن افتح قالب template
forumhome_forumbit_level1_post

واستبدل مابداخله بالتالي

رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="!$show&#91;'collapsable_forums'&#93;">
<
tbody>
</if>

<
tr align="center">

<
td class="alt1Active" width="100%">

<
span style="float: left;"><font face="Tahoma" style="font-size: 8pt">المواضيع:</font>
<
span style="font-size: 8pt">$forum&#91;threadcount&#93;</span> <font face="Tahoma">
<
span style="font-size: 8pt">الردود: </span></font><span style="font-size: 8pt">$forum&#91;replycount&#93;</span>
</
span>

<
div style="float: right;"></div>
<
span style="float: left;"><img src="$stylevar&#91;imgdir_statusicon&#93;/$forum&#91;imageprefix&#93;forum_$forum&#91;statusicon&#93;.gif" alt="" border="0" id="forum_statusicon_$forum&#91;forumid&#93;" />&nbsp;&nbsp; </span>



<
div align="right" id="f$forum&#91;forumid&#93;">
<
a href="forumdisplay.php?$session&#91;sessionurl&#93;f=$forum&#91;forumid&#93;"><strong>$forum&#91;title&#93;</strong></a></div>

</
div>

<if
condition="$show&#91;'forumdescription'&#93;"><div class="smallfont">
<
div align="right">$forum&#91;description&#93;</div></div></if>

<if
condition="$show&#91;'forumsubscription'&#93;"><div class="smallfont"><div align="right">

<
strong><a href="subscription.php?$session&#91;sessionurl&#93;do=removesubscription&amp;f=$forum&#91;forumid&#93;" rel="nofollow">$vbphrase&#91;unsubscribe_from_this_forum&#93;</a></strong></div></div></if>
<if
condition="$show&#91;'subforums'&#93;"><div class="smallfont" style="margin-top:$stylevar&#91;cellpadding&#93;px"> <div align="right"><strong>$vbphrase&#91;subforums&#93;</strong>: $forum&#91;subforums&#93;</div></div></if>
</
tr>
<
tr>
<
td class="alt2" colspan="2"><div align="right">$forum&#91;lastpostinfo&#93;</div></td></tr>

<if
condition="!$show&#91;'collapsable_forums'&#93;">
</
tbody>
</if>

<if
condition="$childforumbits">
<if
condition="!$show&#91;'collapsable_forums'&#93;">
<
tbody>
</if>
$childforumbits
<if condition="!$show&#91;'collapsable_forums'&#93;">
</
tbody>
</if>
</if>
</code> </code>

واحفظ



والآن نفتح قالب template
forumhome_forumbit_level1_nopost

ونستبدل مابداخله بالتالي

رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="!$show&#91;'collapsable_forums'&#93;">
<
table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<
tbody>



</if>
<
tr>
<
td class="tcat" colspan="<if condition="$vboptions&#91;showmoderatorcolumn&#93;">2<else />1</if>">
<if
condition="$childforumbits">
<
a style="float:$stylevar&#91;left&#93;" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar&#91;imgdir_button&#93;/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
</if>
<
a href="forumdisplay.php?$session&#91;sessionurl&#93;f=$forum&#91;forumid&#93;">$forum&#91;title&#93;</a>

<if
condition="$show&#91;'forumdescription'&#93;"><div class="smallfont">$forum&#91;description&#93;</div></if>
<if
condition="$show&#91;'subforums'&#93;"><div class="smallfont"><strong>$vbphrase&#91;subforums&#93;</strong>: $forum&#91;subforums&#93;</div></if>
</
td>
</
tr>
<if
condition="!$show&#91;'collapsable_forums'&#93;">
</
tbody>
</if>
<if
condition="$childforumbits">
<if
condition="!$show&#91;'collapsable_forums'&#93;">
<
tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
</if>
$childforumbits
<if condition="!$show&#91;'collapsable_forums'&#93;">
</
tbody>
</if>
</if></
table>
<
div style="padding: 0 0 15px 0;"></div>
</code> </code>

واحفظ



آخر تعديل .. نفتح قالب template
forumhome_lastpostby

ونستبدل مابداخله بالتالي

رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="$show&#91;'lastpostinfo'&#93;">
<
div class="smallfont" align="$stylevar&#91;left&#93;">
<
div>
<
span style="white-space:nowrap">
<if
condition="$show&#91;'icon'&#93;"><img class="inlineimg" src="$icon&#91;iconpath&#93;" alt="$icon&#91;title&#93;" border="0" /></if>
<if
condition="$lastpostinfo&#91;'prefix'&#93;">
$lastpostinfo&#91;prefix&#93;
</
span><if condition="is_browser('safari')"><!--bug#24775-->&nbsp;</if>
<span style="white-space:nowrap">
</if>
<
a href="showthread.php?$session&#91;sessionurl&#93;goto=newpost&amp;t=$lastpostinfo&#91;lastthreadid&#93;" style="white-space:nowrap" title="<phrase 1="$lastpostinfo&#91;lastthread&#93;">$vbphrase&#91;go_first_unread_in_thread_x&#93;</phrase>"><strong>$lastpostinfo&#91;trimthread&#93;</strong></a></span>
</
div>
<
table border="0" width="46%" id="table1">
<
tr>
<
td width="83"><div style="white-space:nowrap<if condition="is_browser('ie', 6)">; float:$stylevar&#91;left&#93;</if>">
<
phrase 1="member.php?$session&#91;sessionurl&#93;find=lastposter&amp;f=$lastpostinfo&#91;forumid&#93;" 2="$lastpostinfo&#91;lastposter&#93;">$vbphrase&#91;by_x&#93;</phrase>
</
td>
<
td><div align="$stylevar&#91;right&#93;" style="white-space:nowrap">
<
p align="right">$lastpostinfo&#91;lastpostdate&#93; <if condition="!$show&#91;'detailedtime'&#93;"><span class="time">$lastpostinfo&#91;lastposttime&#93;</span></if>
<
a href="showthread.php?$session&#91;sessionurl&#93;p=$lastpostinfo&#91;lastpostid&#93;#post$lastpostinfo&#91;lastpostid&#93;"><img class="inlineimg" src="$stylevar&#91;imgdir_button&#93;/lastpost.gif" alt="$vbphrase&#91;go_to_last_post&#93;" border="0" /></a>
</
td>
</
tr>
</
table>
</
div>
</
div>
</
div>
<else />
<
div class="smallfont" align="$stylevar&#91;right&#93;">
<
p align="center">$lastpostinfo&#91;lastpostdate&#93; <if condition="!$show&#91;'detailedtime'&#93;"><span class="time">$lastpostinfo&#91;lastposttime&#93;</span></if>
<
a href="showthread.php?$session&#91;sessionurl&#93;p=$lastpostinfo&#91;lastpostid&#93;"><img class="inlineimg" src="$stylevar&#91;imgdir_button&#93;/lastpost.gif" alt="$vbphrase&#91;go_to_last_post&#93;" border="0" /></a>
</
div>
</code> </code>

واحفظ



وبكذا نكون انتهينا وحصلت على الشكل الجديد

ان شاء الله اكون وفقت بالشرح طريقة

وأي استفسار أو تعديل حسب طلبك .. انا حاضر

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

++++++++++
+ والسلام ختام +
++++++++++





التعديل الأخير كان بواسطة Log on; 21 - 10 - 2014 الساعة 10:24




©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©