[درس جديد] تغيير مظهر الـTopic View

[abkareno]

وانا اتصفح بعض المواقع وجدت شيئ جميل
انظر الصوره



نذهب الي

LOOK & FEEL
نختار الاستايل
Edit Template HTML
Topic View

نبحث عن

RenderRow

نستبدل الي موجود بهذا

<div class="borderwrap">
<div class="maintitle"><a name="entry{$post['pid']}"></a><span class="{$post['name_css']}">{$author['members_display_name']}</span></div>
<!--Begin Msg Number {$post['pid']}-->
<table class='ipbtable' cellspacing="0" width="100%" border="0" cellpadding="0" style="padding: 0px 1px 0px 0px">
<tr>
<td colspan="4" class="subtitle" width="100%" align="right" nowrap="nowrap">
<!-- POSTED DATE DIV -->
<div style="float: right;" >
<span class="postdetails">{$post['post_icon']} {$post['post_date']}</span>
</div>
<div align="right"><b>
<span class="postdetails">{$post['ip_address']} {ipb.lang['posted_on']}
<a title="{ipb.lang['tt_link']}" href="#" onclick="link_to_post({$post['pid']}); return false;">#{$post['post_count']}</a>
<if="ipb.member['is_mod']">
| <a href="#" title="Click to select this topic for bulk moderation" onclick="topic_toggle_pid('{$post['pid']}'); return false;">{$post['pid_start_image']}</a>
</if>
</span>
</b></div>
</td>
</tr>
<tr>
<td width="1%" class="row1" align="center" nowrap="nowrap" style="border: 0;">{$author['avatar']}</td>
<td colspan="2" class="row1" width="40%" align="right" nowrap="nowrap" style="margin: 0;border: 0;">
{$author['title']}<br />
{$author['member_rank_img']}<br /><br />
{$author['member_group']}<br />
{$author['online_status_indicator']}
{$author['addresscard']}
{$author['message_icon']}
<!--{$author['email_icon']}--><br /></td>
<td width=40%" class="row1" align="right" nowrap="nowrap" style="border: 0;">
{$author['member_posts']}<br />
{$author['member_joined']}<br />
{$author['member_location']}
{$author['member_number']}<br />
<if="author['custom_fields'] != """>
{$author['custom_fields']}
</if>

<br />
{$author['warn_text']} {$author['warn_minus']}{$author['warn_img']}{$author['warn_add']}
<br />
<img src="{ipb.vars['img_url']}/spacer.gif" alt="" width="160" height="1" /><br /> 
</td>
<tr> 
<td colspan="4" width="100%" valign="top" class="{$post['post_css']}" id='post-main-{$post['pid']}'>
<!-- THE POST {$post['pid']} -->
<div id='post-{$post['pid']}'>{$post['post']} <!--IBF.ATTACHMENT_{$post['pid']}--></div>
{$post['signature']}
<!-- THE POST -->
</td>
</tr>
<tr>
<td colspan="4" nowrap="nowrap" style="border: 0; background: #EEF2F7;">
<div style="float: right;">
<a href="java script:scroll(0,0);"><{P_UP}></a>
</div>
<!-- REPORT / UP -->
<div align="left">
{$post['report_link']}{$post['delete_button']}{$post['edit_button']}<a href="#" onclick="multiquote_add({$post['pid']}); return false;" title="{ipb.lang['mq_title']}">{$post['mq_start_image']}</a><a href="{ipb.script_url}act=Post&CODE=02&f={ipb.input[f]}&t={ipb.input[t]}&qpid={$post['pid']}" title="{ipb.lang['tt_reply_to_post']}"><{P_QUOTE}></a>
</div>
</td>
</tr>
</table>
</div>
<br />
<script type='text/javascript'>
//<![CDATA[
if ( ajax_loaded && use_enhanced_js )
{
menu_build_menu( 'edit-but-{$post['pid']}',
new Array( img_item + " <a title='{ipb.lang['edit_full_desc']}' href='{ipb.script_url}act=post&do=edit_post&f={$post['forum_id']}&t={$post['topic_id']}&p={$post['pid']}&st={ipb.input['st']}'>{ipb.lang['edit_full_title']}</a>",
img_item + " <a href='#' title='{ipb.lang['edit_quick_desc']}' onclick='return ajax_prep_for_edit({$post['pid']}, event);'>{ipb.lang['edit_quick_title']}</a>" ) );
}
//]]>
</script> 

نبحث عن
TableFooter
نستبدل الي موجود بهذا

<!-- END TABLE -->
<if="is_outline == 1">
<br />
<div class="borderwrap">
</if>
<if="is_outline == 0">
<br />
<div class="borderwrap">
</if>
<!-- TABLE FOOTER -->
<table class='ipbtable' width='100%' cellspacing="1">
<tr>
<td class="maintitle"><{CAT_IMG}> <b>Navigation & Search Options</b></td>
</tr>
<tr>
<td class="row2">
<div style="float: right;><a href="{ipb.script_url}showtopic={$data[TOPIC]['tid']}&view=old" style='text-decoration:none'>« {ipb.lang['t_old']}</a>
· <a href="{ipb.script_url}showforum={$data['FORUM']['id']}" style='font-weight: bold;text-decoration:none'>{$data['FORUM']['name']}</a>
· <a href="{ipb.script_url}showtopic={$data[TOPIC]['tid']}&view=new" style='text-decoration:none'>{ipb.lang['t_new']} »</a></div>
<div class="signature">
<form action="{ipb.script_url}" method="post" name="search">
<input type="hidden" name="forums" value="{$data[FORUM]['id']}" />
<input type="hidden" name="topic" value="{$data[TOPIC]['tid']}" />
<input type="hidden" name="act" value="Search" />
<input type="hidden" name="CODE" value="searchtopic" />
<input type="text" size="25" name="keywords" class="searchinput" value="{ipb.lang['enter_keywords']}" onfocus="this.value = '';" /> 
<input type="submit" value="{ipb.lang['search_topic']}" class="button" />
</form>
</div>
</td>
</tr>
</table>
</div>
<br />
<if="ipb.member['is_mod']">
<div class="borderwrap">
<table class='ipbtable' width='100%' cellspacing="1">
<tr>
<td class="maintitle"><{CAT_IMG}> <b>خيارات الاشراف</b></td>
</tr>
<tr>
<td class="row2">
<div class="signature">
<form name="modform" method="post" action="{ipb.script_url}act=mod&CODE=postchoice&f={$data['TOPIC']['forum_id']}&t={$data['TOPIC']['tid']}" onsubmit="return checkdelete();">
<input type="hidden" name="act" value="mod" />
<input type="hidden" name="auth_key" value="{$auth_key}" />
<input type="hidden" name="st" value="{ipb.input['st']}" />
<input type="hidden" value="{ipb.input['selectedpids']}" name="selectedpids" />
<select class="forminput" name="tact">
<option value="merge">{ipb.lang['cpt_merge']}</option>
<option value="move">{ipb.lang['cpt_move']}</option>
<option value="delete">{ipb.lang['cpt_delete']}</option>
<option value="split">{ipb.lang['cpt_split']}</option>
<option value="approve">{ipb.lang['cpt_approve']}</option>
<option value="unapprove">{ipb.lang['cpt_unapprove']}</option>
</select> 
<input type="submit" name="gobutton" value="{ipb.lang['f_go']} ({ipb.input['selectedpidcount']})" class="button" />
</form>
</div>
</td>
</tr>
</table>
</div> 
</if>

<table class='ipbtable' cellspacing="0">
<tr>
<td style='padding-left:0px' width="30%" nowrap="nowrap" valign="middle"><div>{$data[TOPIC][SHOW_PAGES]}</div></td>
<td class='nopad' style='padding:5px 0px 5px 0px' align="right" width="70%"><!--IBF.QUICK_REPLY_CLOSED-->{$data[TOPIC][REPLY_BUTTON]}<a href="{ipb.script_url}act=Post&CODE=00&f={$data[FORUM]['id']}" title="{ipb.lang['start_new_topic']}"><{A_POST}></a><!--{$data[TOPIC][POLL_BUTTON]}--></td>
</tr>
</table>

