الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   تعلّم معنا كيف تصنع بلوك متحرك لأى اتجاه (http://www.arabwebtalk.com/showthread.php?t=55729)

محمّد نور 06-06-2007 04:11 AM

تعلّم معنا كيف تصنع بلوك متحرك لأى اتجاه
 
السلام عليكم ورحمة الله وبركاته

اليوم حبيت أرد على استفسارات البعض بصنع بلوك متحرك مثل الأخبار العامة مثلا والمناسبات العامة فى انفنيتى

الحقيقة التعرّف على الأكواد اراه أكثر متعة وسهولة من التعامل حتى مع الفرونت بيج احيانا كثيرة

وبالتالى فساشرح لكم الكود الخاص بالحركة بالتفصيل ان شاء الله

*****************************************

الكود يعتمد على وسم بلغة html

يسمّى marquee هذا هو الأمر المسؤول عن حركة البلوك لأعلى ولأسفل أولليمين واليسار

************************************************** *******************
مثال عليه

كود:


 
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="2" scrollDelay="3 " direction=up  height="160" width="140">

هذا يكون فى بداية البلوك >>>>>>>> ثم نكتب محتويات البلوك>>>>>> ثم عند نهاية البلوك نضع اغلاق الوسم هكذا
كود:


</marquee>


بالضبط هذا السطر وجربوه بالفرونت بيج
لو وضعتموه قبل اى كلمات ثم وضعته نهايته سينشئ لكم كلمات متحركة الى اعلى
فى فراغ طوله 160 وعرضه 140 وهى ابعاد البلوك
عند الوقوف عليه بالماوس يقف وعند تحريره يتحرك

************************************************** ************

للتعديل على الوسم

الكلمة بالأحمر = direction= اتجاه الحركة
نكتب = شئ من أربعة
up= للأعلى
down=لأسفل
right=لليمين
left= لليسار



الأوامر باللون الأخضر
هو طول وعرض البلوك المختار الذى ستتحرك فيه الكلمات

height= الطول = 160
width = العرض = 140
وهذا العرض مناسب لبلوكات يمين ويسار انفنيتى



الأمر بالأزرق المسؤول عن توقف حركة الكلمات عند الوقوف عليها بالماوس
لا تغير شئ فيه


الجزء بالروز هو المسؤول عن سرعة البلوك غيره وسترى النتيجة بنفسك



وهكذا عدّل الكود فى البداية كما تحب وضعه فى بداية البلوك
ثمّ ضع ماشئت من الكلمات أو أكواد الصور أو حتى جدول
ثمّ أغلق الكود بالنهاية

وشاهد النتيجة

ومبااااارك عليك البلوك المتحرك بصنع يديك


ملحوظة
لو ما ضبطت معاكم بلوكات الصور المتحركة نشرحها منفردة ان شاء الله مرة أخرى



تقبلوا أطيب تحية
محمد نور
أبعاد المعلومات لخدمات الويب المتكاملة

www.dciwww.com

المبرِّد 06-06-2007 10:11 AM

مشكور
يعطيك العافية

الولهان 06-06-2007 10:41 AM

درس روعه يابطل ياليت نشوف الجديد من الافكار المفيده

جيل الويب 06-06-2007 11:36 AM

تسلم يمينك اخوي محمد


شرح مميز وسهل جدأ

محمّد نور 06-06-2007 12:14 PM

المبرّد
الولهان
جيل الويب


مشكووورين على مروركم الذى اسعدنى
ويعطيكم ربى الف عااااااااافية
وإن شاء الله نحاول تقديم الجديد دائما

فانفنيتى وأصحابها المميّزون هنا يستحقّون المزيد ;) :p

jroo7n 07-06-2007 05:46 AM

مشكور أخي محمد نور

تم التطبيق بنجاح على قائمة الصحف السعودية.

محمّد نور 07-06-2007 11:35 AM

العفوووو اخى الكريم

أسعدنى تطبيقك المباشر على المجلّة

وماشاء الله البلوك رائع والتطبيق 100%

بالتوفيق والنجاح دائما


تقبّل تحياتى

alshakicom 07-06-2007 01:49 PM

تشكر يالغالي

ahmedipa 19-08-2007 11:49 AM

تسلم والله عزيزي وإن شاء الله نستفيد من الانفنتي كثيرا

والله يسهل يارب

zhrt al5zama 24-08-2007 11:17 PM

مشكور على التوضيح جزاك الله خير
تم التطبيق بنجاح

لكن عندي سؤال
لو احبب اضافة بلوك متغير عند كل زيارة يظهر قول مثل فكرة بلوك الاذكار مثلا كيف الطريق لذلك
وشكرا لكم

zhrt al5zama 24-08-2007 11:34 PM

بس عندي سؤال بالنسبة لبلوك لما اضفته
واضفت عدة عبارات طلعت متصلة ببعضها البعض مع اني تركت عدة اسطر فراغ بينها ارجو التوضيح وشكراااااااااا

zhrt al5zama 25-08-2007 12:03 AM

