هيدر استايل ترايدنت 2012

WebCraker

العبد الفقير إلى الله
طاقم الإدارة
9 مارس 2008
5,645
50
48
Egypt
support-ar.com
أقدم لكم هيدر استايل معهد ترايدنت لعام 2012 هذا الاستايل الذى احدص ضجة عند زوله مباشره اليوم اقدمه لكم بعد ان قمت بنقله من منتدى المطور

:: مثال ::

mx8Lltp.gif

الخطوات
1 - اذهب الى لوحة تحكم الادارة > الاستايلات والقوالب > التحكم بالاستايلات
2 - قم الان بأختر الستايل المراد التعديل عليه ثم اختر من القائمة : القوالب الشائعة/Common Templates
3- الان قم بحذف محتوى الهيدر [ header ] بالكامل واستبدله بالكود التالي :

كود:
<!-- logo -->
<div class="tr_new_hader">
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
 <div class="commercial_area">
  <div class="commercial_logo">
   <a href="ضع الرابط هنا" target="_blank">
   <img alt="معهد هيلبرنت" src="" border="0" /></a> </div>
  <div class="commercial_menu">
   <ul>
    <li><a href="ضع الرابط هنا" target="_blank">رابط</a></li>
    <li>
    <a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
    <li>
    <a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
    <li>
    <a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
    <li>
    <a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
    <li>
    <a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
    <li>
    <a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
    <li>
    <a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
    <li><a href="ضع الرابط هنا" target="_blank">
    رابط</a></li>
   </ul>
  </div>
</div>
</td>
</tr>
<tr>
 <td>
 <div class="traidnt_area">
  <table cellpadding="0" cellspacing="0">
   <tr>
    <td class="logo">
     <div class="traidnt_logo">
 
       <a href="ضع الرابط هنا/vb">
        <img alt="معهد هيلبرنت" src="$stylevar[titleimage]" border="0" />
       </a>                            
 
     </div>
    </td>
    <td class="menu">
     <div class="traidnt_head_menu">      
      <div class="traidnt_head_menu_corner">
      </div>
      <div class="traidnt_head_menu_content">
       <table cellpadding="0" cellspacing="0">
       <tr>
     <td valign="middle">
       <if condition="$bbuserinfo[userid]">
       <a href="vb/profile.php?do=editavatar">
<img src="image.php?u=$bbuserinfo[userid]" alt="الصورة الرمزية" width="50" height="48" border="0" /></a>
       </if>
       </td>
<td> </td>        <if condition="$show['member']">
 <td class="td_login_area" nowrap="nowrap">
 <div class="tr_login_area">
  <strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
  <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
   <div>
  <a href="private.php"><img src="6wer/pm_alert.png" alt="" border="0" /></a>  
  <a href="profile.php?do=buddylist"><img src="6wer/frind_alert.png" alt="" border="0" /></a>  
  </div>
 </div>
 </td>
<else />
 <td class="td_login_area" nowrap="nowrap" style="padding:0px">
  <!-- login form -->
  <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
  <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
  <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
  <tr>
   <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
   <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
   <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
  </tr>
  <tr>
   <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
   <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
   <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
  </tr>
  </table>
  <input type="hidden" name="s" value="$session[sessionhash]" />
  <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
  <input type="hidden" name="do" value="login" />
  <input type="hidden" name="vb_login_md5password" />
  <input type="hidden" name="vb_login_md5password_utf" />
  </form>
  <!-- / login form -->
 </td>
</if>
        <td class="td_all_menu">
         <div class="tr_all_menu">
          <div class="external_menu">
           <ul>
            <li><a href="xxxx" target="_blank">الدروس</a></li>
            <li><a href="xxxx" target="_blank">خصوصية</a></li>
            <li><a href="xxxx" target="_blank">تواصل ولقاء</a></li>
            <li><a href="xxxx" target="_blank">صفحتي</a></li>
            <li><a href="xxxx" target="_blank">تحميل الملفات</a></li>
            <li><a href="xxxx" target="_blank">دليل المواقع</a></li>
            <li><a href="xxxx" class="h_arabh_link" target="_blank">أرباح</a></li>
           </ul>
          </div>
          <if condition="$show['member']">
          <div class="internal_menu">
           <ul>                                                                   
            <li><a href="xxxx">رابط</a></li>
            <li><a href="usercp.php">لوحة التحكم</a></li>
            <li><a href="xxxx">رابط</a></li>
            <li><a href="xxxx">رابط</a></li>
            <li><a href="profile.php?do=editprofile">تعديل بياناتك</a></li>
           </ul>
          </div>
          <else />
          <div class="internal_menu">
           <ul>                                                                   
            <li><a href="register.php">الإنتساب</a></li>
            <li><a href="faq.php">التعليمات</a></li>
 
           </ul>
          </div>
          </if>
         </div>
        </td>
       </tr>
       </table>
      </div>
     </div>
    </td>
   </tr>
  </table>
 </div>
 </td>
</tr>
</table>
 </div>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]

4- ثم اذهب الى خصائص css الحقل الاخير والصق الكود التالي :

