المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تصميم وتركيب install توقيع متغير .. خاص بألبوم الصور 4images .. لأصحاب المواقع



salima
10-30-2013, بتوقيت غرينيتش 03:51 AM
بسم الله الرحمن الرحيم

في بداية الامر .. احب اوضح ان هذا الدرس مفصل .. للاسف يفيد فقط اصحاب المواقع .. واخص منهم من يمتلك على موقعه برنامج البوم الصور 4images


بسم الله نبدأ

اولا نعطيكم مثال على الدرس مفصل

http://www.mr-sa.com/gallery/signature.php (http://www.mr-sa.com/gallery/)

يمكن البعض يشوف التوقيع عادي ويقول وش من جديد فيها ؟

انا اقول لك سوي تحديث update للصفحة الان .. بتلاقي الصورة التي على اليسار تغيرت .. وفي كل مره تفتح فيها هالصفحة بتلاقي الصورة تغيرت .. اي بمعنى اخر عند كل مره يشوف احد هذا التوقيع راح يشوف صورة عشوائية من مكتبة الصور في الموقع .. هذا أمر
الأمر الآخر .. هو البيانات والمعلومات التي في اليمين ؟

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

images ---------> عدد الصور في الموقع ..وكم صورة جديدة في المكتبة

Members ---------> عدد الأعضاء المسجلين في مكتبة الصور

Categories ---------> عدد الاقسام في مكتبة الصور

Online ---------> عدد الاعضاء المتواجدين حاليا في المكتبة ( ويوضح لنا كم عضو و كم زائر )

Newest member ---------> اخر الاعضاء المسجلين في المكتبة

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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


في البداية سوف نقوم بتصميم نموذج ببرنامج الفوتوشوب مشابه لما في المثال او مقارب له .
وبخصوص اللي يبغي يتخطى خطوة التصميم .. يقدر يحمل النموذج من المرفقات .. وهو كما في المثال جاهز لعيونكم :1d:


نأتي الان لمرحلة التصميم :

اولا ً : نفتح برنامج الفوتوشوب .. ونفتح عمل جديد بمقاس ما يقارب 450 للعرض و 100 للإرتفاع

http://www.mr-sa.com/droos/upsa/twge3/1.jpg

ونبدا بعمل خلفية او برواز للتوقيع بشكل مشابه للشكل التالي ..




http://www.mr-sa.com/droos/upsa/twge3/2.jpg

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


الان بعد عمل النموذج .. نأتي لخطوه هامة جدا جدا .. وهي خطوة حفظ العمل
ويتم ذلك من خلال الكيبورد نضغط على : Alt + Control + Shift + S

بيفتح لنا الان نافذة حفظ العمل .. ونختار منها الإمتداد png كما هو بالصورة التالية

http://www.mr-sa.com/droos/upsa/twge3/3.jpg

مثل ما تشوفون اخترنا png ومهم جدا يكون هذا امتداد الحفظ ..

ونحفظ بعدها العمل باختيار Save

ونسمي الصورة باسم : signature << الاسم إلزامي .. يعني لا تسميها غير كذا


الان حمل الملف التالي

http://www.mr-sa.com/droos/upsa/twge3/signature.rar

سوف تجد فيه ملف php باسم signature

افتح الملف ببرنامج المفكره ... وسوي بحث عن العنوان التالي Mr-sa.com واستبدله بعنوان موقعك

بكذا نكون انتهينا من التصميم التجهيز باقي لنا الرفع على الموقع

طبعا الان تكون عندنا ملفين .. واحد ملف النموذج اللي هو التوقيع اللي عملناه وهو باسم signature.png
والاخر ملف البي اتش بي وهو باسم signature.php

نقوم الان برفع هذين الملفين من خلال احد برامج الاف تي بي .. نرفعها بداخل مجلد البوم الصور الذي بموقعنا

الان .. انتهى الدرس مفصل .. وباقي لنا كيفية عرض التوقيع في المنتدى forum او ما شابه .. ناخذ الرابط التالي :

http://www.xxxxx.com/gallery/signature.php

ونقوم بالتعديل على xxxxx باسم موقعك و gallery هو اسم مجلد ألبوم الصور قم بتغييره الى نفس اسم المجلد لديك .. وبعدين نسوي نسخ للرابط

ونذهب الان للمنتدى .. ونتعامل مع هذا الرابط كأننا نريد اضافة صورة في التوقيع .. نضغط على زر اضافة صورة في توقيعك ونضيف هذا الرابط

وبكذا بتلاقي التوقيع شغال معك .. بإذن المولى عز وجل

بالنسبه للي تخطوا مرحلة التصميم .. ويبغون النموذج تبع خلفية التوقيع جاهز كما في المثال .. يحملها من هنا

http://www.mr-sa.com/droos/upsa/twge3/signature2.rar

:: انتهى الدرس مفصل والشرح طريقة ::

ولتحميل الدرس مفصل كاملا على جاهزك في ملف وورد .. من هنا
http://www.mr-sa.com/droos/upsa/twge3/twge3.rar


الرابط الأصلي للدرس مفصل من هنا
http://www.mr-sa.com/droos/show.php?lessid=225


وانا حاضر لأي استفسار بخصوص الدرس مفصل

لكم من الود أطيبه
عبد الله




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى