اقتباس :

يرجـى الانتظار لتحميل جميع الصور

السلام عليكم ورحمه الله وبركاته ؛؛ اخوانى تعرفنا فى الدرس الماضي كيفيه عمل وصلات هامه للمنتدى وهذا الدرس شبيه له

وهو كيف انشأ مجله لمنتداى ؟

كيف يمكننى عمل مجله للمنتدى سهله وبسيطه ولاتحتاج الى اكواد

كيف استطيع ذلك ؟!! وانا مبتدأ ؛؛

للأجابه ع تلك الاستفسارات تابع معى الموضوع الى اخرة

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

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

تابع معى على بركه الله "نبدأ " شرح عمل مجله فى اقل من 10 دقايق وبطريقه سهله وبسيطه للجميع من طرف اخوكم ايجى جوست

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ


اولا تفضل بالدخول الى لوحه الاداره من اسفل المنتدى



Www.****.Com/AdMin

- استبدل النجوم برابط منتداك


بعد ذلك عناصر اضافيه >> اعدادات صفحات البوابه " كما فى الصورة "

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/113.png

بعد ذلك اضغط على مكونات البوابه - كما فى الصورة -

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/211.png

ثم انشاء عنصر شخصى

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/311.png

اكتب اسم العنصر >> ثم سجل

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/412.png

ستظهر لك رساله تفيد بأنه " تم تجديد اعدادت البوابه "

اضغط ع الرجوع الى جدول تعديل العناصر

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/511.png

ارجوا التركيز قليلا
1 - اضغط ع " عناصر شخصيه مستقله "
2 - اختر اسم العنصر من العناصر فى جدول الاضافه/الازاله كما فى تلك الصورة

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/611.png

3 - اضغط اضف العنصر كما موضح اعلاه

ـــــــــــــ اليا سيتم اضافه العنصر ــــــــــــــ

بعد ذلك اضغط تعديل كما فى الصورة

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/711.png

ثم نشط الهتمل كما فى الصورة اجعله باللون الاحمر هكذا

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/811.png

بعد الضغط سوف تظهر لك رساله " اضغط هنا للعوده "

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/911.png

بعد ذلك اضعط ع ايقونه ادخال جدول

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1011.png

ادخل البيانات كما فى الصورة

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1111.png

لأدخال الصورة اضغط ع هذة الايقونه

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1211.png

ثم اضغط سجل

هنا خلاص الصوة نزلت

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1311.png

اعمل زى مافى الصورة

1- دوس كليك شمال
2- دوس من الكى بورد Ctrl C
3-روح للخانه الثانيه ودوس من الكى بورد Ctrl V ونفس النظام فى الخانه الثالثه

ـــــــــــــــــــــــــــــــــــــ ؛؛؛ ـــــــــــــــــــــــــــــــــــــــــ


دلوقتى ركز فى الصورة لأننا هنعمل " صندوق للوصف " علشان المجله يبقا شكلها جميل ..؛؛...





طبعا احنا عملنا الثلاث صور المفترض صور التوبيكات اللى هما دى





دلوقتى هنعمل الوصف فى الخانات الثلاث الاسفل

ملحوظه : الجدول 9 خانات

اول ثلاث خانات دول صور المواضيع
ثانى ثلاث خانات دول وصف المواضع
اخر ثلاث خانات دول صورة الداونلود

ــــــــــــــــــــ

يبقا حاليا فى ثانى ثلاث خانات

