الويب العربي - برمجة بلوك لانفنتي يحوي عدّة جمل تتغيّر مع تحديث الصفحة .مع امكانية اضافة صور

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

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

برمجة بلوك لانفنتي يحوي عدّة جمل تتغيّر مع تحديث الصفحة .مع امكانية اضافة صور

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

نظراً لتعدّد طلب البلوك على الويب وبالتذاكر لأهميّته عند البعض

فالكثير يريد اضافة مجموعة من الجمل الخاصّة باتّجاهات موقعه

تتجدّد مع كل دخول للصفحة أو مع تحديث الصفحة

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

وسأقوم بشرح وتفصيل كيفية الحصول على هذا البلوك

وأتمنّى أن يكون الشرح بالنهاية واضح ومفيد للجميع

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

الخطوات

أوّلا قم بفتح ملفّ تكست عادي ببرنامج المفكّرة لنبدأ في كتابة الكود الخاص بالجُمَل به كما يلي

بداااية هذا نموذج لكود يحتوي على 3 جمل مختلفة
بـ 3 عناوين مختلفة

كود:

<?

$linkarray = array(

"|<u><b>دعاء من أصابته مصيبة</b></u><br>ما من مسلم تصيبه مصيبة فيقول كما أمره الله أنا لله وأنا إليه راجعون ، اللهم أجرني في مصيبتي واخلف لي خيراً منها إلا أخلف الله له خيراً منها ",

"|<u><b>دعاء الهم والحزن</b></u><br>ماأصاب عبداُ هم ولاحزن فقال : اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي",

"|<u><b>دعاء الغضب</b></u><br>أعوذ بالله من الشيطان الرجيم ");

srand((double)microtime()*1000000);

$randval = rand(0,count($linkarray)-1);

$entry = explode("|",$linkarray[$randval]);

$content = "$entry[1]";

?>

ويجب مراعاااة الحفاظ على بدايات الكود ونهاياته الملوّنة بالأحمر
مع جميع علامات الترقيم من الفاصلة والفاصلة المنقوطة وغيرها

لشرح تركيب كل سطر على حدة وعلامات ترقيمه لسهولة التعديل سنأخذ سطرا بسيطا كهذا

كود:

"|دعاء الغضب أعوذ بالله من الشيطان الرجيم "

فنجد أنه يبدأ باقواس مزدوجة " مع داش وينتهي بنفس الأقواس "
إن كان متبوعاً بجملة أخرى سيكون بعد القوس هذا " فاصلة كهذه

كود:

,

أمّا آخر جملة في الكود فسنجدها غير متبوعة بتلك الفاصلة

== من الواضح بالطبع ان دعاء الغضب هو العنوان
تمّ وضعه بين اكواد لجعل الخط غليظ
 لوضع خطّا تحت الأسطر
ومن ثمّ غلق الأكواد

واستخدم الكود 
لبدء الدعاء نفسه او مضمون الكود فى سطر جديد

يمكنك بسهولة استبدال الكلمات فى الكود السابق
وبالاستعانة بالشرح يمكنك اضافة عدد لا نهائي من الجمل الأخرى بتكرار السطر بالجمل وعناوينها كما تريد
مع المحافظة على علامات الترقيم وسلامة الأكواد الموضّحة

هذه أهمّ خطوة في البلوك وهى شرح كود البلوك نفسه

وهذا شكله بعد الإعتمااد بانفنتي

و لإدراج صورة مع البلوك مثل هذه

فشرح الكود الخاص بها هنا

http://www.arabwebtalk.com/showpost....p ostcount=17

لحفظه واعتماده بانفنتي فسيكون فى المشاركة القادمة ان شاء الله

الباقي من الخطوات سهل ان شاء الله

الخطوة الثانية :

قم بحفظ الملف الذي انشأته بعد كتابة الكود بالاسم الذي تريد شرط ان يكون على هذا المنوال

block-name.php

اى فقط استبدل الـ name بالاسم الذي تريده

الخطوة الثالثة :

قم برفع الملف الى داخل مجلد blocks بمسار انفنتي الرئيسي على موقعك

الخطوة الرابعة

قم بتفعيل القالب من خلال

نماذج وقوالب >> اضافة قالب >> اختر اسم ملف القالب الذي أضفته