كود:
.tr_new_hader {
 font: 11px Tahoma;
 padding: 0px;
 margin: 0px;
 overflow: hidden;
 background: transparent url('6wer/tr_header_bg.png') repeat-x;
 width: 100%;
 height: 120px;
}
.tr_new_hader .commercial_area {
 height: 33px;
}
.tr_new_hader .commercial_area .commercial_logo {
 width: 72px;
 height: 26px;
 margin-top: 3px;
 background: transparent url('6wer/H_3.gif') no-repeat;
 float: right;
}
.tr_new_hader .commercial_area .commercial_logo img {
 width: 72px;
 height: 26px;
}
.tr_new_hader .commercial_area .commercial_menu {
 margin-right: 10px;
 height: 26px;
 width: 770px;
 float: right;
}
.tr_new_hader .commercial_area ul {
 padding: 0px;
 margin: 0px;
 list-style: none;
}
.tr_new_hader .commercial_area ul li {
 float: right;
 padding: 8px 5px 0px 5px;
}
.tr_new_hader .commercial_area ul li a {
 color: #91c833;
 font: bold 11px Tahoma;
 display: block;
 text-decoration: none;
 padding-right: 8px;
 background: transparent url('6wer/commercial_arrow.png') no-repeat;
 background-position: right;
}
.tr_new_hader .commercial_area ul li a:hover {
 color: white;
}
.traidnt_area {
 height: 67px;
 width: 100%;
 overflow: hidden;
 background: #ffffff;
}
.traidnt_area table {
 padding: 0px;
 margin: 0px;
 border: 0px;
}
.traidnt_area table td.logo {
 width: 160px;
}
.traidnt_area table td.menu {
 width: 100%;
}
.traidnt_area .traidnt_logo {
 width: 154px;
 height: 58px;
 float: right;
 padding-right: 5px;
}
.traidnt_area .traidnt_logo img {
 width: 154px;
 height: 58px;
}
.traidnt_area .traidnt_head_menu {
 float: right;
 height: 67px;
 width: 100%;
 padding-right: 5px;
}
.traidnt_area .traidnt_head_menu .traidnt_head_menu_corner {
 width: 17px;
 height: 67px;
 float: right;
 background: transparent url('6wer/traidnt_head_corner_right.png') no-repeat;
}
.traidnt_area .traidnt_head_menu .traidnt_head_menu_content {
 height: 67px;
 background: transparent url('6wer/traidnt_head_center.png') repeat-x;
}
.traidnt_area .td_login_area {
 width: 258px;
 height: 67px;
}
.traidnt_area .td_all_menu {
 width: 100%;
 height: 67px;
}
.traidnt_area .tr_login_area {
font: bold 11px Tahoma; 
height: 67px;
}
.traidnt_area .tr_all_menu {
 height: 67px;
 width: 100%;
}
.external_menu {
 height: 30px;
 width: 100%;
 background: #148d9f;
 border-bottom: 1px white solid;
 border-bottom-right-radius: 15px;
 -moz-border-radius-bottomright: 15px;
}
.external_menu ul {
 padding: 0px;
 margin: 0px;
 list-style: none;
 padding-right: 10px;
}
.external_menu ul li {
 float: right;
 margin-top: 8px;
 padding-right: 7px;
}
.external_menu ul li a {
 color: white;
 text-decoration: none;
 font: bold 11px Tahoma;
 padding-right: 8px;
 background: transparent url('6wer/commercial_arrow.png') no-repeat;
 background-position: right;
 display: block;
}
.external_menu ul li a:hover {
 text-shadow: 0px 0px 1px #FFFFFF;
}
a img {
 border: 0px;
}
.internal_menu {
 height: 25px;
 width: 100%;
}
.internal_menu ul {
 padding: 0px;
 margin: 0px;
 list-style: none;
 padding-right: 10px;
}
.internal_menu ul li {
 float: right;
 margin-left: 20px;
 margin-top: 5px;
 padding: 0px 4px 0px 4px;
 display: block;
 min-width: 67px;
 height: 20px;
 overflow: hidden;
 background: transparent url('6wer/tr_sub_menu.png') repeat-x;
 text-align: center;
 border-top-left-radius: 10px;
 -moz-border-radius-topleft: 10px;
 border-top-right-radius: 10px;
 -moz-border-radius-topright: 10px;
}
.internal_menu ul li a {
 color: #4b4747;
 text-decoration: none;
 font: bold 12px Tahoma;
 text-shadow: 1px 1px 1px #FFFFFF;
}
.internal_menu ul li a:hover {
 color: #393535;
}


تحميل الصور
كود:
.arabsharing.com/do.php?id=179739
او من هنا ايضا
كود:
up.top4top.net/downloadf-994kr92m1-zip.html
او من هنا ايضا
كود:
dev-point.co/download321534.html
 

المرفقات

  • 6wer.zip
    6.9 KB · المشاهدات: 118
  • traidnt style header.gif
    traidnt style header.gif
    12.3 KB · المشاهدات: 108