admin «‹-Bιĝ BΘSS¬
تَّآآِرّيٌخَـّ تَسٌجِيِلِيـِ : 26/02/2010 مُسَاَهَمَاَتِىّ : 365 آلِنُوّعُـّ : دَوُِلَِتِّيـّ : هِوَآآيّتُيِـَ : كُرْةُ اَلْقَدَمْ عٌُِّمٍِلُيَِـّ : طَالِبْ مَزَآجِيِـّ : مُتَصَفٍِِحٍِيِـَ : Mozilla Firefox آحٌتَِرَآمَـ قَوَآنَينُـّ آلُمَنُتّدّيّـ : M-Points : 10 E-Points : 1009
| موضوع: طريقة عمل مجلة لمنتداك على بوابتك الثلاثاء مارس 02, 2010 8:12 pm | |
| هناك طريقتان لصنع المجلة
الأولى : عبر برامج الفوتوشوب و برنامج الفرونت بيدج front page و من ثم عمل الكود و نقله إلى إحدى صفحات ال html أو البوابة و هى طريقة صعبة نسبيا للمبتدئين و الغير مدركين لكيفية إستعمال تلك البرامج التصميمية
الثانية : و هى الأسهل نسبيا و هى إستخدام ما أعطته لنا أحلى منتدى من خواص و إمتيازات لمنتدياتنا و إستغلالها بطريقة مثلى ألا و هى البوابة و إنشاء العناصر الشخصية و عمل منها إبداع جديد عن تلك البوابات الموحدة الشكل و هذا ما سيتم شرحه اليوم
كيفية عمل مجلة عن طريق إستخدام البوابة و إنشاء العناصر الشخصية الجديدة
بعد مراجعة مواضيع هامة لصنع البوابة مثل :
شرح طريقة وضع الاكواد فى الصفحة الرئيسية والبوابة
شرح عدة صفحات فى البوابة
شرح مفصــل :.. انشـــاء جـــدول
و هى تقريبا كل المعلومات التى أحتجت لها حين قمت بصنع مجلتى و إليكم كود جاهز للتركيب و لكن يلزمه التعديل بالطبع
الكود الأول : يتم وضعه بالعامود الأول لبوابتك
- الكود:
-
[color=black] background="http://i30.tinypic.com/29cp4kj.jpg" border="1" width="220">[table][tr][td] align="center">[b][font=DecoType<br />Naskh][size=21][color=white] cellpadding="5" cellspacing="5" width="220"><table border="5"><tr><td align="left"> cellpadding=\"3\" cellspacing=\"3\" width=\"210\"> align=\"center\"> align=\"center\"> align=\"center\"><table border="\"3\""><tr><td style="">[size=16][color=Black]الأقسام الهــــامة[/color][/size] </td></tr><tr><td> style=\"text-align: center;\">أسم القسم </td></tr><tr><td> style=\"text-align: center;\">أسم القسم</td></tr><tr><td style="">أسم القسم</td></tr><tr><td> style=\"text-align: center;\">أسم القسم</td></tr><tr><td>أسم القسم</td></tr><tr><td>أسم القسم</td></tr><tr><td>أسم القسم</td></tr></table></td></tr><tr><td align="left"> border=\"3\" cellpadding=\"3\" cellspacing=\"3\" width=\"100%\"> align=\"center\"> align=\"center\"> align=\"center\"><table><tr align="\"center\""><td> style=\"text-align: center;\">[color=Black] size=\"4\">[b]التبادل الإعلانى أو النصى[/b][/color]</td></tr><tr><td>الصورة أو أسم المنتدى </td></tr><tr><td>الصورة أو أسم المنتدى</td></tr><tr align="\"center\""><td>الصورة أو أسم المنتدى</td></tr><tr><td>الصورة أو أسم المنتدى</td></tr><tr align="\"center\""><td>الصورة أو أسم المنتدى</td></tr></table></td></tr><tr><td align="left"> border=\"1\" cellpadding=\"1\" cellspacing=\"1\" width=\"100%\"> align=\"center\"> align=\"center\"> align=\"center\"> align=\"center\"> align=\"center\"> align=\"center\"><table><tr><td>[color=Black] size=\"4\">الإحصائيات[/color] </td></tr><tr><td>عدد الأعضاء </td></tr><tr><td>عدد الزوار اليومى </td></tr><tr><td>عدد المساهمات </td></tr><tr><td>عدد الأقسام </td></tr><tr><td>عدد الفئات </td></tr></table></td></tr><tr><td align="left"> 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\"> </td></tr></table>[/color][/size][/font]
[/td][/tr][/table][/color] التعديل المطلوب بهذا الكود اسم القسم مثلا الموجود بالكود عليك وضع مكانه اسم القسم الذى تريد إظهاره و من ثم تظلل الأسم و تضغط على زر الكرة الأرضية الموجود بصندوق الأكواد و تضع رابط القسم
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
و بذلك يمكنك إضافة أى رابط لأى كلمة بأى كود نلاحظ بالكود ببدايته رابط صورة و هو https://2img.net/h/oi30.tinypic.com/29cp4kj.jpg يمكنك تغييره إلى أى صورة ترغب فيها فهذة هى رابطة الخلفية الموجوده بالكود
الكود الثانى : و يتم وضعه بالعامود الثانى
- الكود:
-
[/b][b][color=black]
[table width="500" background="http://i30.tinypic.com/29cp4kj.jpg" border="1"][tr][td][b][font=DecoType Naskh][size=21][color=white]
<table width="100%" border="5" cellpadding="5" cellspacing="5"><tr><td align="left">
<table width="\"100%\"" border="\"3\"" cellpadding="\"3\"" cellspacing="\"3\""><tr><td>[img]http://i29.tinypic.com/jzabex.jpg[/img] </td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td></tr><tr><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى [/url][/color][/size] </td><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td><td style="">[color=Red][b] size=\"3\">[url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/b][/color]</td></tr><tr><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td></tr><tr><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td><td style="">[color=Red][b] size=\"3\">[url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color]</td><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td></tr><tr><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td></tr><tr><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td><td style="">[color=Red][b] size=\"3\">[url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/b][/color]</td><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td></tr><tr><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td></tr><tr><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td><td style="">[color=Red][b] size=\"3\">[url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/b][/color]</td><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td></tr><tr><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td><td>[img]http://i29.tinypic.com/jzabex.jpg[/img]</td></tr><tr><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td><td style="">[color=Red][b] size=\"3\">[url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/b][/color]</td><td> style=\"text-align: center;\">[size=12][color=Red][url=http://help.ahlamontada.com/]منتدى الدعم و المساعدة التابع لشركة أحلى منتدى[/url][/color][/size]</td></tr></table></td></tr></table>
[/color][/size][/font]
[/b]
[/td][/tr][/table][/color][/b][b] التعديل المطلوب هو بالبداية ستجد رابط صورة خلفية الكود كما سبق و ان ذكرت يمكنك تغييرها كما تشاء و من ثم ستجد روابط أول ثلاث صور بالجدول و تحتها 3 جمل وصف للصور و الروابط الخاصة بكل صورة فقط عليك تغيير الصور و تغيير الوصف و الروابط و يمكنك تعديل الألوان و أحجام الكتابة بالطريقة العادية لوضع الأكواد
الكود الثالث : يتم وضعه أسفل الصفحة
- الكود:
-
[/b][b][color=black] background="http://i30.tinypic.com/29cp4kj.jpg" border="1" width="500">[/color][/b][/b][/b][table][tr][td][b] align="middle">[/b][b][b][font=DecoType<br />Naskh][size=21][color=white] cellpadding="5" cellspacing="5" width="930"><table border="5"><tr><td align="left">
align=\"center\">[b][size=16][url=http://new2day.hooxs.com/] href=\"http://help.ahlamotada.com\">[color=blue]الصفحة السابقة[/color] [/url] color=\"sienna\">---------------------> color=\"red\">[url=http://help.ahlamontada.com]الصفحة التالية[/url][/size] [/b]</td></tr></table>[/color][/size][/font][/b]
[/b][/td][/tr][/table][b][b][b] المطلوب تعديله بالكود أولا رابطة صورة الخلفية كالمعتاد إن أردت و روابط الصفحة السابقة و التاليه بعد إنشائك لعدة صفحات لمجلتك
الكود الرابع : يتم وضعه أسفل الصفحة - الكود:
-
[/b][b][color=black] background="http://i30.tinypic.com/29cp4kj.jpg" border="1" width="950">[/color][/b][/b][/b][table][tr][td][b] align="middle">[/b][b][b][font=DecoType<br />Naskh][size=21][color=white] cellpadding="5" cellspacing="5" width="850"><table border="5"><tr><td style="" align="left">[size=16][b]جميع الحقوق محفوظة لمنتدى الدعم و المساعدة
2009 - 2010[/size] [/b]</td></tr><tr><td align="left"><img> src=\"http://i32.tinypic.com/11ijn8x.jpg\" width=\"900\" height=\"150\"></td></tr></table>[/color][/size][/font][/b]
[/b][/td][/tr][/table][b][b][b] التعديل المطلوب للكود هو تغيير الخلفية كالمعتاد إن أردت و من ثم تغيير الحقوق لأسم منتداك و تغيير رابط الصورة الموجوده و تضع رابط صورة أخرى من تصميمك أو إعلان.
ملاحظات عامة : -بوابتك هى مدخل منتداك و عليك متابعتها و العمل على تحسينها و تغييرها كلما حانت لك الفرصة حيث لا تنسى كل ما يكتب على بوابتك يتم فهرسته سلايعا بمواقع البحث لذا يمكنك إضافة ما تشاء من العناصر و الأكواد بالطريقة العادية لإضافة الأكواد المعروفة و العمل على إبتكارشكل مميز لمجلتك التى وضعنا لها من خلال هذا الموضوع حجر الأساس لها
-الأكواد يتم وضعها و زر ال html أخضر و ليس أحمر كالمعتاد فى وضع الأكواد كما بالصورة
-عند إنشاء كل عنصر لا تنسى وضع علامة على لا كما بالصورة السابقة فى كلمة إستعمال جدول عام
-يمكنك التغيير بالكود كما تريد من حيث العرض و الطول و الإضافة و الألوان و الخلفيات كما ذكرت فهو فقط مثل حجر الأساس لمجلة رائعة لمنتداك
و بالتوفيق | |
|