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

[خالد القحطاني]

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

http://www.new-style.ws/upload/uploads/images/new-style-ws-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;

}

[New Style]

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

شكرا لك

[غير كل البنات]

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

[to-web]

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

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

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

انظر

منتديات سوق بدل (http://www.souqbadel.com/vb/?styleid=16)

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

[خالد القحطاني]

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

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

[MOHAMED ADEL]

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

[popo020]

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

[abo_edres]

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

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