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

اذهب الى الأسفل
baderbayaa
baderbayaa
مشرف قسم المسابقات والالعاب الاعضاء
ذكر
عدد المساهمات : 989
نقاط : 55479
النشاط : 2
العمر : 29

عمل مجلة للمنتدى  Empty عمل مجلة للمنتدى

الإثنين نوفمبر 08, 2010 9:52 pm
السلام عليكم أخوانى

الكثير من الأعضاء يتساءلون عن كيفية صنع مجلة للمنتدى مع العلم أن تحديث المجلة ليس تلقائيا و لكن يتم وفقا للتعديل اليدوى الدائم و المتجدد للمجلة

هناك طريقتان لصنع المجلة

الأولى : عبر برامج الفوتوشوب و برنامج الفرونت بيدج front page و من ثم عمل الكود و نقله إلى إحدى صفحات ال html أو البوابة و هى طريقة صعبة نسبيا للمبتدئين و الغير مدركين لكيفية إستعمال تلك البرامج التصميمية

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


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

بعد مراجعة مواضيع هامة لصنع البوابة مثل :

شرح طريقة وضع الاكواد فى الصفحة الرئيسية والبوابة

شرح عدة صفحات فى البوابة

شرح مفصــل :.. انشـــاء جـــدول

و هى تقريبا كل المعلومات التى أحتجت لها حين قمت بصنع مجلتى و إليكم كود جاهز للتركيب و لكن يلزمه التعديل بالطبع

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

الرمز:
<center><table background="https://2img.net/h/oi30.tinypic.com/29cp4kj.jpg" border="1" width="220"><tbody><tr><td align="center"><h1><font size="5" face="DecoType Naskh"><font color="white"><table border="5" cellpadding="5" cellspacing="5" width="220"><tbody><tr><td><table border="3" cellpadding="3" cellspacing="3" width="210"><tbody><tr><td style="text-align: center;"><font size="4"><span style="color: Black; font-weight: bold;">الأقسام الهــــامة</span></font><br></td></tr><tr><td style="text-align: center;">أسم القسم<br></td></tr><tr><td style="text-align: center;">أسم القسم</td></tr><tr><td style="text-align: center;">أسم القسم</td></tr><tr><td style="text-align: center;">أسم القسم</td></tr><tr align="center"><td>أسم القسم</td></tr><tr align="center"><td>أسم القسم</td></tr><tr align="center"><td>أسم القسم</td></tr></tbody></table></td></tr><tr><td><table border="3" cellpadding="3" cellspacing="3" width="100%"><tbody><tr align="center"><td style="text-align: center;"><font style="color: Black;" size="4"><span style="font-weight: bold;">التبادل الإعلانى أو النصى</span></font><br></td></tr><tr align="center"><td>الصورة أو أسم المنتدى<br></td></tr><tr align="center"><td>الصورة أو أسم المنتدى</td></tr><tr align="center"><td>الصورة أو أسم المنتدى</td></tr><tr align="center"><td>الصورة أو أسم المنتدى</td></tr><tr align="center"><td>الصورة أو أسم المنتدى</td></tr></tbody></table></td></tr><tr><td><table border="1" cellpadding="1" cellspacing="1" width="100%"><tbody><tr align="center"><td><font style="color: Black;" size="4"><span style="font-weight: bold;">الإحصائيات</span></font><br></td></tr><tr align="center"><td>عدد الأعضاء<br></td></tr><tr align="center"><td>عدد الزوار اليومى<br></td></tr><tr align="center"><td>عدد المساهمات<br></td></tr><tr align="center"><td>عدد الأقسام<br></td></tr><tr align="center"><td>عدد الفئات<br></td></tr></tbody></table></td></tr><tr><td><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://www.yourspaceisbest.com//upload/calendar/fun1.swf" quality="high" swliveconnect="true" allowscriptaccess="samedomain" width="200" height="250"><br></td></tr></tbody></table></font></font></h1></td></tr></tbody></table></center>


التعديل المطلوب بهذا الكود
اسم القسم مثلا الموجود بالكود عليك وضع مكانه اسم القسم الذى تريد إظهاره و من ثم تظلل الأسم و تضغط على زر الكرة الأرضية الموجود بصندوق الأكواد و تضع رابط القسم



و بذلك يمكنك إضافة أى رابط لأى كلمة بأى كود
نلاحظ بالكود ببدايته رابط صورة و هو https://2img.net/h/oi30.tinypic.com/29cp4kj.jpg
يمكنك تغييره إلى أى صورة ترغب فيها فهذة هى رابطة الخلفية الموجوده بالكود

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

