تركيب فلاش على هيدر او فوتر بـ Css ..

[فارس]

ريقة تركيب فلاش على الهيدر اذا كان موزع توزيع css , واليوم ان شاء الله راح اشرح لكم عمل هذه الطريقة , انتبهوا معي وهذا راح يكون اول موضوع لي في هذا القسم الرائع ^_^ ..

بسم الله
طبعا انا راح اركبه على الهيدر وتقدر نفس الطريقة في الفوتر ..

الكلاسات الموجودة في الهيدر راح تكون كذا ..

كود:
<div class="header-bg">

<div class="header-right"></div> <div class="header-left"></div> </div>
وتعاريف الـ css راح تكون كما هي نحنا بنشتغل فقط في HTML ..
وطبعا header-bg الخلفية
و header-right هي الصورة اليمنى
و header-left هي الصورة اليسرى

مثلا اذا منا نركب الفلاش على الصورة اليمنى
طبعا بتكون مجهز ملف فلاش بصيغة swf ..

الان نبدأ بالتطبيق ..

نحول الـ div في الصورة اليمنى أي header-right الى object ..
لكي نضيف الفلاش وخصائصه ومعاييره ..
يعني راح يتحول هذا ..

كود:
<div class="header-right"></div>
الى

كود PHP:
<object class="header-right"></object>[/CODE][COLOR=Gray]ونبدأ بإضافة [COLOR=Black]data [/COLOR]الي [COLOR=Black]تساوي [/COLOR]رابط هذا الفلاش [COLOR=Black]والstyle [/COLOR]الي [COLOR=Black]تساوي [/COLOR]مقاييس هذا الفلاش ..[/COLOR]
[COLOR=Gray]طول عرض وهكذا [COLOR=Black]وtype [/COLOR]الي تساوي نوع هذا [COLOR=Black]الفلاش [/COLOR]والتي تساهم بسرعة ودقة الفلااش ..[/COLOR]

[COLOR=Gray][COLOR=Black]وراح يصبح كود مالنا كذا ..[/COLOR][/COLOR]

[CODE]<object class="header-right" data=" هنا رابط الفلاش " style="width: ***px; height: ***px;" type="application/x-shockwave-flash"></object>
[/CODE][COLOR=Indigo]تمام الى الان ؟[/COLOR]

[COLOR=DarkRed]الان علينا فقط اضافة بعض الاكواد لظهور الفلاش بشكل شفاف وما تطلعنا صفحة بيضاء في مكان الفلاش ..[/COLOR]

الان نكتب الاكواد في داخل الـ object
[CODE]<param name="wmode" value="transparent" />
<param name="movie" value="رابط الفلاش" />
<param name="quality" value="High" />
[/CODE][COLOR=Olive]وبكون الكود الأخير كذا ..[/COLOR]

[CODE]<object class="header-right" data=" هنا رابط الفلاش " style="width: ***px; height: ***px;" type="application/x-shockwave-flash">
<param name="wmode" value="transparent" />
<param name="movie" value="رابط الفلاش" />
<param name="quality" value="High" />
</object>
[/CODE][COLOR=YellowGreen]والان نضيفه لأول كود الي هو :[/COLOR]

[CODE]
<div class="header-bg">
<div class="header-right"></div>
<div class="header-left"></div>
</div>
[/CODE][COLOR=DarkGreen]فيصير الكود الأخير [/COLOR]

[CODE]<div class="header-bg">
<object class="header-right" data=" هنا رابط الفلاش " style="width: ***px; height: ***px;" type="application/x-shockwave-flash">
<param name="wmode" value="transparent" />
<param name="movie" value="رابط الفلاش" />
<param name="quality" value="High" />
</object>
<div class="header-left"></div>
</div>
[/CODE][COLOR=Magenta][COLOR=Red]طبعا يجب [/COLOR][COLOR=Red][COLOR=Pink]التغيير [/COLOR]في الكود رابط الفلاش [COLOR=Pink]وقياسات [/COLOR]الفلاش [COLOR=Pink]*** [/COLOR]..[/COLOR][/COLOR]

[COLOR=Magenta][COLOR=Red]وأي إستفسار او سؤال [COLOR=Pink]ضعه [/COLOR]هنا وان شاء الله أرد [COLOR=Pink]عليك [/COLOR]..[/COLOR][/COLOR]

[COLOR=Teal]وصلى الله على [COLOR=MediumTurquoise]سيدنا [/COLOR]محمد وعلى اله وصحبه [COLOR=MediumTurquoise]اجمعين [/COLOR]..[/COLOR]

[COLOR=Teal]والسلام عليكم ورحمة الله [COLOR=MediumTurquoise]وبركاته [/COLOR]..[/COLOR]

[COLOR=Teal][COLOR=MediumTurquoise]أخوكم pHp M!nD..[/COLOR][/COLOR]

:6:
[/CENTER]