Mr_Design
27-10-2008, 03:25 AM
بسم الله الرحمن الرحيم
اقدم لكم اكبر شرح لتعريب الاستايلات الاجنبية
لعيونكم من مدينة الآى بى
اولا :- قم بالدخول للوحة تحكم منتداك
اضغط على look&feel كما فى الصوره
http://www.ipbcity.com/forums/st/1.gif
اللي يهمنا اولا تغيير الاتجاه وثانياً تغيير لغة الترميز
من لوحة التحكم نجد الخيارات التالية
http://www.ipbcity.com/forums/st/2.gif
اضغط على Skin Manager (إدارة الاستايلات)
http://www.ipbcity.com/forums/st/3.gif
ثم إضغط على الاستايل اللي بتعربه
بتظهر نافذة
http://www.ipbcity.com/forums/st/4.gif
رقم 1 لتعديل الواجهة (هنا يتم تعديل الترميز)
رقم 2 تعديل الاستايل شيت (هنا تعديل الاتجاه والخطوط)
نبدأ في تعديل لغة الترميز
اضغط على Edit Root Skin Board Header & Footer Wrapper
ابحث عن
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
استبدلة بالاتى
<meta http-equiv="content-type" content="text/html; charset=windows-1256" />
اضغط save and Reload لحفظ التعديل
الآن تغيير لغة الترميز للمجلة والنافذة الجديدة
إضغط Edit Root Skin Template HTML
ثم All Global HTML
اضغط على pop_up_window
وعدل لغة الترميز
استبدل هذا السطر
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
بهذا
<meta http-equiv="content-type" content="text/html; charset=windows-1256" />
كذالك للمجلة
ارجع من البداية
إضغط Edit Root Skin Template HTML
ثم IPB Portal
اضغط على csite_skeleton_template
وغير لغة الترميز
استبدل هذا السطر
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
بهذا
<meta http-equiv="content-type" content="text/html; charset=windows-1256" />
انتهينا من تعديل لغة الترميز
ثانيا :- تعديل الاستايل شيت
اضغط على Edit Root Skin Stylesheet (CSS Advanced Mode)
ضع امر تغيير الاتجاه في body
direction: rtl;
وهذا الامر هوا لتحويل المنتدى من اليسار الى اليمين
وغير الخط الى Tahoma والمقاس 11px
ليصبح هكذا
body
{
background: #FFF1D4;
color: #000;
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 135%;
margin: 0px;
padding: 0px;
text-align: center;
direction: rtl;
}
أوامر الادراج التي ستجد بعدها التحديد لإتجاه الخطوط و الجداول هي ...
align
float
border
عند البحث على كل أمر منها في الستايل شيت ... ستجد أمام كل واحدة الاتجاه الخاص .. و إعكسه ..
من right الى left والعكس في جميع اوامر الادراج في الاستايل شيت
ثم تنتقل الى الآخر .. و هكذا حتى تتمكن من اتمام العملية بنجاح و بدون مشاكل و بسرعة ...
و بالنسبة .. للصور مثل Logo4 فتحديد اتجاهها يتم بالبحث عن الصورة داخل الستايل شيت و عكس المسار ...
و هذا مثال على تغيير اتجاه اللوجو 4 :-
background: transparent url(<#IMG_DIR#>/logo4.gif) no-repeat right;
والآن إنتهينا من التعريب.
-----------------------------------------------------------------------------------------------------
بعض المبتدأين فى مجال تعريب الأستايلات قد تواجههم مشكلات كما فى الصور التالية
وفيما يلى عرض لمشكلتين منهم
وسيتم سرد حلول لأى مشكلة أيضا فى هذا الموضوع إن شاء الله
اولا بالنسبة للمشكلة الموجودة فى هذه الصورة
http://www.ipbcity.com/forums/st/5.gif
من الاستايل اختر
Edit Template HTML
ثم اختر
Forum Index
ثم اختر
PageTop
واستبدل محتواة بالاتى
<script language="javascript" type="text/javascript">
<!--
var unselectedbutton = "{$this->ipsclass->vars['img_url']}/topic_unselected.gif";
var selectedbutton = "{$this->ipsclass->vars['img_url']}/topic_selected.gif";
var lang_gobutton = "{$this->ipsclass->lang['f_go']}";
var lang_suredelete = "{$this->ipsclass->lang['cp_js_delete']}";
var lang_otherpage = "{$this->ipsclass->lang['jscript_otherpage']}";
var lang_clickhold = "{$this->ipsclass->lang['js_clickhold']}";
var perm_can_edit = $can_edit;
var perm_can_open = $can_open;
var perm_can_close = $can_close;
var perm_max_length = {$this->ipsclass->vars['topic_title_max_len']};
// Set up img vars
var img_markers = {
'bc_new.gif' : 'bc_nonew.gif',
'bf_new.gif' : 'bf_nonew.gif',
'br_new.gif' : 'br_nonew.gif'
};
var regex_markers = 'bc_new.gif|bf_new.gif|br_new.gif';
//-->
</script>
<script type="text/javascript" src="jscripts/ipb_forum.js"></script>
<!--IBF.SUBFORUMS-->
<table class='ipbtable' cellspacing="0">
<tr>
<td style='padding-left:0px' width="60%">{$data['SHOW_PAGES']}</td>
<td class='nopad' style='padding:0px 0px 5px 0px' align="left" nowrap="nowrap"><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['id']}"><{A_POST}></a></td>
</tr>
</table>
<div class="borderwrap">
<div class="maintitle">
<!-- TABLE FIX FOR MOZILLA WRAPPING-->
<table width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td width='99%'><div>{$data['name']}</div></td>
<td width='1%' nowrap='nowrap' align='left'>
<div class='popmenubutton' id='forummenu-options'><a href='#forumoptions'>{$this->ipsclass->lang['forum_options']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
</td>
</tr>
</table>
</div>
<table class='ipbtable' cellspacing="0">
<tr>
<th align="center"> </th>
<th align="center"> </th>
<th width="50%" nowrap="nowrap">{$this->ipsclass->lang['h_topic_title']}</th>
<th width="7%" style="text-align:center" nowrap="nowrap">{$this->ipsclass->lang['h_replies']}</th>
<th width="14%" style="text-align:center" nowrap="nowrap">{$this->ipsclass->lang['h_topic_starter']}</th>
<th width="7%" style="text-align:center" nowrap="nowrap">{$this->ipsclass->lang['h_hits']}</th>
<th width="22%" nowrap="nowrap">{$this->ipsclass->lang['h_last_action']}</th>
<if="$this->ipsclass->member['is_mod'] == 1">
<th width="1%" align="center"><a href="#" title="{$this->ipsclass->lang['click_for_mod']}" onclick="forum_select_all(); return false;"><img name="imgall" id='ipb-topics-all' src="{$this->ipsclass->vars['img_url']}/topic_unselected.gif" alt='' /></th>
</if>
</tr>
<!-- Forum page unique top -->
<!--IBF.ANNOUNCEMENTS-->
ثم اختار TableEnd وامسح محتواة واستبدلة بالاتى
<tr>
<td colspan="8" class="darkrow1">
<table class='ipbtable' cellspacing="0">
<tr>
<td width="50%" class="nopad">
<form action="{$this->ipsclass->base_url}" method="post" name="search">
<input type="hidden" name="forums" value="{$data['id']}" />
<input type="hidden" name="cat_forum" value="forum" />
<input type="hidden" name="act" value="Search" />
<input type="hidden" name="joinname" value="1" />
<input type="hidden" name="CODE" value="01" />
<input type="text" size="30" name="keywords" value="{$this->ipsclass->lang['enter_keywords']}" onfocus="this.value = '';" /> <input type="submit" value="{$this->ipsclass->lang['search_forum']}" class="button" />
</form>
</td>
<if="$this->ipsclass->member['is_mod'] == 1">
<td width="50%" align="right" nowrap="nowrap" class="nopad">
<form name="modform" method="post" action="{$this->ipsclass->base_url}" onsubmit="return checkdelete();">
<input type="hidden" name="act" value="mod" />
<input type="hidden" name="CODE" value="topicchoice" />
<input type="hidden" name="f" value="{$data['id']}" />
<input type="hidden" name="auth_key" value="{$auth_key}" />
<input type="hidden" name="modfilter" value="{$this->ipsclass->input['modfilter']}" />
<input type="hidden" value="{$this->ipsclass->input['selectedtids']}" name="selectedtids" />
<select name="tact">
<option value="close">{$this->ipsclass->lang['cpt_close']}</option>
<option value="open">{$this->ipsclass->lang['cpt_open']}</option>
<option value="pin">{$this->ipsclass->lang['cpt_pin']}</option>
<option value="unpin">{$this->ipsclass->lang['cpt_unpin']}</option>
<option value="move">{$this->ipsclass->lang['cpt_move']}</option>
<option value="merge">{$this->ipsclass->lang['cpt_merge']}</option>
<option value="delete">{$this->ipsclass->lang['cpt_delete']}</option>
<option value="approve">{$this->ipsclass->lang['cpt_approve']}</option>
<option value="unapprove">{$this->ipsclass->lang['cpt_unapprove']}</option>
<!--IBF.MMOD-->
</select>
<input type="submit" name="gobutton" value="{$this->ipsclass->lang['f_go']}" class="button" />
</form>
</td>
</if>
</tr>
</table>
</td>
</tr>
<tr>
<td class="catend" colspan="8"><!-- no content --></td>
</tr>
</table>
</div>
<table class='ipbtable' cellspacing="0">
<tr>
<td style='padding-left:0px' width="50%" nowrap="nowrap">{$data['SHOW_PAGES']}</td>
<<td class='nopad' style='padding:5px 0px 5px 5px' align="left" width="50%"><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['id']}"><{A_POST}></a></td>
</tr>
</table>
<!--IBF.FORUM_ACTIVE-->
<div class="activeusers">
<div class="row2">
<table class='ipbtable' cellspacing="0">
<tr>
<td width="5%" nowrap="nowrap">
<{B_NEW}> <span class="desc">{$this->ipsclass->lang['pm_open_new']}</span>
<br /><{B_NORM}> <span class="desc">{$this->ipsclass->lang['pm_open_no']}</span>
<br /><{B_HOT}> <span class="desc">{$this->ipsclass->lang['pm_hot_new']}</span>
<br /><{B_HOT_NN}> <span class="desc">{$this->ipsclass->lang['pm_hot_no']}</span>
</td>
<td width="5%" nowrap="nowrap">
<{B_POLL}> <span class="desc">{$this->ipsclass->lang['pm_poll']}</span>
<br /><{B_POLL_NN}> <span class="desc">{$this->ipsclass->lang['pm_poll_no']}</span>
<br /><{B_LOCKED}> <span class="desc">{$this->ipsclass->lang['pm_locked']}</span>
<br /><{B_MOVED}> <span class="desc">{$this->ipsclass->lang['pm_moved']}</span>
</td>
<td align="right" width="90%">
{$data['FORUM_JUMP']}<br /><br />
<form action="{$this->ipsclass->base_url}act=SF&f={$data['id']}&st={$this->ipsclass->input['st']}&changefilters=1" method="post">
<select name="sort_key">{$this->ipsclass->show['sort_by']}</select>
<select name="sort_by">{$this->ipsclass->show['sort_order']}</select>
<select name="prune_day">{$this->ipsclass->show['sort_prune']}</select>
<select name="topicfilter">{$this->ipsclass->show['topic_filter']}</select>
<input type="submit" value="{$this->ipsclass->lang['sort_submit']}" class="button" />
<br /> <input type='checkbox' value='1' name='remember' class='checkbox' /> {$this->ipsclass->lang['remember_options']}
</form>
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
<!--
menu_build_menu(
"forummenu-options",
new Array(
<if="$this->ipsclass->member['is_mod'] == 1">
"~~NODIV~~<div class='popupmenu-category' align='center'>{$this->ipsclass->lang['moderator_options']}</div>",
img_item + " <a href='{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_topics'>{$this->ipsclass->lang['mod_showallinvisible']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_posts'>{$this->ipsclass->lang['mod_showallposts']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=mod&CODE=resync&f={$data['id']}&auth_key={$this->ipsclass->md5_check}'>{$this->ipsclass->lang['mod_resync']}</a>",
img_item + " <a href='#' onclick='forum_mod_pop({$data['id']});'>{$this->ipsclass->lang['mod_prune']}</a>",
"~~NODIV~~<div class='popupmenu-category' align='center'>{$this->ipsclass->lang['forum_options']}</div>",
</if>
img_item + " <a href='{$this->ipsclass->base_url}act=Login&CODE=04&f={$data['id']}&fromforum={$this->ipsclass->input['f']}'>{$this->ipsclass->lang['mark_as_read']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Login&CODE=04&f={$data['id']}&fromforum=0'>{$this->ipsclass->lang['mark_as_read2']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=forum&f id={$data['id']}'>{$this->ipsclass->lang['ft_title']}</a>"
) );
//-->
</script>
<br clear="all" />
<if="$this->ipsclass->member['is_mod']">
<br />
<a name='forumoptions'></a>
<div align="center" id='forumoptionsjs'>
<a href="{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_topics">{$this->ipsclass->lang['mod_showallinvisible']}</a>
·
<a href="{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_posts">{$this->ipsclass->lang['mod_showallposts']}</a>
·
<a href="{$this->ipsclass->base_url}act=mod&CODE=resync&f={$data['id']}&auth_key={$auth_key}">{$this->ipsclass->lang['mod_resync']}</a>
·
<a href="java script:PopUp('{$this->ipsclass->base_url}act=mod&CODE=prune_start&f={$data['id']}&auth_key={$auth_key}', 'PRUNE', 600,500)">{$this->ipsclass->lang['mod_prune']}</a>
</div>
<script type='text/javascript'>
//<![CDATA[
dcidcidocument.getElementById('forumoptionsjs').st yle.display = 'none';
//]]>
</script>
</if>
<script type='text/javascript'>
//<![CDATA[
// INIT links for editing
if ( use_enhanced_js && perm_can_edit )
{
forum_init_topic_links();
}
//]]>
</script>
ثم ادخل على Topic View
واختار Topic PageTop
وامسح محتواة واستبدلة بالاتى
<script type="text/javascript">
<!--
var ipb_lang_tt_prompt = "{$this->ipsclass->lang['tt_prompt']}";
var ipb_lang_js_del_1 = "{$this->ipsclass->lang['js_del_1']}";
var ipb_lang_js_del_2 = "{$this->ipsclass->lang['js_del_2']}";
var addquotebutton = "{$this->ipsclass->vars['img_url']}/p_mq_add.gif";
var removequotebutton = "{$this->ipsclass->vars['img_url']}/p_mq_remove.gif";
var unselectedbutton = "{$this->ipsclass->vars['img_url']}/topic_unselected.gif";
var selectedbutton = "{$this->ipsclass->vars['img_url']}/topic_selected.gif";
var lang_gobutton = "{$this->ipsclass->lang['f_go']}";
var lang_suredelete = "{$this->ipsclass->lang['cp_js_delete']}";
var js_error_no_permission = "{$this->ipsclass->lang['js_error_no_permission']}";
var js_no_empty_post = "{$this->ipsclass->lang['js_no_empty_post']}";
//-->
</script>
<script type="text/javascript" src="jscripts/ipb_topic.js"></script>
<script type="text/javascript" src="jscripts/ips_text_editor_lite.js"></script>
<script type='text/javascript'>
//<![CDATA[
topic_rate = new topic_rate();
//]]>
</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"><!--IBF.TOPIC_REPLY--><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['FORUM']['id']}" title="{$this->ipsclass->lang['start_new_topic']}"><{A_POST}></a></td>
</tr>
</table>
</if>
<div class="borderwrap">
<div class="maintitle">
<!-- TABLE FIX FOR MOZILLA WRAPPING-->
<table width='100%' style='padding:0px' cellspacing='0' cellpadding='0'>
<tr>
<td width='99%' style='word-wrap:break-word;'><div><b>{$data['TOPIC']['title']}</b>{$data['TOPIC']['description']}</div></td>
<td width='1%' align='left' nowrap='nowrap'>
<if="$data['TOPIC']['_allow_rate'] != 0">
<div class='popmenubutton' id='topic-rating'>
<a href='#topicrating'>{$this->ipsclass->lang['topic_rating']}</a>
{$data['TOPIC']['_rate_img']} <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' />
</div>
<else />
<if="$data['TOPIC']['_rate_show'] == 1 AND $data['TOPIC']['_rate_img'] != ''">
<div class='popmenubutton' id='topic-rating'>
{$this->ipsclass->lang['topic_rating']} {$data['TOPIC']['_rate_img']} <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' />
</div>
</if>
</if>
<if="$data['TOPIC']['_allow_rate'] != 0">
<div id='topic-rating_menu' class='popupmenu-new' style='display:none;width:140px'>
<div class='popupmenu-item'>
<div id='topic-rating-wrapper'></div>
</div>
<div class='popupmenu-item'>
{$this->ipsclass->lang['you_have_rated_x']} <span id='topic-rating-my-rating'>{$data['TOPIC']['_rating_value']}</span>
</div>
<div class='popupmenu-item-last'>
{$this->ipsclass->lang['total_ratings']} <span id='topic-rating-hits'>{$data['TOPIC']['topic_rating_hits']}</span>
</div>
</div>
<script type='text/javascript'>
ipsmenu.register( "topic-rating" );
</script>
</if>
</td>
<td width='1%' align='left' nowrap='nowrap'>
<div class='popmenubutton' id='topicmenu-options'><a href='#topicoptions'>{$this->ipsclass->lang['topic_options']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
</td>
</tr>
</table>
</div>
<!--{IBF.POLL}-->
<script type="text/javascript">
<!--
menu_build_menu(
"topicmenu-options",
new Array( img_item + " <a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=topic&t id={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['track_topic']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Forward&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['forward']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Print&client=printer&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['print']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Print&client=choose&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['av_title']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=forum&f id={$data['FORUM']['id']}'>{$this->ipsclass->lang['ft_title']}</a>",
"~~NODIV~~<div class='popupmenu-category' align='center'>{$this->ipsclass->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']}"
) );
topic_rate.settings['allow_rating'] = parseInt("{$data['TOPIC']['_allow_rate']}");
topic_rate.settings['default_rating'] = parseInt("{$data['TOPIC']['_rate_int']}");
topic_rate.settings['img_base_url'] = ipb_var_image_url + '/folder_topic_view';
topic_rate.settings['div_rating_wrapper'] = 'topic-rating-wrapper';
topic_rate.settings['text_rating_image'] = 'topic-rating-img-';
topic_rate.languages['img_alt_rate'] = "{$this->ipsclass->lang['js_img_alt_rate']}";
topic_rate.languages['rate_me'] = "{$this->ipsclass->lang['js_rate_me']}";
topic_rate.init_rating_images();
-->
</script>
وابحث عن topic_end_first_post
واستبدل محتواة بالاتى
</div>
<table class='ipbtable' cellspacing="0">
<tr>
<td class='nopad' style='padding:5px 0px 5px 0px' align="left" width="60%" valign="middle">{$data['TOPIC']['REPLY_BUTTON']}<a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['FORUM']['id']}" title="{$this->ipsclass->lang['start_new_topic']}"><{A_POST}></a></td>
</tr>
</table>
<a name="firstpost"></a>
<div class="borderwrap">
<div class="maintitle">{$this->ipsclass->lang['tom_replies']}
<if="$noreplieshow != 1">
({$data['TOPIC']['new_mode_start']} - {$data['TOPIC']['new_mode_end']})
</if>
</div>
وكمان TableFooter
امسح محتواة واستبدلة بالتالى
<!-- END TABLE -->
<if="$is_outline == 1">
<br />
<div class="borderwrap">
</if>
<!-- TABLE FOOTER -->
<div class="barc">
<div style="float: right; padding: 5px 5px 0 0;"><a href="{$this->ipsclass->base_url}showtopic={$data['TOPIC']['tid']}&view=old" style='text-decoration:none'>« {$this->ipsclass->lang['t_old']}</a>
· <a href="{$this->ipsclass->base_url}showforum={$data['FORUM']['id']}" style='font-weight: bold;text-decoration:none'>{$data['FORUM']['name']}</a>
· <a href="{$this->ipsclass->base_url}showtopic={$data['TOPIC']['tid']}&view=new" style='text-decoration:none'>{$this->ipsclass->lang['t_new']} »</a></div>
<div>
<form action="{$this->ipsclass->base_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="{$this->ipsclass->lang['enter_keywords']}" onfocus="this.value = '';" />
<input type="submit" value="{$this->ipsclass->lang['search_topic']}" class="button" />
</form>
</div>
</div>
</div>
<br />
<!--IBF.MOD_FULL_WRAPPER-->
<!--IBF.MOD_PANEL_NO_MOD-->
<table class='ipbtable' cellspacing="0">
<tr>
<td class='nopad' style='padding:5px 0px 5px 0px' align="left" width="70%"><!--IBF.QUICK_REPLY_CLOSED--><!--IBF.TOPIC_REPLY--><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['FORUM']['id']}" title="{$this->ipsclass->lang['start_new_topic']}"><{A_POST}></a></td>
</tr>
</table>
<!--IBF.TOPIC_ACTIVE-->
<!--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>{$this->ipsclass->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='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=topic&t id={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['track_topic']}</a> ·
<a href='{$this->ipsclass->base_url}act=Forward&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['forward']}</a> ·
<a href='{$this->ipsclass->base_url}act=Print&client=printer&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['print']}</a> ·
<a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=forum&f id={$data['FORUM']['id']}'>{$this->ipsclass->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='{$this->ipsclass->base_url}&showtopic={$data['TOPIC']['tid']}&addrating=1&st={$this->ipsclass->input['st']}' method='POST'>
<strong>{$this->ipsclass->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 class='button' type='submit' value=' {$this->ipsclass->lang['dd_rate_button']} ' />
</form>
</div>
</div>
</if>
</div>
<script type='text/javascript'>
//<![CDATA[
dcidcidocument.getElementById('topicoptionsjs').st yle.display = 'none';
// Scroll to PID?
topic_scroll_to_post( parseInt("{$this->ipsclass->input['gopid']}") );
//]]>
</script>
وكمان ابحث عن RenderRow
امسح محتواة واستبدلة بالاتى
<!--Begin Msg Number {$post['pid']}-->
<table class='ipbtable' cellspacing="0">
<tr>
<td valign="middle" class="post_head" width="1%">
<a name="entry{$post['pid']}"></a>
<if="$author['id']">
<div id="post-member-{$post['pid']}" class='popmenubutton-new-out'>
<span class="{$post['name_css']}">{$author['_pp_online_image']}{$author['_members_display_name']}</span>
</div>
<!-- member menu -->
<div class='popupmenu-new' id='post-member-{$post['pid']}_menu' style='display:none;width:230px'>
<div class='popupmenu-item-last'>
<if="$author['members_display_name_short'] != $author['members_display_name']">
<div class='popupmenu-item'><strong>{$author['members_display_name']}</strong></div>
</if>
<div style='float:left'>
<div class='pp-image-thumb-wrap'>
<img src='{$author['pp_thumb_photo']}' width='{$author['pp_thumb_width']}' height='{$author['pp_thumb_height']}' alt='' />
</div>
<if="$this->ipsclass->vars['pp_allow_member_rate']">
<div style='margin-top:5px;margin-right:6px;'>
<img src="{$this->ipsclass->vars['img_url']}/rating_{$author['_pp_rating_real']}_mini.gif" alt='{$this->ipsclass->lang['rating_prefix']}: {$author['_pp_rating_real']}' style='vertical-align:middle' border='0' />
</div>
</if>
</div>
<div class='popupmenu-item'>
{$author['_pp_gender_image']} <a href="{$this->ipsclass->base_url}showuser={$author['id']}">{$this->ipsclass->lang['dd_view_profile']}</a>
</div>
<if="$this->ipsclass->member['id']">
<div class='popupmenu-item'>
<if="in_array( $author['id'], array_keys( $this->ipsclass->member['_cache']['friends'] ) )">
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/friend_remove_small.png' alt='' border='0' /> <a href="#" onclick='friends_pop("&do=remove&member_id={$author['id']}&md5check={$this->ipsclass->md5_check}"); return false'>{$this->ipsclass->lang['dd_remove_friend']}</a>
<else />
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/friend_add_small.png' alt='' border='0' /> <a href="#" onclick='friends_pop("&do=add&member_id={$author['id']}&md5check={$this->ipsclass->md5_check}"); return false'>{$this->ipsclass->lang['dd_add_friend']}</a>
</if>
</div>
<div class='popupmenu-item'>
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/send_pm_small.png' alt='' border='0' /> <a href="{$this->ipsclass->base_url}act=Msg&CODE=4&MID={$author['id']}">{$this->ipsclass->lang['dd_send_pm']}</a>
</div>
<div class='popupmenu-item'>
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/find_posts.png' alt='' border='0' /> <a href='{$this->ipsclass->base_url}act=Search&CODE=gettopicsuser&mid={$autho r['id']}'>{$this->ipsclass->lang['dd_find_topics']}</a>
</div>
<div class='popupmenu-item-last'>
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/find_posts.png' alt='' border='0' /> <a href='{$this->ipsclass->base_url}act=Search&CODE=getalluser&mid={$author['id']}'>{$this->ipsclass->lang['dd_find_posts']}</a>
</div>
</if>
</div>
</div>
<!-- member menu -->
<script type="text/javascript">
ipsmenu.register( "post-member-{$post['pid']}", '', 'popmenubutton-new', 'popmenubutton-new-out' );
</script>
<else />
<span class="{$post['name_css']}">{$author['_members_display_name']}</span>
</if>
</td>
<td class="post_head" valign="middle" width="99%">
<!-- POSTED DATE DIV -->
<div style="float: right;">
<span class="postdetails">{$post['post_icon']} <img src='{$this->ipsclass->vars['img_url']}/to_post_off.gif' alt='{$this->ipsclass->lang['to_post_alt']}' border='0' style='padding-bottom:2px' /> {$post['post_date']}</span>
</div>
<!-- REPORT / DELETE / EDIT / QUOTE DIV -->
<div align="left">
<span class="postdetails">{$post['ip_address']} {$this->ipsclass->lang['posted_on']}
<a title="{$this->ipsclass->lang['tt_link']}" href="{$this->ipsclass->vars['board_url']}/index.{$this->ipsclass->vars['php_ext']}?showtopic={$post['topic_id']}&view=findpost&p={$post['pid']}" onclick="link_to_post({$post['pid']}); return false;">#{$post['post_count']}</a>
<if="$this->ipsclass->member['is_mod']">
| <a href="#" title="{$this->ipsclass->lang['click_for_mod']}" onclick="topic_toggle_pid('{$post['pid']}'); return false;">{$post['pid_start_image']}</a>
</if>
</span>
</div>
</td>
</tr>
<tr>
<td valign="top" class="{$post['post_css']} post_left">
<span class="postdetails">
<if="$author['id'] AND $author['avatar']">
<a href="{$this->ipsclass->base_url}showuser={$author['id']}" title="{$this->ipsclass->lang['dd_view_profile']}">{$author['avatar']}</a><br /><br />
<else />
{$author['avatar']}<br /><br />
</if>
{$author['title']}<br />
{$author['member_rank_img']}<br /><br />
{$author['member_group']}<br />
{$author['member_posts']}<br />
{$author['member_joined']}<br />
{$author['member_dcidcilocation']}
{$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']}
</span><br />
<img src="{$this->ipsclass->vars['img_url']}/spacer.gif" alt="" width="160" height="1" /><br />
</td>
<td width="100%" valign="top" class="{$post['post_css']}" id='post-main-{$post['pid']}'>
<!-- THE POST {$post['pid']} -->
<div class="postcolor" id='post-{$post['pid']}'>
{$post['post']}
{$post['edit_by']}
<if="$post['post_edit_reason'] != ''">
<div class='post-edit-reason'>
{$this->ipsclass->lang['reason_for_edit']}: {$post['post_edit_reason']}
</div>
</if>
<!--IBF.ATTACHMENT_{$post['pid']}-->
</div>
{$post['signature']}
<!-- THE POST -->
</td>
</tr>
<tr>
<td class="formbuttonrow" nowrap="nowrap">
<div style='text-align:right'><a href="java script:scroll(0,0);"><{P_UP}></a>{$post['report_link']}</div>
</td>
<td class="formbuttonrow" nowrap="nowrap">
<!-- PM / EMAIL / WWW / MSGR -->
<div style="float: right;">
</div>
<!-- REPORT / UP -->
<div align="left">
{$post['delete_button']}{$post['edit_button']}<a href="#" onclick="multiquote_add({$post['pid']}); return false;" title="{$this->ipsclass->lang['mq_title']}">{$post['mq_start_image']}</a><a href="{$this->ipsclass->base_url}act=Post&CODE=02&f={$this->ipsclass->input['f']}&t={$this->ipsclass->input['t']}&qpid={$post['pid']}" title="{$this->ipsclass->lang['tt_reply_to_post']}"><{P_QUOTE}></a>
</div>
</td>
</tr><tr>
<td class="catend" colspan="2">
<!-- no content -->
</td>
</tr>
</table>
<if="$post['edit_button']!=''">
<script type='text/javascript'>
//<![CDATA[
if ( ajax_loaded && use_enhanced_js )
{
menu_build_menu( 'edit-but-{$post['pid']}',
new Array( img_item + " <a title='{$this->ipsclass->lang['edit_full_desc']}' href='{$this->ipsclass->base_url}act=post&do=edit_post&f={$post['forum_id']}&t={$post['topic_id']}&p={$post['pid']}&st={$this->ipsclass->input['st']}'>{$this->ipsclass->lang['edit_full_title']}</a>",
img_item + " <a href='#' title='{$this->ipsclass->lang['edit_quick_desc']}' onclick='return ajax_prep_for_edit({$post['pid']}, event);'>{$this->ipsclass->lang['edit_quick_title']}</a>" ) );
}
//]]>
</script>
</if>
بالنسبة للمشكلة التانية
http://www.ipbcity.com/forums/st/6.gif
ودى كمان
http://www.ipbcity.com/forums/st/7.jpg
من لوحة التحكم اختر
LOOK & FEEL
ثم اختر
Skin Search & Replace
ثم في خانة
Search for
ضع مايلي
align="left"
"
ومن القائمة المنسدله اختر الإستايل الذي توجد به المشكله
ولاتنسى ان تؤشر على
Search in selected set and all parents including the master set.
ومن بعدها
اضغط على
search
وبعدها سوف تظهر لك مجموعة قوالب
ابحث من بينها على القالب
Post Screen
ثم عند اختيار القالب Post Screen
سوف تجد 7 تمبلات في هذا القالب يجب عليك التعديل عليها
بإختيارها
بمعنى الضغط على كل تمبلت والبدأ في التعديل عليه بإستخدام
ctrl+f
وسوف يظهر لك مربع ضع به مايلي
"
ثم سوف تجده يحدد لك الاكواد التي يوجد بها ال
left
وبعدها كل ماعليك هو تبديل ال
left
بال
right
ملحوظة مهمة جدا
1:- تاكد من اتجاه النص right عند الصف ipbwrapper
2:- عند التغيير سيصير
border right
border right
يارب يكون كلامى خفيف عليكم عربت أكثر من أستايل بنفس الطرق
align
float
padding
وشكرا ,,,,
اقدم لكم اكبر شرح لتعريب الاستايلات الاجنبية
لعيونكم من مدينة الآى بى
اولا :- قم بالدخول للوحة تحكم منتداك
اضغط على look&feel كما فى الصوره
http://www.ipbcity.com/forums/st/1.gif
اللي يهمنا اولا تغيير الاتجاه وثانياً تغيير لغة الترميز
من لوحة التحكم نجد الخيارات التالية
http://www.ipbcity.com/forums/st/2.gif
اضغط على Skin Manager (إدارة الاستايلات)
http://www.ipbcity.com/forums/st/3.gif
ثم إضغط على الاستايل اللي بتعربه
بتظهر نافذة
http://www.ipbcity.com/forums/st/4.gif
رقم 1 لتعديل الواجهة (هنا يتم تعديل الترميز)
رقم 2 تعديل الاستايل شيت (هنا تعديل الاتجاه والخطوط)
نبدأ في تعديل لغة الترميز
اضغط على Edit Root Skin Board Header & Footer Wrapper
ابحث عن
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
استبدلة بالاتى
<meta http-equiv="content-type" content="text/html; charset=windows-1256" />
اضغط save and Reload لحفظ التعديل
الآن تغيير لغة الترميز للمجلة والنافذة الجديدة
إضغط Edit Root Skin Template HTML
ثم All Global HTML
اضغط على pop_up_window
وعدل لغة الترميز
استبدل هذا السطر
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
بهذا
<meta http-equiv="content-type" content="text/html; charset=windows-1256" />
كذالك للمجلة
ارجع من البداية
إضغط Edit Root Skin Template HTML
ثم IPB Portal
اضغط على csite_skeleton_template
وغير لغة الترميز
استبدل هذا السطر
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
بهذا
<meta http-equiv="content-type" content="text/html; charset=windows-1256" />
انتهينا من تعديل لغة الترميز
ثانيا :- تعديل الاستايل شيت
اضغط على Edit Root Skin Stylesheet (CSS Advanced Mode)
ضع امر تغيير الاتجاه في body
direction: rtl;
وهذا الامر هوا لتحويل المنتدى من اليسار الى اليمين
وغير الخط الى Tahoma والمقاس 11px
ليصبح هكذا
body
{
background: #FFF1D4;
color: #000;
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 135%;
margin: 0px;
padding: 0px;
text-align: center;
direction: rtl;
}
أوامر الادراج التي ستجد بعدها التحديد لإتجاه الخطوط و الجداول هي ...
align
float
border
عند البحث على كل أمر منها في الستايل شيت ... ستجد أمام كل واحدة الاتجاه الخاص .. و إعكسه ..
من right الى left والعكس في جميع اوامر الادراج في الاستايل شيت
ثم تنتقل الى الآخر .. و هكذا حتى تتمكن من اتمام العملية بنجاح و بدون مشاكل و بسرعة ...
و بالنسبة .. للصور مثل Logo4 فتحديد اتجاهها يتم بالبحث عن الصورة داخل الستايل شيت و عكس المسار ...
و هذا مثال على تغيير اتجاه اللوجو 4 :-
background: transparent url(<#IMG_DIR#>/logo4.gif) no-repeat right;
والآن إنتهينا من التعريب.
-----------------------------------------------------------------------------------------------------
بعض المبتدأين فى مجال تعريب الأستايلات قد تواجههم مشكلات كما فى الصور التالية
وفيما يلى عرض لمشكلتين منهم
وسيتم سرد حلول لأى مشكلة أيضا فى هذا الموضوع إن شاء الله
اولا بالنسبة للمشكلة الموجودة فى هذه الصورة
http://www.ipbcity.com/forums/st/5.gif
من الاستايل اختر
Edit Template HTML
ثم اختر
Forum Index
ثم اختر
PageTop
واستبدل محتواة بالاتى
<script language="javascript" type="text/javascript">
<!--
var unselectedbutton = "{$this->ipsclass->vars['img_url']}/topic_unselected.gif";
var selectedbutton = "{$this->ipsclass->vars['img_url']}/topic_selected.gif";
var lang_gobutton = "{$this->ipsclass->lang['f_go']}";
var lang_suredelete = "{$this->ipsclass->lang['cp_js_delete']}";
var lang_otherpage = "{$this->ipsclass->lang['jscript_otherpage']}";
var lang_clickhold = "{$this->ipsclass->lang['js_clickhold']}";
var perm_can_edit = $can_edit;
var perm_can_open = $can_open;
var perm_can_close = $can_close;
var perm_max_length = {$this->ipsclass->vars['topic_title_max_len']};
// Set up img vars
var img_markers = {
'bc_new.gif' : 'bc_nonew.gif',
'bf_new.gif' : 'bf_nonew.gif',
'br_new.gif' : 'br_nonew.gif'
};
var regex_markers = 'bc_new.gif|bf_new.gif|br_new.gif';
//-->
</script>
<script type="text/javascript" src="jscripts/ipb_forum.js"></script>
<!--IBF.SUBFORUMS-->
<table class='ipbtable' cellspacing="0">
<tr>
<td style='padding-left:0px' width="60%">{$data['SHOW_PAGES']}</td>
<td class='nopad' style='padding:0px 0px 5px 0px' align="left" nowrap="nowrap"><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['id']}"><{A_POST}></a></td>
</tr>
</table>
<div class="borderwrap">
<div class="maintitle">
<!-- TABLE FIX FOR MOZILLA WRAPPING-->
<table width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td width='99%'><div>{$data['name']}</div></td>
<td width='1%' nowrap='nowrap' align='left'>
<div class='popmenubutton' id='forummenu-options'><a href='#forumoptions'>{$this->ipsclass->lang['forum_options']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
</td>
</tr>
</table>
</div>
<table class='ipbtable' cellspacing="0">
<tr>
<th align="center"> </th>
<th align="center"> </th>
<th width="50%" nowrap="nowrap">{$this->ipsclass->lang['h_topic_title']}</th>
<th width="7%" style="text-align:center" nowrap="nowrap">{$this->ipsclass->lang['h_replies']}</th>
<th width="14%" style="text-align:center" nowrap="nowrap">{$this->ipsclass->lang['h_topic_starter']}</th>
<th width="7%" style="text-align:center" nowrap="nowrap">{$this->ipsclass->lang['h_hits']}</th>
<th width="22%" nowrap="nowrap">{$this->ipsclass->lang['h_last_action']}</th>
<if="$this->ipsclass->member['is_mod'] == 1">
<th width="1%" align="center"><a href="#" title="{$this->ipsclass->lang['click_for_mod']}" onclick="forum_select_all(); return false;"><img name="imgall" id='ipb-topics-all' src="{$this->ipsclass->vars['img_url']}/topic_unselected.gif" alt='' /></th>
</if>
</tr>
<!-- Forum page unique top -->
<!--IBF.ANNOUNCEMENTS-->
ثم اختار TableEnd وامسح محتواة واستبدلة بالاتى
<tr>
<td colspan="8" class="darkrow1">
<table class='ipbtable' cellspacing="0">
<tr>
<td width="50%" class="nopad">
<form action="{$this->ipsclass->base_url}" method="post" name="search">
<input type="hidden" name="forums" value="{$data['id']}" />
<input type="hidden" name="cat_forum" value="forum" />
<input type="hidden" name="act" value="Search" />
<input type="hidden" name="joinname" value="1" />
<input type="hidden" name="CODE" value="01" />
<input type="text" size="30" name="keywords" value="{$this->ipsclass->lang['enter_keywords']}" onfocus="this.value = '';" /> <input type="submit" value="{$this->ipsclass->lang['search_forum']}" class="button" />
</form>
</td>
<if="$this->ipsclass->member['is_mod'] == 1">
<td width="50%" align="right" nowrap="nowrap" class="nopad">
<form name="modform" method="post" action="{$this->ipsclass->base_url}" onsubmit="return checkdelete();">
<input type="hidden" name="act" value="mod" />
<input type="hidden" name="CODE" value="topicchoice" />
<input type="hidden" name="f" value="{$data['id']}" />
<input type="hidden" name="auth_key" value="{$auth_key}" />
<input type="hidden" name="modfilter" value="{$this->ipsclass->input['modfilter']}" />
<input type="hidden" value="{$this->ipsclass->input['selectedtids']}" name="selectedtids" />
<select name="tact">
<option value="close">{$this->ipsclass->lang['cpt_close']}</option>
<option value="open">{$this->ipsclass->lang['cpt_open']}</option>
<option value="pin">{$this->ipsclass->lang['cpt_pin']}</option>
<option value="unpin">{$this->ipsclass->lang['cpt_unpin']}</option>
<option value="move">{$this->ipsclass->lang['cpt_move']}</option>
<option value="merge">{$this->ipsclass->lang['cpt_merge']}</option>
<option value="delete">{$this->ipsclass->lang['cpt_delete']}</option>
<option value="approve">{$this->ipsclass->lang['cpt_approve']}</option>
<option value="unapprove">{$this->ipsclass->lang['cpt_unapprove']}</option>
<!--IBF.MMOD-->
</select>
<input type="submit" name="gobutton" value="{$this->ipsclass->lang['f_go']}" class="button" />
</form>
</td>
</if>
</tr>
</table>
</td>
</tr>
<tr>
<td class="catend" colspan="8"><!-- no content --></td>
</tr>
</table>
</div>
<table class='ipbtable' cellspacing="0">
<tr>
<td style='padding-left:0px' width="50%" nowrap="nowrap">{$data['SHOW_PAGES']}</td>
<<td class='nopad' style='padding:5px 0px 5px 5px' align="left" width="50%"><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['id']}"><{A_POST}></a></td>
</tr>
</table>
<!--IBF.FORUM_ACTIVE-->
<div class="activeusers">
<div class="row2">
<table class='ipbtable' cellspacing="0">
<tr>
<td width="5%" nowrap="nowrap">
<{B_NEW}> <span class="desc">{$this->ipsclass->lang['pm_open_new']}</span>
<br /><{B_NORM}> <span class="desc">{$this->ipsclass->lang['pm_open_no']}</span>
<br /><{B_HOT}> <span class="desc">{$this->ipsclass->lang['pm_hot_new']}</span>
<br /><{B_HOT_NN}> <span class="desc">{$this->ipsclass->lang['pm_hot_no']}</span>
</td>
<td width="5%" nowrap="nowrap">
<{B_POLL}> <span class="desc">{$this->ipsclass->lang['pm_poll']}</span>
<br /><{B_POLL_NN}> <span class="desc">{$this->ipsclass->lang['pm_poll_no']}</span>
<br /><{B_LOCKED}> <span class="desc">{$this->ipsclass->lang['pm_locked']}</span>
<br /><{B_MOVED}> <span class="desc">{$this->ipsclass->lang['pm_moved']}</span>
</td>
<td align="right" width="90%">
{$data['FORUM_JUMP']}<br /><br />
<form action="{$this->ipsclass->base_url}act=SF&f={$data['id']}&st={$this->ipsclass->input['st']}&changefilters=1" method="post">
<select name="sort_key">{$this->ipsclass->show['sort_by']}</select>
<select name="sort_by">{$this->ipsclass->show['sort_order']}</select>
<select name="prune_day">{$this->ipsclass->show['sort_prune']}</select>
<select name="topicfilter">{$this->ipsclass->show['topic_filter']}</select>
<input type="submit" value="{$this->ipsclass->lang['sort_submit']}" class="button" />
<br /> <input type='checkbox' value='1' name='remember' class='checkbox' /> {$this->ipsclass->lang['remember_options']}
</form>
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
<!--
menu_build_menu(
"forummenu-options",
new Array(
<if="$this->ipsclass->member['is_mod'] == 1">
"~~NODIV~~<div class='popupmenu-category' align='center'>{$this->ipsclass->lang['moderator_options']}</div>",
img_item + " <a href='{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_topics'>{$this->ipsclass->lang['mod_showallinvisible']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_posts'>{$this->ipsclass->lang['mod_showallposts']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=mod&CODE=resync&f={$data['id']}&auth_key={$this->ipsclass->md5_check}'>{$this->ipsclass->lang['mod_resync']}</a>",
img_item + " <a href='#' onclick='forum_mod_pop({$data['id']});'>{$this->ipsclass->lang['mod_prune']}</a>",
"~~NODIV~~<div class='popupmenu-category' align='center'>{$this->ipsclass->lang['forum_options']}</div>",
</if>
img_item + " <a href='{$this->ipsclass->base_url}act=Login&CODE=04&f={$data['id']}&fromforum={$this->ipsclass->input['f']}'>{$this->ipsclass->lang['mark_as_read']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Login&CODE=04&f={$data['id']}&fromforum=0'>{$this->ipsclass->lang['mark_as_read2']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=forum&f id={$data['id']}'>{$this->ipsclass->lang['ft_title']}</a>"
) );
//-->
</script>
<br clear="all" />
<if="$this->ipsclass->member['is_mod']">
<br />
<a name='forumoptions'></a>
<div align="center" id='forumoptionsjs'>
<a href="{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_topics">{$this->ipsclass->lang['mod_showallinvisible']}</a>
·
<a href="{$this->ipsclass->base_url}showforum={$data['id']}&modfilter=invisible_posts">{$this->ipsclass->lang['mod_showallposts']}</a>
·
<a href="{$this->ipsclass->base_url}act=mod&CODE=resync&f={$data['id']}&auth_key={$auth_key}">{$this->ipsclass->lang['mod_resync']}</a>
·
<a href="java script:PopUp('{$this->ipsclass->base_url}act=mod&CODE=prune_start&f={$data['id']}&auth_key={$auth_key}', 'PRUNE', 600,500)">{$this->ipsclass->lang['mod_prune']}</a>
</div>
<script type='text/javascript'>
//<![CDATA[
dcidcidocument.getElementById('forumoptionsjs').st yle.display = 'none';
//]]>
</script>
</if>
<script type='text/javascript'>
//<![CDATA[
// INIT links for editing
if ( use_enhanced_js && perm_can_edit )
{
forum_init_topic_links();
}
//]]>
</script>
ثم ادخل على Topic View
واختار Topic PageTop
وامسح محتواة واستبدلة بالاتى
<script type="text/javascript">
<!--
var ipb_lang_tt_prompt = "{$this->ipsclass->lang['tt_prompt']}";
var ipb_lang_js_del_1 = "{$this->ipsclass->lang['js_del_1']}";
var ipb_lang_js_del_2 = "{$this->ipsclass->lang['js_del_2']}";
var addquotebutton = "{$this->ipsclass->vars['img_url']}/p_mq_add.gif";
var removequotebutton = "{$this->ipsclass->vars['img_url']}/p_mq_remove.gif";
var unselectedbutton = "{$this->ipsclass->vars['img_url']}/topic_unselected.gif";
var selectedbutton = "{$this->ipsclass->vars['img_url']}/topic_selected.gif";
var lang_gobutton = "{$this->ipsclass->lang['f_go']}";
var lang_suredelete = "{$this->ipsclass->lang['cp_js_delete']}";
var js_error_no_permission = "{$this->ipsclass->lang['js_error_no_permission']}";
var js_no_empty_post = "{$this->ipsclass->lang['js_no_empty_post']}";
//-->
</script>
<script type="text/javascript" src="jscripts/ipb_topic.js"></script>
<script type="text/javascript" src="jscripts/ips_text_editor_lite.js"></script>
<script type='text/javascript'>
//<![CDATA[
topic_rate = new topic_rate();
//]]>
</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"><!--IBF.TOPIC_REPLY--><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['FORUM']['id']}" title="{$this->ipsclass->lang['start_new_topic']}"><{A_POST}></a></td>
</tr>
</table>
</if>
<div class="borderwrap">
<div class="maintitle">
<!-- TABLE FIX FOR MOZILLA WRAPPING-->
<table width='100%' style='padding:0px' cellspacing='0' cellpadding='0'>
<tr>
<td width='99%' style='word-wrap:break-word;'><div><b>{$data['TOPIC']['title']}</b>{$data['TOPIC']['description']}</div></td>
<td width='1%' align='left' nowrap='nowrap'>
<if="$data['TOPIC']['_allow_rate'] != 0">
<div class='popmenubutton' id='topic-rating'>
<a href='#topicrating'>{$this->ipsclass->lang['topic_rating']}</a>
{$data['TOPIC']['_rate_img']} <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' />
</div>
<else />
<if="$data['TOPIC']['_rate_show'] == 1 AND $data['TOPIC']['_rate_img'] != ''">
<div class='popmenubutton' id='topic-rating'>
{$this->ipsclass->lang['topic_rating']} {$data['TOPIC']['_rate_img']} <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' />
</div>
</if>
</if>
<if="$data['TOPIC']['_allow_rate'] != 0">
<div id='topic-rating_menu' class='popupmenu-new' style='display:none;width:140px'>
<div class='popupmenu-item'>
<div id='topic-rating-wrapper'></div>
</div>
<div class='popupmenu-item'>
{$this->ipsclass->lang['you_have_rated_x']} <span id='topic-rating-my-rating'>{$data['TOPIC']['_rating_value']}</span>
</div>
<div class='popupmenu-item-last'>
{$this->ipsclass->lang['total_ratings']} <span id='topic-rating-hits'>{$data['TOPIC']['topic_rating_hits']}</span>
</div>
</div>
<script type='text/javascript'>
ipsmenu.register( "topic-rating" );
</script>
</if>
</td>
<td width='1%' align='left' nowrap='nowrap'>
<div class='popmenubutton' id='topicmenu-options'><a href='#topicoptions'>{$this->ipsclass->lang['topic_options']}</a> <img src='{$this->ipsclass->vars['img_url']}/menu_action_down.gif' alt='V' title='{$this->ipsclass->lang['global_open_menu']}' border='0' /></div>
</td>
</tr>
</table>
</div>
<!--{IBF.POLL}-->
<script type="text/javascript">
<!--
menu_build_menu(
"topicmenu-options",
new Array( img_item + " <a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=topic&t id={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['track_topic']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Forward&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['forward']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Print&client=printer&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['print']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=Print&client=choose&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['av_title']}</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=forum&f id={$data['FORUM']['id']}'>{$this->ipsclass->lang['ft_title']}</a>",
"~~NODIV~~<div class='popupmenu-category' align='center'>{$this->ipsclass->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']}"
) );
topic_rate.settings['allow_rating'] = parseInt("{$data['TOPIC']['_allow_rate']}");
topic_rate.settings['default_rating'] = parseInt("{$data['TOPIC']['_rate_int']}");
topic_rate.settings['img_base_url'] = ipb_var_image_url + '/folder_topic_view';
topic_rate.settings['div_rating_wrapper'] = 'topic-rating-wrapper';
topic_rate.settings['text_rating_image'] = 'topic-rating-img-';
topic_rate.languages['img_alt_rate'] = "{$this->ipsclass->lang['js_img_alt_rate']}";
topic_rate.languages['rate_me'] = "{$this->ipsclass->lang['js_rate_me']}";
topic_rate.init_rating_images();
-->
</script>
وابحث عن topic_end_first_post
واستبدل محتواة بالاتى
</div>
<table class='ipbtable' cellspacing="0">
<tr>
<td class='nopad' style='padding:5px 0px 5px 0px' align="left" width="60%" valign="middle">{$data['TOPIC']['REPLY_BUTTON']}<a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['FORUM']['id']}" title="{$this->ipsclass->lang['start_new_topic']}"><{A_POST}></a></td>
</tr>
</table>
<a name="firstpost"></a>
<div class="borderwrap">
<div class="maintitle">{$this->ipsclass->lang['tom_replies']}
<if="$noreplieshow != 1">
({$data['TOPIC']['new_mode_start']} - {$data['TOPIC']['new_mode_end']})
</if>
</div>
وكمان TableFooter
امسح محتواة واستبدلة بالتالى
<!-- END TABLE -->
<if="$is_outline == 1">
<br />
<div class="borderwrap">
</if>
<!-- TABLE FOOTER -->
<div class="barc">
<div style="float: right; padding: 5px 5px 0 0;"><a href="{$this->ipsclass->base_url}showtopic={$data['TOPIC']['tid']}&view=old" style='text-decoration:none'>« {$this->ipsclass->lang['t_old']}</a>
· <a href="{$this->ipsclass->base_url}showforum={$data['FORUM']['id']}" style='font-weight: bold;text-decoration:none'>{$data['FORUM']['name']}</a>
· <a href="{$this->ipsclass->base_url}showtopic={$data['TOPIC']['tid']}&view=new" style='text-decoration:none'>{$this->ipsclass->lang['t_new']} »</a></div>
<div>
<form action="{$this->ipsclass->base_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="{$this->ipsclass->lang['enter_keywords']}" onfocus="this.value = '';" />
<input type="submit" value="{$this->ipsclass->lang['search_topic']}" class="button" />
</form>
</div>
</div>
</div>
<br />
<!--IBF.MOD_FULL_WRAPPER-->
<!--IBF.MOD_PANEL_NO_MOD-->
<table class='ipbtable' cellspacing="0">
<tr>
<td class='nopad' style='padding:5px 0px 5px 0px' align="left" width="70%"><!--IBF.QUICK_REPLY_CLOSED--><!--IBF.TOPIC_REPLY--><a href="{$this->ipsclass->base_url}act=post&do=new_post&f={$data['FORUM']['id']}" title="{$this->ipsclass->lang['start_new_topic']}"><{A_POST}></a></td>
</tr>
</table>
<!--IBF.TOPIC_ACTIVE-->
<!--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>{$this->ipsclass->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='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=topic&t id={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['track_topic']}</a> ·
<a href='{$this->ipsclass->base_url}act=Forward&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['forward']}</a> ·
<a href='{$this->ipsclass->base_url}act=Print&client=printer&f={$data['FORUM']['id']}&t={$data['TOPIC']['tid']}'>{$this->ipsclass->lang['print']}</a> ·
<a href='{$this->ipsclass->base_url}act=usercp&CODE=start_subs&method=forum&f id={$data['FORUM']['id']}'>{$this->ipsclass->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='{$this->ipsclass->base_url}&showtopic={$data['TOPIC']['tid']}&addrating=1&st={$this->ipsclass->input['st']}' method='POST'>
<strong>{$this->ipsclass->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 class='button' type='submit' value=' {$this->ipsclass->lang['dd_rate_button']} ' />
</form>
</div>
</div>
</if>
</div>
<script type='text/javascript'>
//<![CDATA[
dcidcidocument.getElementById('topicoptionsjs').st yle.display = 'none';
// Scroll to PID?
topic_scroll_to_post( parseInt("{$this->ipsclass->input['gopid']}") );
//]]>
</script>
وكمان ابحث عن RenderRow
امسح محتواة واستبدلة بالاتى
<!--Begin Msg Number {$post['pid']}-->
<table class='ipbtable' cellspacing="0">
<tr>
<td valign="middle" class="post_head" width="1%">
<a name="entry{$post['pid']}"></a>
<if="$author['id']">
<div id="post-member-{$post['pid']}" class='popmenubutton-new-out'>
<span class="{$post['name_css']}">{$author['_pp_online_image']}{$author['_members_display_name']}</span>
</div>
<!-- member menu -->
<div class='popupmenu-new' id='post-member-{$post['pid']}_menu' style='display:none;width:230px'>
<div class='popupmenu-item-last'>
<if="$author['members_display_name_short'] != $author['members_display_name']">
<div class='popupmenu-item'><strong>{$author['members_display_name']}</strong></div>
</if>
<div style='float:left'>
<div class='pp-image-thumb-wrap'>
<img src='{$author['pp_thumb_photo']}' width='{$author['pp_thumb_width']}' height='{$author['pp_thumb_height']}' alt='' />
</div>
<if="$this->ipsclass->vars['pp_allow_member_rate']">
<div style='margin-top:5px;margin-right:6px;'>
<img src="{$this->ipsclass->vars['img_url']}/rating_{$author['_pp_rating_real']}_mini.gif" alt='{$this->ipsclass->lang['rating_prefix']}: {$author['_pp_rating_real']}' style='vertical-align:middle' border='0' />
</div>
</if>
</div>
<div class='popupmenu-item'>
{$author['_pp_gender_image']} <a href="{$this->ipsclass->base_url}showuser={$author['id']}">{$this->ipsclass->lang['dd_view_profile']}</a>
</div>
<if="$this->ipsclass->member['id']">
<div class='popupmenu-item'>
<if="in_array( $author['id'], array_keys( $this->ipsclass->member['_cache']['friends'] ) )">
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/friend_remove_small.png' alt='' border='0' /> <a href="#" onclick='friends_pop("&do=remove&member_id={$author['id']}&md5check={$this->ipsclass->md5_check}"); return false'>{$this->ipsclass->lang['dd_remove_friend']}</a>
<else />
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/friend_add_small.png' alt='' border='0' /> <a href="#" onclick='friends_pop("&do=add&member_id={$author['id']}&md5check={$this->ipsclass->md5_check}"); return false'>{$this->ipsclass->lang['dd_add_friend']}</a>
</if>
</div>
<div class='popupmenu-item'>
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/send_pm_small.png' alt='' border='0' /> <a href="{$this->ipsclass->base_url}act=Msg&CODE=4&MID={$author['id']}">{$this->ipsclass->lang['dd_send_pm']}</a>
</div>
<div class='popupmenu-item'>
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/find_posts.png' alt='' border='0' /> <a href='{$this->ipsclass->base_url}act=Search&CODE=gettopicsuser&mid={$autho r['id']}'>{$this->ipsclass->lang['dd_find_topics']}</a>
</div>
<div class='popupmenu-item-last'>
<img src='{$this->ipsclass->vars['img_url']}/folder_profile_portal/find_posts.png' alt='' border='0' /> <a href='{$this->ipsclass->base_url}act=Search&CODE=getalluser&mid={$author['id']}'>{$this->ipsclass->lang['dd_find_posts']}</a>
</div>
</if>
</div>
</div>
<!-- member menu -->
<script type="text/javascript">
ipsmenu.register( "post-member-{$post['pid']}", '', 'popmenubutton-new', 'popmenubutton-new-out' );
</script>
<else />
<span class="{$post['name_css']}">{$author['_members_display_name']}</span>
</if>
</td>
<td class="post_head" valign="middle" width="99%">
<!-- POSTED DATE DIV -->
<div style="float: right;">
<span class="postdetails">{$post['post_icon']} <img src='{$this->ipsclass->vars['img_url']}/to_post_off.gif' alt='{$this->ipsclass->lang['to_post_alt']}' border='0' style='padding-bottom:2px' /> {$post['post_date']}</span>
</div>
<!-- REPORT / DELETE / EDIT / QUOTE DIV -->
<div align="left">
<span class="postdetails">{$post['ip_address']} {$this->ipsclass->lang['posted_on']}
<a title="{$this->ipsclass->lang['tt_link']}" href="{$this->ipsclass->vars['board_url']}/index.{$this->ipsclass->vars['php_ext']}?showtopic={$post['topic_id']}&view=findpost&p={$post['pid']}" onclick="link_to_post({$post['pid']}); return false;">#{$post['post_count']}</a>
<if="$this->ipsclass->member['is_mod']">
| <a href="#" title="{$this->ipsclass->lang['click_for_mod']}" onclick="topic_toggle_pid('{$post['pid']}'); return false;">{$post['pid_start_image']}</a>
</if>
</span>
</div>
</td>
</tr>
<tr>
<td valign="top" class="{$post['post_css']} post_left">
<span class="postdetails">
<if="$author['id'] AND $author['avatar']">
<a href="{$this->ipsclass->base_url}showuser={$author['id']}" title="{$this->ipsclass->lang['dd_view_profile']}">{$author['avatar']}</a><br /><br />
<else />
{$author['avatar']}<br /><br />
</if>
{$author['title']}<br />
{$author['member_rank_img']}<br /><br />
{$author['member_group']}<br />
{$author['member_posts']}<br />
{$author['member_joined']}<br />
{$author['member_dcidcilocation']}
{$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']}
</span><br />
<img src="{$this->ipsclass->vars['img_url']}/spacer.gif" alt="" width="160" height="1" /><br />
</td>
<td width="100%" valign="top" class="{$post['post_css']}" id='post-main-{$post['pid']}'>
<!-- THE POST {$post['pid']} -->
<div class="postcolor" id='post-{$post['pid']}'>
{$post['post']}
{$post['edit_by']}
<if="$post['post_edit_reason'] != ''">
<div class='post-edit-reason'>
{$this->ipsclass->lang['reason_for_edit']}: {$post['post_edit_reason']}
</div>
</if>
<!--IBF.ATTACHMENT_{$post['pid']}-->
</div>
{$post['signature']}
<!-- THE POST -->
</td>
</tr>
<tr>
<td class="formbuttonrow" nowrap="nowrap">
<div style='text-align:right'><a href="java script:scroll(0,0);"><{P_UP}></a>{$post['report_link']}</div>
</td>
<td class="formbuttonrow" nowrap="nowrap">
<!-- PM / EMAIL / WWW / MSGR -->
<div style="float: right;">
</div>
<!-- REPORT / UP -->
<div align="left">
{$post['delete_button']}{$post['edit_button']}<a href="#" onclick="multiquote_add({$post['pid']}); return false;" title="{$this->ipsclass->lang['mq_title']}">{$post['mq_start_image']}</a><a href="{$this->ipsclass->base_url}act=Post&CODE=02&f={$this->ipsclass->input['f']}&t={$this->ipsclass->input['t']}&qpid={$post['pid']}" title="{$this->ipsclass->lang['tt_reply_to_post']}"><{P_QUOTE}></a>
</div>
</td>
</tr><tr>
<td class="catend" colspan="2">
<!-- no content -->
</td>
</tr>
</table>
<if="$post['edit_button']!=''">
<script type='text/javascript'>
//<![CDATA[
if ( ajax_loaded && use_enhanced_js )
{
menu_build_menu( 'edit-but-{$post['pid']}',
new Array( img_item + " <a title='{$this->ipsclass->lang['edit_full_desc']}' href='{$this->ipsclass->base_url}act=post&do=edit_post&f={$post['forum_id']}&t={$post['topic_id']}&p={$post['pid']}&st={$this->ipsclass->input['st']}'>{$this->ipsclass->lang['edit_full_title']}</a>",
img_item + " <a href='#' title='{$this->ipsclass->lang['edit_quick_desc']}' onclick='return ajax_prep_for_edit({$post['pid']}, event);'>{$this->ipsclass->lang['edit_quick_title']}</a>" ) );
}
//]]>
</script>
</if>
بالنسبة للمشكلة التانية
http://www.ipbcity.com/forums/st/6.gif
ودى كمان
http://www.ipbcity.com/forums/st/7.jpg
من لوحة التحكم اختر
LOOK & FEEL
ثم اختر
Skin Search & Replace
ثم في خانة
Search for
ضع مايلي
align="left"
"
ومن القائمة المنسدله اختر الإستايل الذي توجد به المشكله
ولاتنسى ان تؤشر على
Search in selected set and all parents including the master set.
ومن بعدها
اضغط على
search
وبعدها سوف تظهر لك مجموعة قوالب
ابحث من بينها على القالب
Post Screen
ثم عند اختيار القالب Post Screen
سوف تجد 7 تمبلات في هذا القالب يجب عليك التعديل عليها
بإختيارها
بمعنى الضغط على كل تمبلت والبدأ في التعديل عليه بإستخدام
ctrl+f
وسوف يظهر لك مربع ضع به مايلي
"
ثم سوف تجده يحدد لك الاكواد التي يوجد بها ال
left
وبعدها كل ماعليك هو تبديل ال
left
بال
right
ملحوظة مهمة جدا
1:- تاكد من اتجاه النص right عند الصف ipbwrapper
2:- عند التغيير سيصير
border right
border right
يارب يكون كلامى خفيف عليكم عربت أكثر من أستايل بنفس الطرق
align
float
padding
وشكرا ,,,,