الدرس السادس (ملحق) تركيب الفلاش بتقنيه ال css

السلام عليكم
د

م الطريقه سهله جدا

اول حاجه احنا عندنا الهيدر مثلا تلت اجزاء الجزء اليمين والشمال فلاش
والتمدد صوره عاديه

دلوقتى هنجيى للتمدد كالعاده بيكون فى الاول
كود PHP:

<div class="h1">




وال كود PHP:

</div>




فى اخر كلاسات الهيدر كما تعودنا

هنجيى دلوقتى للجزء الشمال وهو فلاش مش هنكتب <div> هنا
هنكتب بطريقه مختلفه
كود PHP:

<object class="h2" data="3eed_Alkber/images/Movie1.swf" style="width: 263px; height: 198px;">
<param name="wmode" value="transparent" />
</object>




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

كود PHP:
<object class="h3" data="3eed_Alkber/images/Movie14.swf" style="width: 313px; height: 198px;">
<param name="wmode" value="transparent" />
</object>




بحيث كده الشكل النهائى للكلاسات هيكون على الشكل

كود PHP:
<div class="h1">
<object class="h2" data="3eed_Alkber/images/Movie1.swf" style="width: 263px; height: 198px;">
<param name="wmode" value="transparent" />
</object>
<object class="h3" data="3eed_Alkber/images/Movie14.swf" style="width: 313px; height: 198px;">
<param name="wmode" value="transparent" />
</object>
</div>




دلوقتى الاكواد

هتكون عاديه جدا
والشكل النهائى لها

كود PHP:

.h1{
background-image:url('3eed_Alkber/images/3eed1_02.gif');
height:225px;
background-repeat:repeat-x;
}
.h2 {
background-image: url('3eed_Alkber/images/3eed1_03.gif');
height: 225px;
width: 263px;
background-repeat: no-repeat;
float: right;
}
.h3 {
background-image: url('3eed_Alkber/images/3eed1_01.gif');
height: 225px;
width: 313px;
background-repeat: no-repeat;
float:left;
}




الختلاف هنا فى الفلاش هو الجزء بتاع الكلاسكات فقط

الموضوع بسيط جدا