تعديلات على الاستايل الافتراضي //موضوع الهيدر//

[awtil.com]

السلام عليكم
كما وعدتكم باحد المواضيع بطرح موضوع لتطوير شكل الاستايل الافتراضي اليوم اقدم اليكم الموضوع وارجوا منكم قبل عمل التغييرات على منتداكم الرئيسي تجربته على منتدى بسيرفر محلى بجهازك تجنبا لاي نتائج غير مرغوب فيها
طبعا الكل يعرف الشكل العادي للهيدر وايضا لمنطقة تسجيل الدخول او الخروج والتى اسمها بالتمبليت
header_welcomeblock_guest
بحيت لا يظهر باعلى المنتدى مكان لادخال اليوزر وكلمة المرور وهده الصورة توضح الشكل الافتراضي

والنتيجة التى نريد الوصول اليها هي كالتالى


كل ما عليك هو الدخول الى لوحة التحكم الخاصة بالادمن تم التوجه الى ال template نختار منها Modify / Delete
ان كنت تشتغل على اكتر من ستايل اختر الاستايل الافتراضي الدي تشتغل عليه لعمل التاتيرات اختر expand
ستجد نفسك امام قائمة من اسماء التبلتات التى يمكننا عمل تعديل عليها الدي يهمنا اول شئ هو
header_welcomeblock_guest
ستجد بجانبها ازرار نختار زر التعديل edit
فتفتح امانا نافدة ننسخ كل ما بها ونحدفه ونضع الكود التالى مكانها

كود :

<div class="menu" align="right">
  <ul>
    <table align="center">
      <tr align="center">
        <td class="topmenu" width="1%"><a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/misc.php?action=help">$lang->toplinks_help</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/memberlist.php">$lang->toplinks_memberlist</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/calendar.php">$lang->toplinks_calendar</a></td>
        <td class="topmenu" width="1%"><a href="search.php?action=getnew">$lang->welcome_newposts</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/search.php">$lang->toplinks_search</a></td>
      </tr>
    </table>
  </ul>
</div>
<table border="0" cellspacing="$theme[borderwidth]" cellpadding="$theme[tablespace]" class="tborder">
<tr>
<td class="trow1" width="60%" rowspan="2"><navigation></td>
<td width="30%" class="trow2" style="font-size:11px">
<form action="member.php" method="post">
<input type="hidden" name="action" value="do_login" />
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><strong>{$lang->username}</strong></td>
<td><input type="text" size="18"class="textbox" name="username" title="{$lang->login_username}" value="{$lang->login_username}" onFocus="this.value=''" /></td>
</tr>
<tr>
<td><strong>{$lang->password}</strong></td>
<td><input type="password" size="20" class="textbox" name="password" title="{$lang->login_password}" value="{$lang->login_password}" onFocus="this.value=''" /><input type="submit" class="button" name="submit" value="{$lang->login}" /></td>
</tr>
</table>
</form></td>
</tr>
</table>

احفظ التعديلات ونظر نتيجة التعديل طبعا وانت غير داخل للمنتدى شكل افضل من الافتراضي صح
طبعا هكدا سيكون شكل المنتدى عندما يدخل اليه اي زائر
الان نريد التعديل على شكله لما يدخل اي عضو او اي ادمن
دائما بلوحة التحكم وباادارة التمبليت نختار من القائمة
header_welcomeblock_member
نختار تحرير تم نضع الكود التالى مكان الكود الافتراضي

كود :

<div class="menu" align="right">
  <ul>
    <table align="center">
      <tr align="center">
        <td class="topmenu" width="1%"><a href="$settings[bburl]/usercp.php">$lang->welcome_usercp</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/misc.php?action=help">$lang->toplinks_help</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/memberlist.php">$lang->toplinks_memberlist</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/calendar.php">$lang->toplinks_calendar</a></td>
        <td class="topmenu" width="1%"><a href="search.php?action=getnew">$lang->welcome_newposts</a></td>
        <td class="topmenu" width="1%"><a href="$settings[bburl]/search.php">$lang->toplinks_search</a></td>
        <td class="topmenu" width="1%">$admincplink</td>
        <td class="topmenu" width="1%"><a href="{$mybb->settings['bburl']}/member.php?action=logout&uid={$mybb->user['uid']}&logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></td>
      </tr>
    </table>
  </ul>
</div>
<table border="0" cellspacing="$theme[borderwidth]" cellpadding="$theme[tablespace]" class="tborder">
<tr>
<td class="trow1" width="60%"><navigation></td>
<td width="40%" class="trow2" style="font-size:11px">
$lang->welcome_back<br />
$lang->welcome_current_time<br />
<a href="private.php">$lang->welcome_pms</a> $lang->welcome_pms_usage</td>
</tr>
</table>

نفس الشئ مع تمبليت
header_welcomeblock_member_admin
نضع الكود التالى محل الكود الافتراضي

كود :

<a href="{$mybb->settings['bburl']}/{$config['admin_dir']}/index.php">{$lang->welcome_admin}</a>

احفظ التغيرات وراجع منتداك وانضر الى النتائج ان شاء الله تعجبكم
طبعا انا لست مهندس بال css or php انما هدا مجرد اجتها شخصي بعد نقل من احد الاستيلات التى استعملت وان شاء الله يفيدكم الموضوع واي سؤال لا تترددوا في طرحه هنا فيوجد اخوة يمكنهم مساعتنا جميعا وان شاء الله سيتم اضافة تغيرات خرى بمجرد تجربتها و التاكد من نجاحها
والله الموفق