استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
10-31-2013, بتوقيت غرينيتش 02:21 AM
#1
لاول مره درس مفصل شامل متكامل لبرمجة هاك product vb من الألف للياء
ظ„ط§ظˆظ„ ظ…ط±ظ‡ ط¯ط±ط³ ط´ط§ظ…ظ„ ظ…طھظƒط§ظ…ظ„ ظ„ط¨ط±ظ…ط¬ط© ظ‡ط§ظƒ vb ظ…ظ† ط§ظ„ط£ظ„ظپ ظ„ظ„ظٹط§ط،


انقل لكم أخوانى أحد الدروس من دورة برمجة الهاك productات التى قمت بعملها وهو درس مفصل شامل اجتهدت فيه
بكل ما أعرف لاخراجه بهذه الصورة, راجيا من العلى القدير ان تعم الفائدة من هذا الموضوع
نظرا لان هذا الموضوع لم يشرح طريقة من قبل لذلك حبيت اكتبه لكم
وأشكر الاخ العذاب على دورته الرائعة فى برمجة الهاك productات,
وانا بعتبر هذا الدرس مفصل استكمال لدورته والتعامل مع الجانب البرمجة فى التعامل بالهاك productات
والتركيز على الأمثلة العملية
نبدأ على بركة الله ......................

ننطلق معكم اخوانى الكرام من هذا الدرس مفصل, بالتطبيقات العملية , والتى هى أهم ما سيميز دورتنا ,وسوف نتناول برمجة أكثر من
هاك product سويا إلى ان نصل لمستوى جيد
فى برمجة الهاك productات ونتعرف بتعمق على كيفية التعامل برمجيا مع أكبر البرمجيات وهى ال vbulletin
اولا:ما هو هذا الهاك product؟
هذا الهاك product سوف تستطيع من خلاله وضع بنر اعلانى فى زوايا المنتدى forum سواء اليسرى او اليمنى
وهذه صورته:

ثانيا: كيف نخطط لبرمجة اى هاك product , وليكن على سبيل المثال الهاك product اللى راح نبرمجه سويا وهو هاك product الاعلانات بزوايا المنتدى forum ؟
اجابة هذا السؤال سوف تعرفها فى هذا المخطط اللى قمت بعمله وراعيت الدقة وترتيب الخطوات فى تنفيذ خطوات برمجة الهاك product
شوف الصورة لتعرف مخطط الدرس مفصل لبرمجة هاك product الاعلانات بزوايا المنتدى forum

بهيك تمام من المخطط راح ننفذ برمجة الهاك product خطوة خطوة...........
اولا: عمل product للهاك product :
اذهب للمنتج pluginات والاضافات --> التحكم بالمنتج pluginات --> اضافة/استيراد منتج plugin
ثم نقوم بعمل منتج plugin للهاك product وحفظه:

تمام انتهينا من الجزء الأول.......
ثانيا: عمل القوالب الخاصة بالهاك product templates
من الاستايل styleات والقوالب --> التحكم بالأستايل styleات --> اضافة قالب template جديد
1- عمل قالب template hbd_cb
وظيفة القالب template: لتفعيل الهاك product او تعطيله مع اضافة ربط الموقع المراد الاعلان له .
كود code القالب template:
رمز Code:
<if condition="$vboptions[hbd_cb_enabled]==1"> <a id="<if condition="$vboptions[hbd_cb_placement]==1">topright<else />topleft</if>" href="/$vboptions[hbd_cb_url]"></a> </if>

شرح طريقة الكود code: كما علمنا سابقا سوف نستخدم الxml فى كتابة أكواد القوالب,
1- راح نستخدم حاله شرطية بحيث اذا كان الهاك product مفعل عن طريق الجملة joomla الاتية :
رمز Code:
<if condition="$vboptions[hbd_cb_enabled]==1"> </if>
ودائما فى الvb المتغيرات يتم وضعها كالاتى:
رمز Code:
vboptions[$xx]
بحيث xxx يقصد بها المتغير
2-بعد التأكد من ان الهاك product مفعل, سوف يقوم الكود code باظهار الاعلان سواء بالزاوية او اليسرى مع تخصيص رابطه الذى تم فى وضعه فى خيارات الهاك product, والتى سوف تشرح طريقة فيما بعد
رمز Code:
<a id="<if condition="$vboptions[hbd_cb_placement]==1">topright<else />topleft</if>" href="/$vboptions[hbd_cb_url]"></a> </if>
2- عمل قالب template hbd_trc_css
وظيفة القالب template: وضع الاعلان بالزاوية اليمنى بالمنتدى forum
كود code القالب template:
رمز Code:
<if condition="$vboptions[hbd_cb_enabled]==1 AND $vboptions[hbd_cb_placement] == 1"> <style type="text/css"> #topright { position:absolute; right:0; top:0; display:block; height:125px; width:125px; background:url(images/misc/hbdtrcbanner.gif) no-repeat; } </style> </if>

