مثال على تقسيم الهيدر



طريقة التركيب سهله بإذن الله


اولاً افتح قالب

كود:
header
وابحث عن :

كود:
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
واستبدله بـ :

كود:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>

ثم افتح قالب :

كود:
vbulletin.css
وضع في أخره هذا الكود مع تغير مقاس ورابط الصور الخاصه بك المحدده بالون الاحمر :


كود:
#headerFill{
background-image: url(images/headerFill.jpg);
background-repeat: repeat-x;
height: 119px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(images/headerL.jpg);
height: 119px;
background-repeat: no-repeat;
width: 348px;
float: left;

}
#headerR {
background-image: url(images/headerR.jpg);
background-repeat: no-repeat;
height: 119px;
width: 332px;
float: right;

}