[حاتم عبدالله]

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


مساء الخير ..

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

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

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

شرح كود .. تكبير الصور .. بطريقة الأجاكس .. 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

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



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

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

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

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

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

تحياتي

[بوابة مكة]

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

[حاتم عبدالله]

إقتباس: اقتباس من مشاركة بوابة مكة      غفر الله لك ولوالديك واسكنكم الفردوس الاعلى دمت بخير

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

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

[ALERTKA.COM]

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


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

[حاتم عبدالله]

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

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

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

تحياتي لك

[م.هبه رزق]

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

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

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


أطيب تحية

[حاتم عبدالله]

إقتباس: اقتباس من مشاركة م.هبه رزق      السلام عليكم ورحمة الله وبركاته أستاذى الكريم حاتم الشهرى فكرة جميلة وتستحق التقييم ، يمكن استخدامها كإعلان متحرك أو قائمة رئيسية أطيب تحية

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

على المرور ..

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

تحياتي

[زياد الشبانة]

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

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

كيف ؟

www.qm.org.sa