للاستفادة وضعت بين كل جملة والاخرى
<hr>
ومشي الحال ..

جهات 04-09-2007 02:58 AM

بسم الله

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

أول استفادة لي هي هذا البلوك الذي كنت أبحث عنه وعن طريقته .

قمت بتطبيقه على الموقع والحقيقة كان أكثر من راااائع .

شكراً أخي محمد والى الأمام دائماً بإذن الله .

التجربة :

www.jehaat.com

محمّد نور 04-09-2007 10:08 AM

إقتباس:

اقتباس من مشاركة جهات
بسم الله

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

أول استفادة لي هي هذا البلوك الذي كنت أبحث عنه وعن طريقته .

قمت بتطبيقه على الموقع والحقيقة كان أكثر من راااائع .

شكراً أخي محمد والى الأمام دائماً بإذن الله .

التجربة :

www.jehaat.com

حقيقى أنا سعدت بتواجدك هنا أكثر

وما شاء الله تبارك الله موقعك جدّ جميل وهادى واستايل

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

وان شاءالله تستفيد ببقيّة الشروحات والخدمات المقدّمة من الجميع هنا

أطيب تحياتى لك ولتواجدك

النوادر 24-01-2008 11:00 PM

ملحوظة
لو ما ضبطت معاكم بلوكات الصور المتحركة نشرحها منفردة ان شاء الله مرة أخرى
------------------------------------------------------------------------------------------------------------------------

كيف اتعامل معه بلغة الفرونت بيج؟

حاولت لكن لافائدة..

وماذا نفعل بهذا الكود واين نضعه ؟

اكسترا هوست 26-01-2008 11:44 AM

رائع مشاء الله تبارك الله

محمّد نور 29-01-2008 12:05 AM

إقتباس:

اقتباس من مشاركة النوادر (المشاركة 428687)
ملحوظة
لو ما ضبطت معاكم بلوكات الصور المتحركة نشرحها منفردة ان شاء الله مرة أخرى
------------------------------------------------------------------------------------------------------------------------

كيف اتعامل معه بلغة الفرونت بيج؟

حاولت لكن لافائدة..

وماذا نفعل بهذا الكود واين نضعه ؟

اخى الكريم

هذا الكود يتم وضعه قبل بداية كود اى بلوك جاهز عندك
وفى نهايته كما هو موضح بالشرح
حتى اذا كان هذا الكود عبارة عن جمل مفصولة بهذا الكود <br>

سينشأ عنها بلوك متحرك مثل حق الأخبار والأمسيات العامة

التعامل بالفرونت بيج سهل

انسخ كامل الكود هناك واستعرضه كصفحة ويب ستجده يظهر متحرك ان شاء الله


أطيب تحية لك وللجميع

محمّد نور 29-01-2008 12:07 AM

إقتباس:

اقتباس من مشاركة اكسترا هوست (المشاركة 429190)
رائع مشاء الله تبارك الله

حضورك اروع اخى الكريم

ومرحبا معك فى قسمى المفضل هنا

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

اطيب تحية

سي ماجد 02-02-2008 04:45 PM

كيف أعمل بلوك متحرك لآخر المقالات
 
السلام عليكم ورحمة الله وبركاته

شكراً لك أخي محمد نور على هذا الشرح البديع، ولدي سؤال بسيط وربما ساذج، وهو كيف أوضف هذا الكود لعرض آخر المقالات في قسم معين ، وقد لاحظت أثناء تصميمي للاستايل وجود هذا الكود في ملف (index.html) ، لعرضر آخر الأخبار ولكنه لا يظهر عندي في الموقع.
هل هناك طريقة لتفعيله في لوحة التحكم......؟

ولك أطيب التحيات

محمّد نور 02-02-2008 11:50 PM

إقتباس:

اقتباس من مشاركة سي ماجد (المشاركة 431680)
السلام عليكم ورحمة الله وبركاته

شكراً لك أخي محمد نور على هذا الشرح البديع، ولدي سؤال بسيط وربما ساذج، وهو كيف أوضف هذا الكود لعرض آخر المقالات في قسم معين ، وقد لاحظت أثناء تصميمي للاستايل وجود هذا الكود في ملف (index.html) ، لعرضر آخر الأخبار ولكنه لا يظهر عندي في الموقع.
هل هناك طريقة لتفعيله في لوحة التحكم......؟

ولك أطيب التحيات

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

العفو اخى الكريم

وبالعكس السؤال به طموح برمجى عالى


ولكن المتاح فى انفنيتى الآن هو شريط جديد المقالات مبرمج جاهز وجديد الأخبار وهو يجلب الجديد المضاف من جميع الأقسام وليس قسم محدد فقط

ستجده بموضوع منفصل بقسم البلوكات مكتوب من قبل معرّف أبعاد المعلومات


امنياتى لك بالتوفيق فى تطبيق هذا الشرح وهو يمكنك من انشاء بلوكات مثل الأخبار العامة أو الأمسيات العامة ولكن بالمحتوى الذى تحدده انت بعيدا عن برمجة المجلة


اطيب تحية لك


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 08:34 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012