26 - تقسيم الهيدر الى ثلاث اقسام صورتين و خلفيه

**خالد القحطاني** · 05-15-2010, 05:19 AM

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

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

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

كود:

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;

}

**New Style** · 05-15-2010, 04:31 PM

ما شاء الله شرح رائع

شكرا لك

**غير كل البنات** · 05-15-2010, 06:30 PM

ماقصرت اخوي مواضيعك قمه
وجاري التجربه ..

**to-web** · 06-28-2010, 10:15 AM

بارك الله فيك يالغالي

عندي مشكله في التطبيق

شلون اخلي الصور تتمدد

انظر

منتديات سوق بدل

الصور الي ابغي امددها يمين ويسار

**خالد القحطاني** · 07-04-2010, 04:26 PM

معلش يالغالي هذه الطريقه لا تنفع مع طريقة تصميمك لوجود ازرار + صورة واحده وتمدد طريقه اخرى لكن يبيلها قعده

او اعمل كما عمل ستايل الموده بالغاء الهيدر ووضعها بنظام جداول كا الاصدار السابق الثالث ووضع الكود اعلى قالب الهيدر