<!--IBF.MOD_PANEL_NO_MOD-->
<!--IBF.QUICK_REPLY_OPEN-->
<br />
<div class="borderwrap">
<div class="row2" style="padding: 5px;">
<!--IBF.MULTIMOD-->
<div align="right">{$data[FORUM]['JUMP']}</div>
</div>
</div>
<br />
<!-- NON JS STUFF -->
<div id='topicoptionsjs'>
<a name='topicdisplay'></a>
<div class='borderwrap'>
<div class="bar" style="padding: 5px;text-align:center">
<strong>{ipb.lang['topic_display']}:</strong> {$data['TOPIC']['to_button_standard']} ·
{$data['TOPIC']['to_button_linearpl']} ·
{$data['TOPIC']['to_button_threaded']}
</div>
</div>
<br />
<a name='topicoptions'></a>
<div class='borderwrap'>
<div class="bar" style="padding: 5px;text-align:center">
<a href='{ipb.script_url}act=usercp&CODE=start_subs&method=topic&tid={$data['TOPIC']['tid']}'>{ipb.lang['track_topic']}</a> ·
<a href='{ipb.script_url}act=Forward&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{ipb.lang['forward']}</a> ·
<a href='{ipb.script_url}act=Print&client=printer&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{ipb.lang['print']}</a> ·
<a href='{ipb.script_url}act=usercp&CODE=start_subs&method=forum&fid={$data[FORUM]['id']}'>{ipb.lang['ft_title']}</a>
</div>
</div>
<br />
<if="data['TOPIC']['_allow_rate'] != 0">
<a name='topicrating'></a>
<div class='borderwrap'>
<div class="bar" style="padding: 5px;text-align:center">
<form action='{ipb.script_url}&showtopic={$data['TOPIC']['tid']}&addrating=1&st={ipb.input['st']}' method='POST'>
<strong>{ipb.lang['topic_rating']}</strong>  <select name='rating'>
<option value='5'>* * * * *</option>
<option value='4'>* * * *</option>
<option value='3'>* * *</option>
<option value='2'>* *</option>
<option value='1'>*</option>
</select> <input type='submit' value=' {ipb.lang['dd_rate_button']} ' />
</form>
</div>
</div>
</if>

</div>
<script type='text/javascript'>
//<![CDATA[
document.getElementById('topicoptionsjs').style.display = 'none';

// Scroll to PID?
topic_scroll_to_post( parseInt("{ipb.input['gopid']}") );
//]]>
</script> 

ابحث عن
topic_page_top
استبدل الموجود بهذا

<script type="text/javascript">
<!--
var ipb_lang_tt_prompt = "{ipb.lang['tt_prompt']}";
var ipb_lang_js_del_1 = "{ipb.lang['js_del_1']}";
var ipb_lang_js_del_2 = "{ipb.lang['js_del_2']}";
var addquotebutton = "{ipb.vars['img_url']}/p_mq_add.gif";
var removequotebutton = "{ipb.vars['img_url']}/p_mq_remove.gif";
var unselectedbutton = "{ipb.vars['img_url']}/topic_unselected.gif";
var selectedbutton = "{ipb.vars['img_url']}/topic_selected.gif";
var lang_gobutton = "{ipb.lang['f_go']}";
var lang_suredelete = "{ipb.lang['cp_js_delete']}";
var js_error_no_permission = "{ipb.lang['js_error_no_permission']}";
-->
</script>
<script type="text/javascript" src="jscripts/ipb_topic.js"></script>
<a name="top"></a>
<!--IBF.FORUM_RULES-->
<if="threaded == 0">
<table class='ipbtable' cellspacing="0">
<tr>
<td style='padding-left:0px' width="40%" valign="middle" nowrap="nowrap"><div>{$data['TOPIC']['SHOW_PAGES']} {$data['TOPIC']['go_new']}</div></td>
<td class='nopad' style='padding:0px 0px 5px 0px' align="left" width="60%" valign="middle">{$data[TOPIC][REPLY_BUTTON]}<a href="{ipb.script_url}act=Post&CODE=00&f={$data[FORUM]['id']}" title="{ipb.lang['start_new_topic']}"><{A_POST}></a></td>
</tr>
</table>
</if>

<div class="borderwrap">
<div class="maintitle" style='height:24px'>
<div align=left>
<div class='popmenubutton' id='topicmenu-options'><a href='#topicoptions'>{ipb.lang['topic_options']}</a> <img src='{ipb.vars['img_url']}/menu_action_down.gif' alt='V' title='{ipb.lang['global_open_menu']}' border='0' /></div>
<if="data['TOPIC']['_allow_rate'] != 0">
<div class='popmenubutton' id='topicmenu-rating'><a href='#topicrating'>{ipb.lang['topic_rating']}</a>{$data['TOPIC']['_rate_img']} <img src='{ipb.vars['img_url']}/menu_action_down.gif' alt='V' title='{ipb.lang['global_open_menu']}' border='0' /></div>
</if>
<else if="data['TOPIC']['_rate_show'] == 1 AND data['TOPIC']['_rate_img'] != ''">
<div class='popmenubutton'>{ipb.lang['topic_rating']} {$data['TOPIC']['_rate_img']}</div>
</if>
</div>
<div style='float:left'><{CAT_IMG}> <b>{$data['TOPIC']['title']}</b>{$data['TOPIC']['description']}</div>
</div>
<table class='ipbtable' width='100%' cellspacing="1">
<tr>
<td class="row2">
<div class="signature">
<!--IBF.TOPIC_ACTIVE-->
</div>
</td>
</tr>
</table>
</div> 
<!--{IBF.POLL}-->
<br /><br />
<script type="text/javascript">
menu_build_menu(
"topicmenu-options",
new Array( img_item + " <a href='{ipb.script_url}act=usercp&CODE=start_subs&method=topic&tid={$data['TOPIC']['tid']}'>{ipb.lang['track_topic']}</a>",
img_item + " <a href='{ipb.script_url}act=Forward&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{ipb.lang['forward']}</a>",
img_item + " <a href='{ipb.script_url}act=Print&client=printer&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{ipb.lang['print']}</a>",
img_item + " <a href='{ipb.script_url}act=usercp&CODE=start_subs&method=forum&fid={$data[FORUM]['id']}'>{ipb.lang['ft_title']}</a>",
"--NODIV--<div class='popupmenu-category' align='center'>{ipb.lang['dd_display_modes']}</div>",
img_item + " {$data['TOPIC']['to_button_threaded']}",
img_item + " {$data['TOPIC']['to_button_standard']}",
img_item + " {$data['TOPIC']['to_button_linearpl']}"
) );
</script>
<if="data['TOPIC']['_allow_rate'] != 0">
<script type="text/javascript">
menu_build_menu(
"topicmenu-rating",
new Array( "<div style='width:104px;padding:6px;'><form action='{ipb.script_url}&showtopic={$data['TOPIC']['tid']}&addrating=1&st={ipb.input['st']}' method='POST'>"
+'<input type="radio" name="rating" id="r5" value="5">   <label for="r5"><img src="{ipb.vars["img_url"]}/rating_5.gif" alt="*****" border="0" /></label><br />'
+'<input type="radio" name="rating" id="r4" value="4">   <label for="r4"><img src="{ipb.vars["img_url"]}/rating_4.gif" alt="****" border="0" /></label><br />'
+'<input type="radio" name="rating" id="r3" value="3">   <label for="r3"><img src="{ipb.vars["img_url"]}/rating_3.gif" alt="***" border="0" /></label><br />'
+'<input type="radio" name="rating" id="r2" value="2">   <label for="r2"><img src="{ipb.vars["img_url"]}/rating_2.gif" alt="**" border="0" /></label><br />'
+'<input type="radio" name="rating" id="r1" value="1">   <label for="r1"><img src="{ipb.vars["img_url"]}/rating_1.gif" alt="*" border="0" /></label><br />'
+"<div align='center'><input type='submit' value=' {ipb.lang['dd_rate_button']} ' /></div>"
+"</form></div>"
) );
</script>
</if> 

احفظ وانتهي الدرس

[galbuae]

اشكرك عبكرينوووو

على الشرح الحلوو

وتحياتي لك

[emad]

شرح واف و مفيد عبكرينو
احسنت وننتظر الجديد

[abkareno]

شكرا لتعقيبك