أقدم لكم هيدر استايل معهد ترايدنت لعام 2012 هذا الاستايل الذى احدص ضجة عند زوله مباشره اليوم اقدمه لكم بعد ان قمت بنقله من منتدى المطور
:: مثال ::
الخطوات
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