بسمـ الله الرحمن الرحيمـ
مساء الخير ..
~~ .. ~~ .. ~~ .. ~~ .. ~~
اليوم جايب درس جديد ..
درسنا السابق عن
شرح كود .. تكبير الصور .. بطريقة الأجاكس .. 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
ليصبح كالتالي
انتهاء الدرس ..
اي استفسار او سؤال انا حاظر ..
لا تنسوني من صالح دعائكمــ
حاتم الشهري
شركة دعمـ
ارجو
تقيم الموضوع ..
تحياتي