اختر يمينا او يسارا او وسط مع التفعيل

ومبرووك عليك قالب من صنعك بالجمل التي تريد وتتحدّث تلقائيّا مع دخول الموقع

.

اطيب تحية

.

مشكورة دكتورة نجلاء على الشرح الوافي

بارك الله فيكِ

العفو أستاذي :)

وأتمنّى الإستفادة منه للجميع ..كلّ بحسب تخصص موقعه واحتياجه

تحيتي وتقديري لك

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

وبارك فيك أستاذي

بالنسبة للقوالب فهي تقبل اكواد الجافا اسكربت والـ htmlولن تقبل اكواد الـ php مباشرة

برأيى كلا الطريقتين لهما نفس كثافة الخطوات

فأنت ستقوم بالتعديل على ملف النوتباد لاضافة الجمل

وإما أن تنسخ المحتوى بداخل القالب فى حالة الجافا اسكربت
او ترفعه كملف php بداخل مجلد الblocks

ومن ثمّ ستفعّل القالب في الحالتين

لا أعتقد ان هناك كود جافا سكربت يوفي بنفس الغرض
ولكن قد أبحث عن شئ مشابه ان وُجِد ان شاء الله

اطيب تحية

تحية عطرة لجهودك اختنا نجلاء
وافكار تطويرية تدعونا للتمسك بانفينتي
الف شكر لكم

شكرا اختنا نجلاء لا حرمناك

الله يعطيك العافية

كى بورد

أبو الودّ

العفو
وان شاء الله يكون هناك المزيد بحسب تفرّغنا في الدعم

أتمنى الاستفادة للجميع

اطيب تحية

شرح أكثر من رائع

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

بارك الله فيكم عمل جدا رائع

شكرا لتعاونكمـــــــــــــــــ ــــــــــــــــــــــ

بارك الله فيك

ممتاز الشرح ياغاليه نجلاء

الله يوفقك ان شاءالله

================

لكن عندي استفسار

هل بامكاني وضع صور ويكون تحتها كلام
ومع كل تحديث تتغير ؟

الشكر للجميع على ذووق تواجدكم هنا

إقتباس:

اقتباس من مشاركة alleewan (المشاركة 576652)

لكن عندي استفسار

هل بامكاني وضع صور ويكون تحتها كلام
ومع كل تحديث تتغير ؟

القالب يقبل كلمات فقط استاذي الكريم

الصور اعتقد سيناسبها بلوكات الجافا سكربت والاتش تي ام ال أفضل

تحيتي لك وللجميع

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

كود PHP:


		
			
<?

$linkarray = array(

"|<u><img src=\"http://domain.com/header.gif\"  border=\"0\"><b>دعاء من أصابته مصيبة </b></u><br>ما من مسلم تصيبه مصيبة فيقول كما أمره الله أنا لله وأنا إليه راجعون ، اللهم أجرني في مصيبتي واخلف لي خيراً منها إلا أخلف الله له خيراً منها ",

"|<u><b>دعاء الهم والحزن</b></u><br>ماأصاب عبداُ هم ولاحزن فقال : اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي",

"|<u><b>دعاء الغضب</b></u><br>أعوذ بالله من الشيطان الرجيم ");

srand((double)microtime()*1000000);

$randval = rand(0,count($linkarray)-1);

$entry = explode("|",$linkarray[$randval]);

$content = "$entry[1]";

?>

يفترض بهذا الكود آن يعمل
لم آقم بتجربته
لكن جرب وآن شاء الله سيكون يعمل :)
طبعا يحتاج الى المزيد من التعديل عليه

إقتباس:

اقتباس من مشاركة kahahah65 (المشاركة 576699)

كود PHP:


		
			
<?

$linkarray = array(

"|<u><img src=\"http://domain.com/header.gif\"  border=\"0\"><b>دعاء من أصابته مصيبة </b></u><br>ما من مسلم تصيبه مصيبة فيقول كما أمره الله أنا لله وأنا إليه راجعون ، اللهم أجرني في مصيبتي واخلف لي خيراً منها إلا أخلف الله له خيراً منها ",

"|<u><b>دعاء الهم والحزن</b></u><br>ماأصاب عبداُ هم ولاحزن فقال : اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي",

"|<u><b>دعاء الغضب</b></u><br>أعوذ بالله من الشيطان الرجيم ");