هندوس ع كل خانه منهم كليك شمال زى اللى فى الصورة دى تانى

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1412.png[

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

ونكرر العمليه فى الخانتين التانين

ـــــــــــــــــــ


كدا تمام اوى صناديق الوصف نزلوا زى اللى فى الصورة هنا

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1511.png

دلوقتى هننزل ع اخر ثلاث خانات علشان نعمل فيهم صورة الداونلود

اللى هيا دى

1 - هندوس كليك شمال جوا الجدول
2 - هندوس ع ايقونه اضافه صورة وندخل رابط الصورة وندوس موافق

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1611.png

كدا صورة الداولنود نزلت خلاص

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1710.png

ننسخ الصورة ونلصقها فى الخانتين اللى جمبها

وندوس سجل

دلوقتى عندنا الشكل دا

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1810.png

دا مبدأيا شكل المجله وهقولك دلوقتى تحتفظ بالكود زى ماهو

هيبقا سهل عليك بعد كدا التعديل واضافه مواضيع جديده ع المجله

- دلوقتى عاوزين نسيف الكود ع الجهاز لأنه هنستخدمه ع طول بعد كدا

هنعطل الهتمل علشان الكود يظهرلنا

هندوس ع ايقونه الهتمل دى

زى مافى الصورة

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/1910.png

هتظهرلنا رساله اضغط هنا للعوده

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2010.png

دوس ع كلمه اضغط هنا للعوده الى نافذه التعديل


دلوقتى الهتمل معطل والكود ظاهرلنا زى مافى الصورة كدا

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2112.png

هنحدد الكود CtRl a وبعد كدا ننسخه CtRL V

نروح نفتح تكست ونسيف الكود فيه

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2210.png

بعد فتح الـ NotePad نعمل بيست Ctrl v للكود وبعد كدا نسيفه ع الجهاز

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2310.png

دلوقتى لو عاوزين نزين ونجمل المجله

مثلا ع سبيل المثال ممكن نحط بنر المواضيع الرئيسيه



او المواضيع المثبته



هندوس ع ايقونه اضافه صورة وبعد كدا نحط الرابط >> ثم موافق



والنتيجه هتكون

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2510.png

بعد تعطيل الهتمل هيظهرلنا الكود

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2610.png

والكود جاهز اهوة

الكود:

[center][img]http://i69.servimg.com/u/f69/14/89/59/89/ououuo11.jpg[/img]
[/center]

ودا كود المواضيع المثبته

الكود:

[center][img]http://i69.servimg.com/u/f69/14/89/59/89/ouuuoo10.jpg[/img]
[/center]

دلوقتى معانا الاكواد جاهزة

بعد كدا حبينا نضيف مواضيع جديده ع المجله سهل جدا هنضيف الكود ونشتغل عادى جدااااااا من غير اى مشاكل او تعب



السهم الاولانى موضح ان دة بنر المواضيع الرئيسيه

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2810.png

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

دلوقتى هننشط الهتمل زى مافى الصورة بالضغط على

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/2910.png

هتظهر رساله العوده الى نافذه التعديل

اضغط عليها




والان النتيجه

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/3110.png

اخر خطوة لما نحب نعدل ونضيف المواضيع

نعمل زى مافى الصورة كدا بالظبط

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/3210.png

" الصورة موضحه نفسهــا " ...؛؛...

النتيجه النهائيه بأذن الله

الكود:

http://i69.servimg.com/u/f69/14/89/59/89/ouuous10.jpg

وهديه منى ليكم

كود كامل يسع 50 موضوع ستقوم انت فقط بالتعديل عليه مع استبدال الروابط والصور

حمله من المرفقات


ايقونات هامه :

ادخال وصله

توسيط الصور او الجمل

ادخال صورة

ادخال جدول

ايقونه الخط العريض

ايقونه لون الحرف , ايقونه لون الملأ

الهتمل نشيط , الهتمل معطل


ارجوا عدم حذف الحقوق من الكود المرفق




انا شخصيا افضل انت اللى تحاول وتعمل والمجله " مش هتكمل 10 دقايق معاك "

الكود مرفق وجاهز لمن يريده

وان شاء الله تكونوا استفتدوا

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

الموضوع كامل الشروحات " صور واكواد الخ " مفتوح للجميع اعضاء وزوار كرام لاتنسونا من صالح الدعاء

وفى النهايه اتمنى يكون شرحى المتواضع نال اعجابكم ؛؛....

تحياتـــى لكــم جميعـــا EgY Ghost

انتظروا القادم بأذن الله

حمل من المرفقات






موضوع تكميلي لموضوع طريقه عمل مجله للمنتديات " كيفيه عمل أكثر من صفحه للمجله "

اى استفسار يوضع هنـــا
[قــسـم خــاص بــ] مشاكل وحلول وطلبات واستفسارات الاعضاء

بجد يا ايجى مبدع والله ،، تسلم ايدك يا معلم ،، ومن تقدم لتقدم بأذن الله

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

kstr كتب:

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

شكرا لمرورك ياباشا

منورنا حبيبى ..؛؛....

اولا: شكرا ليك علي الموضوع الجميل ده ومجهودك الرائع
ثانياً : افرض اني عملت صفحة زي ما انت شارح كده بعد ما اخلص صفحة المجلة دي , ازاي اعمل صفحة ثانية وثالثة وكده زي موقع ماي ايجي مثلا

وشكرا لك

اهلا صديقى

شكرا ع مرورك

الامر بسيط للغايه بأذن الله

وسأحاول اليوم عمل شرح مصور بذلك

انتظرنــى

شكرا لك علي المتابعة
وانا في انتظارك

هل انتهيت من الموضوع ام لا
انا ممكن افهم منك الشرح عادي من غير صور او لو لسه الموضوع مكملش

شكرا جزيلا لك اخي الحبيب

[code]<div style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/ouuuoo10.jpg"><br></div>



<span class="postbody"></span><table width="100%" align="baseline" border="3" cellpadding="1" cellspacing="2">
<tr align="baseline">
<td style="text-align: center;">&nbsp;<img src="https://i.servimg.com/u/f69/14/89/59/89/uousoo12.jpg"> <br></td>
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/uousoo12.jpg"></td>
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/uousoo12.jpg"></td>
</tr>
<tr align="baseline">
<td><table width="100%" align="middle" border="1" cellpadding="1" cellspacing="1">
<tr align="middle">
<td><br></td>
</tr>
</table></td>
<td><table width="100%" align="middle" border="1" cellpadding="1" cellspacing="1">
<tr align="middle">
<td><br></td>
</tr>
</table></td>
<td><table width="100%" align="middle" border="1" cellpadding="1" cellspacing="1">
<tr align="middle">
<td><br></td>
</tr>
</table></td>
</tr>
<tr align="baseline">
<td style="text-align: center;"><span class="postbody"><img style="display: inline;" class="" src="https://i.servimg.com/u/f69/14/89/59/89/oouuuu11.png" alt="" border="0"></span></td>
<td style="text-align: center;"><span class="postbody"><img style="display: inline;" class="" src="https://i.servimg.com/u/f69/14/89/59/89/oouuuu11.png" alt="" border="0"></span></td>
<td style="text-align: center;"><span class="postbody"><img style="display: inline;" class="" src="https://i.servimg.com/u/f69/14/89/59/89/oouuuu11.png" alt="" border="0"></span></td>
</tr>
</table><br><div>


</div><br><img src="https://i.servimg.com/u/f69/14/89/59/89/ououuo11.jpg"><br><table style="text-align: left; margin-left: 0px; margin-right: auto;" width="100%" border="3" cellpadding="1" cellspacing="2">
<tr align="baseline">
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/uousoo12.jpg"><br></td>
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/uousoo12.jpg"><br></td>
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/uousoo12.jpg"><br></td>
</tr>
<tr align="baseline">
<td><table width="100%" align="middle" border="1" cellpadding="1" cellspacing="1">
<tr align="middle">
<td><br></td>
</tr>
</table></td>
<td><table width="100%" align="middle" border="1" cellpadding="1" cellspacing="1">
<tr align="middle">
<td><br></td>
</tr>
</table></td>
<td><table width="100%" align="middle" border="1" cellpadding="1" cellspacing="1">
<tr align="middle">
<td><br></td>
</tr>
</table></td>
</tr>
<tr align="baseline">
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/oouuuu11.png">&nbsp;&nbsp; </td>
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/oouuuu11.png"><br></td>
<td style="text-align: center;"><img src="https://i.servimg.com/u/f69/14/89/59/89/oouuuu11.png"><br></td>
</tr>
</table>