الويب العربي - شرح كود .. شعار للموقع.. بطريقة الأجاكس .. AJAX

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

- - شرح كود .. شعار للموقع.. بطريقة الأجاكس .. AJAX (http://www.arabwebtalk.com/showthread.php?t=116560)

شرح كود .. شعار للموقع.. بطريقة الأجاكس .. AJAX

بسمـ الله الرحمن الرحيمـ

مساء الخير ..

~~ .. ~~ .. ~~ .. ~~ .. ~~

اليوم جايب درس جديد ..

درسنا السابق عن

شرح كود .. تكبير الصور .. بطريقة الأجاكس .. AJAX

~~~~~~~~~~~~~~~~~

اليوم الدرس يتكلم عن شعار للموقع . ..

كود .. شعار للموقع.. بطريقة الأجاكس .. AJAX

لرؤية مثال

http://www.dimof.com/dimofinf/mailbo...tion=n ewmail

~~~~~~~~~~~~~~~~~~

متطلبات الدرس

ملف staticlogo.js

صورة شعار logo

للتحميل في المرفقات

~~~~~~~~~~~~~~~~~~

خطوات العمل ...

ادخل لوحة التحكمــ

من ثم الى نماذج و قوالب > نماذج العرض > قائمة الأستايلات

اختار الأستايل الي تريد ان يكون عليه التعديل .. انا سأشرح على استايل ابعاد

نضغط تحرير

نستعرض نموذج headermain.htm ونضغط >> عرض النموذج

بعد السطر الأول ..

نضع الكود التالي

كود:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="staticlogo.js"> /*********************************************** * Site Logo script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source code ***********************************************/ </script>

نضعه بدون تغير لاحظ الصورة التالية

من ثم نضغط على

تعديل النموذج

من ثم نحمل المرفق .. ونفك الضغط عنه .. نلاحظ وجود صورة و ملف JC

نقوم بتبديل الصورة logo بشعار الموقع ..

من ثم نفتح ملف staticlogo.js باستخدام الدفتر

ضغطة بزر الأيسر .. فتح بأستخدام

ونستخدم الدفتر

يفتح لنا كما موضح .. نقوم بتعديل المحدد بالأحمر .. حسب ما وضعناه

اولا .. نقوم بوضع رابط الموقع ..

من ثم امتداد الصورة >> مع تغير العرض و الطول ..

من ثم نغلق الصفحة مع الحفظ

وبعد ذلك نقوم برفعهم على موقعك مباشرة ..
ملاحظة ..

اذا كانت النفنتي على الرابط الرئيسي فيكون امتداد الرفع كالتالي

www/staticlogo.js
www/logo.gif

اما اذا كانت انفنتي على رابط فرعي فيكون الأمتداد كالتالي
www/inf/staticlogo.js
www/inf/logo.gif

ليصبح كالتالي

انتهاء الدرس ..

اي استفسار او سؤال انا حاظر ..

لا تنسوني من صالح دعائكمــ

حاتم الشهري
شركة دعمـ

ارجو تقيم الموضوع ..

تحياتي

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

إقتباس:

اقتباس من مشاركة بوابة مكة (المشاركة 645632)

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

سلمت يمناكــ ـ ــ ــ

اخي على الرد .. الجميل

شكرا لك اخوي وبيض الله وجهك

واحب اضيف على كلامك انه تقدر تحط صورة متحركه يعني شعار متحرك وايظا تقدر تغير مكان الشعار باي مكان بالصفحه من خلال التعديل عى احداثيات x و y وهي الان 0 للـ x و 0 للـ y بالزاوية اليمين عدل مثل ما تحب x افقي و Y عمودي

إقتباس:

اقتباس من مشاركة ALERTKA.COM (المشاركة 645809)

شكرا لك اخوي وبيض الله وجهك

واحب اضيف على كلامك انه تقدر تحط صورة متحركه يعني شعار متحرك وايظا تقدر تغير مكان الشعار باي مكان بالصفحه من خلال التعديل عى احداثيات x و y وهي الان 0 للـ x و 0 للـ y بالزاوية اليمين عدل مثل ما تحب x افقي و Y عمودي

وجهكـ ابيض بتأكيد .. اخي. .

تستطيع التحكم بها بالكامل ..

تحياتي لك

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

أستاذى الكريم حاتم الشهرى

فكرة جميلة وتستحق التقييم ،
يمكن استخدامها كإعلان متحرك أو قائمة رئيسية

أطيب تحية

إقتباس:

اقتباس من مشاركة م.هبه رزق (المشاركة 645840)

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

أستاذى الكريم حاتم الشهرى

فكرة جميلة وتستحق التقييم ،
يمكن استخدامها كإعلان متحرك أو قائمة رئيسية

أطيب تحية

اولا يسلموا ..

على المرور ..

وتقيمك، شرف لنا ..

تحياتي

سلمتم وما قصرتم

انا ابغاه شعار متحرك !

كيف ؟

www.qm.org.sa