شرح طريقة الكود code:
1-اذا كان الخيار 1 كان مفعل(يعنى الاعلان بالفعل بالزاوية اليسرى) ثم تم اختيار الخيار 1 ( اللى هو اليمين أيضا) من خيارات
اعدادت الهاك product
قم بتنفيذ هذا القالب template:
رمز Code:
<if condition="$vboptions[hbd_cb_enabled]==1 AND $vboptions[hbd_cb_placement] == 1">
3- عمل القالب template hbd_tlc_css
وظيفة القالب template: وضع الاعلان بالزاوية اليسرى بالمنتدى forum
كود code القالب template:
رمز Code:
<if condition="$vboptions[hbd_cb_enabled]==1 AND $vboptions[hbd_cb_placement] == 2"> <style type="text/css"> #topleft { position:absolute; left:0; top:0; display:block; height:125px; width:125px; background:url(images/misc/hbdtlcbanner.gif) no-repeat; } </style> </if>
شرح طريقة الكود code: هو نفس السابق لكن الاختلاف انه لو تم اختيار الخيار القانى 2لتغيير مكان الهاك product (وهو خيار الزاوية اليسرى )
شوف الصورة هذه من خيارات المنتدى forum لهذا الهاك product لتفهم المطلوب:

بهيك انتهينا من الجزء الثانى من برمجة الهاك product ............
ثالثا:شرح طريقة برمجة البرامج المساعدة للهاك product plugins:
هذه الجزئية هى تقريبا أهم جزئية فى الهاك product, لان البرامج المساعدة هى اللى راح تنفذ وظيفة الهاك product الذى تم تسخيره لوظيفة معينة ليقوم بها
1-عمل البلجن hbd corner banner - main
وظيفة البلجن : تنفيذ الهاك product فى قالب template ال header
كود code البلجن :
رمز Code:
$hbd_cb = '<!-- logo -->'; $vbulletin->templatecache['header'] = str_replace($hbd_cb,$hbd_cb.fetch_template('hbd_cb '),$vbulletin->templatecache['header']);

شرح طريقة الكود code:
1- عمل متغير وقيميته <-- logo --!>ثم بعد ذلك
2-سوف نقوم بتنفيذ الهاك product فى القالب template اللى اسمه header
رمز Code:
$vbulletin->templatecache['header']
3-سوف نقوم باستخدام الدالة str_replace, لتقوم بالبحث عن العبارة <-- logo --!> فى قالب template الheader , ثم استبدال
هذه العبارة بكود code القالب template
اللى اسمه hbd_cb
رمز Code:
str_replace($hbd_cb,$hbd_cb.fetch_template('hbd_cb '),$vbulletin->templatecache['header']);
ملاحظات خارجيه :
1-لتنفيذه كود code فى قالب template نستخدام العبارة الاتية:
رمز Code:
templatecache['xx'];
حيث xx هى اسم القالب template
2- لجلب قالب templateا ما , سنستخدم العبارة الاتية:
رمز Code:
fetch_template('xx');
حيث xx هى اسم القالب template المراد جلبه .......
2-عمل البلجن hbdcornerbannercache
وظيفة البلجن : تجميع الثلاث قوالب الخاصة بالهاك product فى مصفوفة يمكن استدعاء قيمها فى اى وقت
كود code البلجن :
رمز Code:
$globaltemplates = array_merge($globaltemplates, array ( 'hbd_tlc_css', 'hbd_trc_css', 'hbd_cb', ));
شرح طريقة الكود code: استخدمن مصفوفة ادراج مصفوفة فى اخرى array_merge لتجميع القوالب الثلاثة معا
3- عمل البلجنhbdcornerbannercssoptions
وظيفة البلجن : تنفيذ وضع مكان الاعلان بالمنتدى forum سواء بالزاوية اليمنى او اليسرى
كود code البلجن:
رمز Code:
} $vbulletin->templatecache['headinclude'] = str_replace($hbd_cb_tlc,$hbd_cb_tlc.fetch_template ('hbd_tlc_css'),$vbulletin->templatecache['headinclude']); $hbd_cb_tlc = '<!-- / CSS Stylesheet -->'; { else } $vbulletin->templatecache['headinclude'] = str_replace($hbd_cb_trc,$hbd_cb_trc.fetch_template ('hbd_trc_css'),$vbulletin->templatecache['headinclude']); $hbd_cb_trc = '<!-- / CSS Stylesheet -->'; {if($vbulletin->options['hbd_cb_placement'] == 1 )

شرح طريقة الكود code:
لو الهاك product مفعل بالخيار 1 اللى هو نعم
حدد المتغير وتكون القيمة الخاصة به وهى <!-- / CSS Stylesheet --> , وهى عبارة هتستخدم للبحث فى القالب templateheadinclude
ثم استخدام دالة str_replace لايجاد هذه الجملة joomla ثم استبدلها بقالب template سواء قالب template جعل الاعلان بالزاوية اليسرى
او باليمنى
بهيك يكون جزء برمجة البرامج المساعدة انتهى, وان شاء الله تكونوا استوعبتوا هذا الجزء لانه مهم جدا
رابعا: عمل اعدادات الهاك product :
اذهب لخيارات المنتدى forum --> ثم اختار اضافة مجموعة اعدادت جديدة
قم بعمل مجموعة اعدادت لهذا الهاك product كما هو موضع بالصورة :

أهم شىء هو اسم المتغير وسوف يكون متغيرنا لهذه الخاصية هو hbd_cb
وهو سوف يلعب على محورين على حسب ما هو مكتوب فى قالب template hbd_cb فى هذه الجملة joomla
رمز Code:
<if condition="$vboptions[hbd_cb_enabled]==1">
وقيمته هى 1 اى انه مفعل
2- اضافة خيارات لهذا الهاك product:
اولا: اضافة خيار تفعيل الهاك product او لا:
اختار اضافة اعداد ثم قم بالاتى:

اولا : شوف اسم المتغير اللى راح يلعب عليه هذا الخيار وهو hbd_cb_enabled
وهذا المتغير موجود فى القالب template hbd_cb
شوف كود code الخيار عبارة عن تحديد شكل الزر ويكون دائرى piped وتحديد القيم له
رمز Code:
radiopiped 1|نعم 2|لا
ثم فى خانة الافتراضى كتبتا الرقم واحد, اى انه مفعل فى الحالة طبيعية
ثانيا: اضافة خيار رابط الموقع المراد الاعلان له :

لاحظ اسم المتغير وهو hbd_cb_url وهو ايضا موجود بالقالب template hbd_cb
وخانة الافتراضى راح يكون هو رابط الموقع الافتراضى اللى المفروض يظهر
ثالثا: اضافة خيار مكان الاعلان , هل بالزاوية اليسرى ام اليمنى
شوف الصورة:

ولاحظ المتغير اللى راح يلعب عليه هذا الخيار وهو hbd_cb_placement
وهو موجود بالقالب template hbd_cb
ولاحظ كود code الخيار كالسابق:
بهيك تكون انتهت مجموعة اعدادت الهاك product
نشوف صورة لها:

وبهيك نكون انتهينا من برمجة الهاك product الخاص بنا
لتحميل الهـــــــــــــــــاك اضغـــــــــــــط هـــــــــــــــــــــنا
بهيك يكون انتهى درس مفصلنا اليوم
وان شاء الله التطبيقات العملية بمجرد اضعها فى الموقع عندى
سوف انقلها لكم ان شاء الله
لا أريد سوى دعوه صالحه عن ظهر غيب
أخوكم vista-design

©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة salima في المنتدى تقنيات المواقع SEO و XML و RSS و محركات البحث و الأرشفة
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 09:21 PM
-
بواسطة loulou ange في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:39 PM
-
بواسطة salima في المنتدى مدونة وورد بريس WordPress
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:51 AM
-
بواسطة said في المنتدى القسم العام لتطوير المواقع
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:28 AM
-
بواسطة admin في المنتدى دروس و تقنيات عالم التصميم
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 05:27 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى