وضع صور تجميلية رباعية على قائمة لوحة التحكم

السـلام عليكم
بصـراحة هذا اول شرح لي في تصميم الاستايلات
الدرس بسيط و سهل :)
راح نضع صور تجميلية رباعية على قالب USERCP_SHELL
شاهدوا صورة بعد التعديل :





مثل ما انتم شايفين .. وضعنا الصور على القائمة اليمنى للوحة التحكم
خلونا نبتدي الشرح .. أولا نفتح قالب USERCP_SHELL في الفرونت بيج
بعدها ننسخ الكود التالي :

كود PHP:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
<tr>
<td class="tcat"><a href="usercp.php$session[sessionurl_q]">$vbphrase[control_panel]</a></td>
</tr>
<tr>
<td class="thead">$vbphrase[settings_and_options]</td>
</tr>
<if condition="$show['siglink']">
<tr>
<td class="$navclass[signature]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td>
</tr>
</if>
<tr>
<td class="$navclass[password]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editpassword">$vbphrase[edit_email_and_password]</a></td>
</tr>
<tr>
<td class="$navclass[profile]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td>
</tr>
<tr>
<td class="$navclass[options]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td>
</tr>
<if condition="$show['avatarlink']">
<tr>
<td class="$navclass[avatar]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td>
</tr>
</if>
<if condition="$show['profilepiclink']">
<tr>
<td class="$navclass[profilepic]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</a></td>
</tr>
</if>
<if condition="$show['pmmainlink']">
<tr>
<td class="thead" nowrap="nowrap">
<span id="nav_pmfolders">$vbphrase[private_messages] <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("nav_pmfolders"); </script></if></span>
<if condition="$show['popups']">            
<div class="vbmenu_popup" id="nav_pmfolders_menu" style="display:<if condition="$show['popups']">none<else />block</if>">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[folders]</td>
</tr>
$cpnav[pmfolders]
</table>
</div>
</if>
</td>
</tr>
<tr>
<td class="$navclass[pm_messagelist]" nowrap="nowrap"><a class="smallfont" href="private.php$session[sessionurl_q]">$vbphrase[list_messages]</a></td>
</tr>
<if condition="$show['pmsendlink']">
<tr>
<td class="$navclass[pm_newpm]" nowrap="nowrap"><a class="smallfont" href="private.php?$session[sessionurl]do=newpm">$vbphrase[send_new_message]</a></td>
</tr>
</if>
<if condition="$show['pmtracklink']">
<tr>
<td class="$navclass[pm_trackpm]" nowrap="nowrap"><a class="smallfont" href="private.php?$session[sessionurl]do=trackpm">$vbphrase[track_messages]</a></td>
</tr>
</if>
<tr>
<td class="$navclass[pm_editfolders]" nowrap="nowrap"><a class="smallfont" href="private.php?$session[sessionurl]do=editfolders">$vbphrase[edit_folders]</a></td>
</tr>
</if>
<tr>
<td class="thead" nowrap="nowrap">
<span id="nav_subsfolders">$vbphrase[subscribed_threads] <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("nav_subsfolders"); </script></if></span>
<if condition="$show['popups']">
<div class="vbmenu_popup" id="nav_subsfolders_menu" style="display:<if condition="$show['popups']">none<else />block</if>">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[folders]</td>
</tr>
$cpnav[subsfolders]
</table>
</div>
</if>
</td>
</tr>
<tr>
<td class="$navclass[substhreads_listthreads]" nowrap="nowrap"><a class="smallfont" href="subscription.php?$session[sessionurl]do=viewsubscription">$vbphrase[list_subscriptions]</a></td>
</tr>
<tr>
<td class="$navclass[substhreads_editfolders]" nowrap="nowrap"><a class="smallfont" href="subscription.php?$session[sessionurl]do=editfolders">$vbphrase[edit_folders]</a></td>
</tr>
<if condition="$show['deleteditems'] OR $show['moderateditems']">
<tr>
<td class="thead">$vbphrase[moderation]</td>
</tr>
<if condition="$show['deleteditems']">
<tr>
<td class="$navclass[deletedthreads]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewthreads&amp;type=deleted">$vbphrase[deleted_threads]</a></td>
</tr>
<tr>
<td class="$navclass[deletedposts]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewposts&amp;type=deleted">$vbphrase[deleted_posts]</a></td>
</tr>
</if>
<if condition="$show['moderateditems']">
<tr>
<td class="$navclass[moderatedthreads]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewthreads&amp;type=moderated">$vbphrase[moderated_threads]</a></td>
</tr>
<tr>
<td class="$navclass[moderatedposts]" nowrap="nowrap"><a class="smallfont" href="moderation.php?$session[sessionurl]do=viewposts&amp;type=moderated">$vbphrase[moderated_posts]</a></td>
</tr>
</if>    
</if>
<tr>
<td class="thead">$vbphrase[miscellaneous]</td>
</tr>
<tr>
<td class="$navclass[event_reminders]" nowrap="nowrap"><a class="smallfont" href="calendar.php?$session[sessionurl]do=viewreminder">$vbphrase[event_reminders]</a></td>
</tr>
<if condition="$show['paidsubscriptions']">
<tr>
<td class="$navclass[paid_subscriptions]" nowrap="nowrap"><a class="smallfont" href="payments.php$session[sessionurl_q]">$vbphrase[paid_subscriptions]</a></td>
</tr>
</if>
<if condition="$show['publicgroups']">
<tr>
<td class="$navclass[usergroups]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editusergroups">$vbphrase[group_memberships]</a></td>
</tr>
</if>
<tr>
<td class="$navclass[buddylist]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editlist">$vbphrase[buddy_ignore_lists]</a></td>
</tr>
<if condition="$show['attachments']">
<tr>
<td class="$navclass[attachments]" nowrap="nowrap"><a class="smallfont" href="profile.php?$session[sessionurl]do=editattachments">$vbphrase[attachments]</a></td>
</tr>
</if>
$template_hook[usercp_navbar_bottom]
</table> 


ثم نروح للصور التجميلية اللي مجهزينها و نضغط في المكان التالي :





ثم نروح للأكواد الخاصة بالصور التجميلية و نلصق الكود اللي نسخناه سابقا :




بعدها نعدل روابط الصور التجميلية .. ثم ننسخ كل شيء
بعدها نرجع لقالبنا الأول USERCP_SHELL
و نلصق ما نسخناه مكان الكود اللي نسخناه في أول الموضوع
اتعبتكم .. صح؟ :bleh:
و انتهى كل شي