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

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

http://www.new-style.ws/upload/uploa...509fb8788f.jpg

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


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

كود:

---

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;

}

---

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

شكرا لك

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

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

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

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

انظر

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

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

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

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

شرح جميل اخى شكراً لك

هدا ما كنت انتضره اخي شكرالك

عندما اغير مقاسات اللون الاحمر

هل ابدلها بالاستيل الجديد ولا بروابط الاستيل الافتراضى