الرمز:
<CENTER>
<TABLE BORDER=1 WIDTH=500 Background="https://2img.net/h/oi30.tinypic.com/29cp4kj.jpg">
<TR><TD ALIGN=CENTER><h1><FONT FACE="DecoType Naskh" SIZE="5"><FONT COLOR="white">
<table border="5" cellpadding="5" cellspacing="5" width="100%">
<tbody><tr>
<td><table border="3" cellpadding="3" cellspacing="3" width="100%">
<tbody><tr>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"><br></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
</tr>
<tr>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى </a></font><br></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
</tr>
<tr>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
</tr>
<tr>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
</tr>
<tr>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
</tr>
<tr>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
</tr>
<tr>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
</tr>
<tr>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
</tr>
<tr>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
<td><img src="https://2img.net/h/oi29.tinypic.com/jzabex.jpg"></td>
</tr>
<tr>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
<td style="text-align: center;"><font style="color: Red; font-weight: bold;" size="3"><a href="http://help.ahlamontada.com/">منتدى الدعم و المساعدة التابع لشركة أحلى منتدى</a></font></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table>

</FONT></FONT>
</center>

</marquee></TD></TR></TABLE></center>


التعديل المطلوب هو بالبداية ستجد رابط صورة خلفية الكود كما سبق و ان ذكرت يمكنك تغييرها كما تشاء و من ثم ستجد روابط أول ثلاث صور بالجدول و تحتها 3 جمل وصف للصور و الروابط الخاصة بكل صورة فقط عليك تغيير الصور و تغيير الوصف و الروابط و يمكنك تعديل الألوان و أحجام الكتابة بالطريقة العادية لوضع الأكواد

الكود الثالث : يتم وضعه أسفل الصفحة

الرمز:
<center><table background="https://2img.net/h/oi30.tinypic.com/29cp4kj.jpg" border="1" width="500"><tbody><tr><td align="middle"><h1><font size="5" face="DecoType Naskh"><font color="white"><table border="5" cellpadding="5" cellspacing="5" width="930"><tbody><tr><td>
<div align="center"><strong><font size="4"><a href="http://help.ahlamotada.com"><font color="blue">الصفحة السابقة</font>&nbsp;</a><font color="sienna">---------------------&gt;</font> <font color="red"><a href="http://help.ahlamontada.com">الصفحة التالية</a></font></font></strong></div></td></tr></tbody></table></font></font><center></center></h1></td></tr></tbody></table></center>


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

الكود الرابع : يتم وضعه أسفل الصفحة

الرمز:
<center><table background="https://2img.net/h/oi30.tinypic.com/29cp4kj.jpg" border="1" width="950"><tbody><tr><td align="middle"><h1><font size="5" face="DecoType Naskh"><font color="white"><table border="5" cellpadding="5" cellspacing="5" width="850"><tbody><tr><td style="text-align: center;"><font size="4"><span style="font-weight: bold; color: red;">جميع الحقوق محفوظة لمنتدى الدعم و المساعدة <br>&nbsp;2009 - 2010</span></font><br></td></tr><tr><td><img src="https://2img.net/h/oi32.tinypic.com/11ijn8x.jpg" width="900" height="150"></td></tr></tbody></table></font></font><center></center></h1></td></tr></tbody></table></center>


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

ملاحظات عامة :
-بوابتك هى مدخل منتداك و عليك متابعتها و العمل على تحسينها و تغييرها كلما حانت لك الفرصة حيث لا تنسى كل ما يكتب على بوابتك يتم فهرسته سلايعا بمواقع البحث لذا يمكنك إضافة ما تشاء من العناصر و الأكواد بالطريقة العادية لإضافة الأكواد المعروفة و العمل على إبتكارشكل مميز لمجلتك التى وضعنا لها من خلال هذا الموضوع حجر الأساس لها

-الأكواد يتم وضعها و زر ال html أخضر و ليس أحمر كالمعتاد فى وضع الأكواد
كما بالصورة


-عند إنشاء كل عنصر لا تنسى وضع علامة على لا كما بالصورة السابقة فى كلمة إستعمال جدول عام

-يمكنك التغيير بالكود كما تريد من حيث العرض و الطول و الإضافة و الألوان و الخلفيات
كما ذكرت فهو فقط مثل حجر الأساس لمجلة رائعة لمنتداك

و بالتوفيق لكل أعضاء
Max_sun
Max_sun
 
 
ذكر
عدد المساهمات : 2857
نقاط : 69545
النشاط : 5009
العمر : 31
http://www.aircold4ever.net

عمل مجلة للمنتدى  Empty رد: عمل مجلة للمنتدى

الجمعة نوفمبر 12, 2010 1:02 pm
شكرا لمجهودك الجميل ده
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى