اتمنى المساعده من الاخ قناص جويا توزيع هيدر 5 صور css

احساس قلب · 03-19-2010

السلام عليكم ورحمة الله وبركاته

اتمنى ومن كل قلبي ان يرتقي المنتدى الى سما الابداع

تعلمت الكثير من الاخ قناص جويا من غير تسجيل

فلابد ان أسجل عضويتي بهذا المنتدى واستفيد وافيد ان شاء الله

.........

صممت هيدر وفوتر وقطعتها 5 صور

من اليسار الى اليمين في التوزيع تكون الصوره رقم 2 و 4 هما نقاط التمدد

h2 & h4 هما التمدد

اريد طريقة التوزيع

هذآ الكلاسات اللي عملتها

كود PHP:


			
<div class="h1">
<div class="h2"></div>
<div class="h3"></div>
<div class="h4"></div>
<div class="h5"></div>
</div>

وهذي الاكواد اتمنى التعديل لكي استفيد ويستفيد الجميع

كود PHP:


			
.h1{
    background-image:url('file:///C:/Users/bhorh/Desktop/ستايلي/images/images/head_01.gif');
    background-repeat:no-repeat;
    height:425px;
    width:18px;
    float:left;
}

.h2{
    background-image:url('file:///C:/Users/bhorh/Desktop/ستايلي/images/images/head_02.gif');
    background-repeat:repeat-x;
    height:425px
}

.h3{
    background-image:url('file:///C:/Users/bhorh/Desktop/ستايلي/images/images/head_03.gif');
    background-repeat:no-repeat;
    height:425px;
    width:532px;
    float:none;
}

.h4{
    background-image:url('file:///C:/Users/bhorh/Desktop/ستايلي/images/images/head_04.gif');
    background-repeat:repeat-x;
    height:425px
}

.h5{
    background-image:url('file:///C:/Users/bhorh/Desktop/ستايلي/images/images/head_05.gif');
    background-repeat:no-repeat;
    height:425px;
    width:30px;
    float:right;
}

في الانتظار

لم اجد القسم المناسب لطرح المشكله اتمنى ان يكون هذا هو القسم المناسب

قناص جوبا · 03-19-2010

اهلا بيك يا غالى
طيب يا غالى يا ريت الصور علشان اقدر اظبطها
والاسماء العربيه مش هتنفع فى التركيب
لازم يكون الاسم انجلش علشان لما تيجى تركب فى المنتدى الصور تظهر

احساس قلب · 03-19-2010

اخي قناص جويا

المسميات كلها بالانجلش وحبيت اوضح لك ان الهيدر هو صوره في الوسط فقط اللي هي h3

اما باقي الصور كلها وحده يعني ممكن يكون الطرفين تمدد وصوره بالنص يعني يكون التقطيع 3 صور فقط

ممكن اعيد التقطيع اذا نصحتني بذلك

وانا رفعت الصور اللي قطعتها

h1

h2

h3

h4

h5

هذي صورت الهيدر بدون تقطيع

في الانتظار

قناص جوبا · 03-19-2010

طيب يا غالى لو ده الهيدر انت هتقطعه اتنين فقط
جزء نقطه تمدد وجزء الصوره وتعملها توسيط وبس
مش محتاج كل الصور دى

احساس قلب · 03-19-2010

طيب اخوي قناص ممكن الاكواد بعد أذنك انا فهمت كلامك لكن حاب اعرف الاكواد كيف تكتب

وشاكر لك مساعدتك جدآ والله من 5 ساعات وناا متوقف ع هذي

احساس قلب · 03-19-2010

شكرآ قناص جويآآ

كانت مشكلتي بالتوسيط للصوره الهيدر ولقيت الحل اضافة
margin:0px auto;

قناص جوبا · 03-19-2010

الكلاسكات هتكون على الشكل هذه

كود PHP:


			
<div class="h1">
<div class="h2"></div>
</div>

اما ال css

كود PHP:


			
.h1{
    background-image:url('file:///C:/Users/bhorh/Desktop/ستايلي/images/images/head_01.gif');
    background-repeat:repeat-x;
    height:425px
}

.h2{
    background-image:url('file:///C:/Users/bhorh/Desktop/ستايلي/images/images/head_02.gif');
    background-repeat:no-repeat;
    height:425px;
    width:400px;
    margin:auto;
}

حيث h2 هى الصوره اللى فى المنتصف و h1 هى نقطه التمدد

فيروس خائف · 03-20-2010

قسمه
مو صحيح
تم نقله
وهو مخالف للقوانين المخالف عليه 2 مخالفات
إنتبه مره أخرى

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[مشكلة] اتمنى مساعدتك يا قناص جوبا	oriflame	فى بى ايجى لمشاكل و طلبات التصميم	6	01-23-2010 03:56 PM
الى الاخ قناص جوبا	ابن غزة الجريحة	فى بى ايجى للحلول و المشاكل و الطلبات	4	10-02-2009 12:20 AM
الى الاخ (( قناص جوبا ))	face-to-face	فى بى ايجى للحلول و المشاكل و الطلبات	5	08-25-2009 07:28 PM

فى بى ايجى التطويرية
موقع تكويد	مركز رفع صور وملفات	مدونه فى بى ايجى	منتدى المشاكل	منتدى مجانى
معرض استايلات	دليل مواقع \| اضف موقعك	استضافه مجانيه	اعمال فى بى ايجى	دوره اداره الموقع
دوره تصميم الاستايلات	منتديات القمة إنفو	تبادل اعلانى	تبادل اعلانى	تبادل اعلانى

رسالة مدير الموقع

دورة تصميم قالب ورد بريس بلوحة تحكم
قريبا مفاجئات ودروس برمجية متنوعه