srand((double)microtime()*1000000);

$randval = rand(0,count($linkarray)-1);

$entry = explode("|",$linkarray[$randval]);

$content = "$entry[1]";

?>

يفترض بهذا الكود آن يعمل
لم آقم بتجربته
لكن جرب وآن شاء الله سيكون يعمل :)
طبعا يحتاج الى المزيد من التعديل عليه

بالعكس استاذي
يسعدني تعاون الجميع هنا
بالفعل انا جرّبت اضافة الصورة بالتعديل واضافة كود الايمدج مرتبط بلينك قبل ردّي هنا
ولكن تسبّب في تعطّل البلوك ولم أدرِ لِمَ صرااحة

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

واكرر شكري لك على المتابعة والتعاون
وتأكد ان المجال مفتووح دائما للجميع

اطيب تحيّة

أستاذي الكريم

بالفعل عمل الكود وكان الخطأ في التعديل لديّ
في وضع اقواس مفردة فقط " " حول العرض والارتفاع وقمت بتصحيحه

فاكرر شكري لك

طبعاً أنا عدّلت عليه

==بروابط صور فعالة للاستعراض
== تحديد عرض وارتفاع الصورة لتخفيف العبء على صاحب الموقع
==جعل الصورة بسطر منفصل لكي تعطي شكلا اكثر تناسقا

النتيجة

الكوود النهائي مع تعليم رابط الصور بالأحمر لمن يريد اعتماده وبالطبع تعديل روابط الصور

كود:

<? 

$linkarray = array( "|<img src=\"http://www.fara7atypharm.net/1.gif\" height=\"83\" width=\"110\"><br><u><b>دعاء من أصابته مصيبة </b></u><br>ما من مسلم تصيبه مصيبة فيقول كما أمره الله أنا لله وأنا إليه راجعون ، اللهم أجرني في مصيبتي واخلف لي خيراً منها إلا أخلف الله له خيراً منها ", 

"|<img src=\"http://www.fara7atypharm.net/2.gif\" height=\"83\" width=\"110\"><br><u><b>دعاء الهم والحزن</b></u><br>ماأصاب عبداُ هم ولاحزن فقال : اللهم إني عبدك ابن عبدك ابن أمتك ناصيتي بيدك ماضِ في حكمك ، عدل في قضاؤك أسالك بكل اسم هو لك سميت به نفسك أو أنزلته في كتابك ، أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ، ونور صدري وجلاء حزني وذهاب همي", 

"|<img src=\"http://www.fara7atypharm.net/3.gif\" height=\"83\" width=\"110\"><br><u><b>دعاء الغضب</b></u><br>أعوذ بالله من الشيطان الرجيم "); 

srand((double)microtime()*1000000); 

$randval = rand(0,count($linkarray)-1); 

$entry = explode("|",$linkarray[$randval]); 

$content = "$entry[1]"; 

?>

الرقم بعد كلمة height بالحمر لتغيير ارتفاع الصورة هنا 83
الرقم بعد كلمة width لتغيير العرض وهنا اخترتها 110

فيمكنك تعديلهما الى ما تريد
وسيقوم الكود بتصغير الصورة نلقائيا حتى لو كانت ابعادها كبيرة

بنفس الطريقة
سنكرر كل سطر وهو هذا كله

كود:

"|<img src=\"http://www.fara7atypharm.net/1.gif\" height=\"83\" width=\"110\"><br><u><b>دعاء من أصابته مصيبة </b></u><br>ما من مسلم تصيبه مصيبة فيقول كما أمره الله أنا لله وأنا إليه راجعون ، اللهم أجرني في مصيبتي واخلف لي خيراً منها إلا أخلف الله له خيراً منها ",

مع تغيير الكلمات ورابط الصورة والعرض والارتفاع بحسب ما نريد

تحيتي لك وللجميع استاذي

شكرا لكِ آختي نجلاء على تعديل الشرح و السماح بإضافة صورة مع النص
فـ العملية لم تكن صعبة :)

تقبلِ تحياتي

ممتاز الله يبارك فيكم ان شاءالله

جاري التركيب

www.i999i.com

ألف شكر لكم

وإن شاء الله إلى مزيد من التقدم