[CSS] طھط±ظƒظٹط¨ ظپظ„ط§ط´ ط¹ظ„ظ‰ ظ‡ظٹط¯ط± ط§ظˆ ظپظˆطھط± Css ..


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

تحية طيبة اما بعد ..

• ------ TRAIDNT - Mohamed ------ •

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

بسم الله

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

الكلاسات الموجودة في الهيدر header راح تكون كذا ..
رمز PHP:
<code style="white-space:nowrap"> <code> <div class="header-bg">
<div class="header-right"></div>
<div class="header-left"></div>
</div>
</code> </code>

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

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

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

نحول الـ div في الصورة اليمنى أي header-right الى object ..
لكي نضيف الفلاش وخصائصه ومعاييره ..
يعني راح يتحول هذا ..
رمز PHP:
<code style="white-space:nowrap"> <code> <div class="header-right"></div>
</code> </code>

الى

رمز PHP:
<code style="white-space:nowrap"> <code> <object class="header-right"></object>
</code> </code>

ونبدأ بإضافة data الي تساوي رابط هذا الفلاش والstyle الي تساوي مقاييس هذا الفلاش ..
طول عرض وهكذا وtype الي تساوي نوع هذا الفلاش والتي تساهم بسرعة ودقة الفلااش ..

وراح يصبح كود code مالنا كذا ..

رمز PHP:
<code style="white-space:nowrap"> <code> <object class="header-right" data=" هنا رابط الفلاش " style="width: ***px; height: ***px;" type="application/x-shockwave-flash"></object>
</code> </code>

تمام الى الان ؟

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

الان نكتب الاكواد في داخل الـ object
رمز PHP:
<code style="white-space:nowrap"> <code> <param name="wmode" value="transparent" />
<param name="movie" value="رابط الفلاش" />
<param name="quality" value="High" />
</code> </code>

وبكون الكود code الأخير كذا ..

رمز PHP:
<code style="white-space:nowrap"> <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> </code>

والان نضيفه لأول كود code الي هو :

رمز PHP:
<code style="white-space:nowrap"> <code> <div class="header-bg">
<div class="header-right"></div>
<div class="header-left"></div>
</div>
</code> </code>

فيصير الكود code الأخير

رمز PHP:
<code style="white-space:nowrap"> <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> </code>

طبعا يجب التغيير في الكود code رابط الفلاش وقياسات الفلاش *** ..

وأي إستفسار او سؤال ضعه هنا وان شاء الله أرد عليك ..

وصلى الله على سيدنا محمد وعلى اله وصحبه اجمعين ..

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

الموضوع حصري في ديزاد باتنة يرجى عند النقل ذكر المصدر ..

أخوكم محمد ..









الملفات المرفقة [TR]
main.zip (1.9 كيلوبايت, عدد مرات المشاهدة 60 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©