كيفية وضع صورة امام كل قسم من اقسام المنتدى !!!
السلام عليكم ورحمة و بركاته
الهدف : صورة امام كل قسم
مثال: توضيحي
قبل التعديل
بعد التعديل
.....................
:: نبذة ::
اليوم سوف نتعرف بالتفصيل الممل كيف يمكن; وضع صور امام كل قسم من اقسام المنتدى .
وقد طرحت الموضوع بالتفصيل للتوجه السائد الى هذا الاسلوب . الذي من شأنه تسهيل عميلة
التصفح للمنتدى و زيادة جماله دون اي ثقل في التصفح .
واتمنى ان ينال الشرح على استحسانكم .
............................
:: الشرح ::
بسم الله الرحمن الرحيم
اولا : الخطوة الاولى >>>
تركيب الكود لظهور الصور .
العملية : هي عملية ربط بين الصور المخزنة في مجلد المنتدى الرئيسي و الاستايل .
مدى الخطورة : 0 من 10
زمن التركيب : 2 دقيقة .
:: الشرح ::
1 - توجه الى لوحة التحكم الخاصة بالمنتدى
2- اختار الاستايلات و القوالب .
3- البحث في القوالب .
4- في صندوق قوالب البحث اطبع الجملة التالية :
كود PHP:
forumhome_forumbit_level2_post
ثم حدد من القائمة المنسدلة ( المنبثقة )
اي من الاستايلات تريد البحث عنها لتطبيق عليه هذا التعديل . في مثالنا هذا اخترنا الاستايلDream ::::::::: [M]
5- ثم بعد ذلك اضغط على بحث .
6- سوف يظهر القالب ( لابد من ظهور القالب لانه موجود بشكل اساسي بكل نسخة منتدى )
اشر على القالب ثم اضغط مرتين بزر الماوس الايسر على القالب للدخول .
7- بعد الدخول سوف يظهر الكود الذي سوف يتم تغيره .
( قم بعمل نسخة من الكود وذلك بتضلله بواسطة Ctrl+A ثم لصقة بداخل مستند جديد ثم حفظ كل هذا للطواريء فقط لاتخاف فالامر سهل جداً ) .
ملاحظة : اذا كنت كسول ولا تريد عمل نسخة احتياطية
فالامر محلول . انظر للصورة جيداً
اذا اردت التراجع هنا يوجد الكود الاصلي . اضغط للدخول و سوف تجده في الحفظ والصون .
8- الآن احذف كل الذي بداخل الصندوق حتى يكون خالي تماماً .
9- الآن انسخ الكود الذي بأسفل الموضوع الذي يحمل الاسم Shgan.net.Classic
اذا كنت تريد ظهور الصور التى امام الاقسام كما في الصوره اسفله
ملاحظة : يفضل استخدام هذا الشكل للمنتديات الممتدة بكامل الصفحة اي التي قياستها 100% .
اما اذا كنت تيرد ظهور الصور التى امام الاقسام كما في الصوره اسفله ( التعريف بالقسم داخل مستطيل محفور ) .
يجب التنبه ان شكل المستطيل يختلف من متصفح الى آخر .
انسخ الكود الذي يحمل الاسم
Shgan.net.Modern
ملاحظة : هذا الشكل للمتنديات ذات المقاس الصغير فقط اي التى مقاسها 777 و اقل .
الآن بعد اختيار الشكل الذي يحلووو لك . انسخ الكود Shgan.net.Modern او Shgan.net.Classic
ونحن في مثالنا هذا اخترنا Shgan.net.Classic .
10
- قم بنسخ كل محتويات الكود Shgan.net.Classic ثم الصقه بدل الكود الذي حذفنا ثم اضغط على حفظ .
الآن انتهينا من تركيب
الخطوة الاولى >>> تركيب الكود لظهور الصور ... مبروك
.......................
.......................
ثانياً : الخطوة الثانية >>>
رفع الصور المطلوب وضعها امام كل قسم .
العملية : هي عملية انشئ ملف جديد لتخزين الصور في مجلد المنتدى الرئيسي ورفع الصور الى هذا الملف .
مدى الخطورة : 0 من 10
زمن التركيب : 2 دقيقة .
:: الشرح ::
الامر سهل( لكن سوف اقوم بشرحه للمبدئين ) .
بعد دخول حساب FTP الخاص بمنتداك . ( تم الشرح على برنامج 2 SmartFTP Client والبرامج كلها متشابه )
تابع الصور التالية
1
- اذهب الى الملف الرئيسي للمنتدى .
2
- انشئ ملف جديد داخل الملف الرئيسي للمنتدى
وفي هذه المثال اسمه forums الذي غالباً مايسمى vb مثل منتدنا الحبيب شجن الليل
وقمي تسميت الملف مثلاً S.images
ومن الآن و صاعداً سوف نضع كل صورة للقسم هنا حتى يسهل الرجوع اليها اذا اردت تغيرها او حذفها .
3- لنقل اي صورة قسم الي هذا الملف .
قم بنقل الصورة التي تريد من جهازك الى المنتدى فقط اسحب و افلت .
وفي مثالنا هذا سحبنا الصورة AD1 بالضغط عليها بزر الماوس الايسر وافلتنها في الملف
S.images في المنتدى فتم نقلها فوراً . لاحظي بعد الرفع الصورة الى المنتدى ظهر امتدادها
وهذا هام جداً .
ملاحظة : يحب ان تكون كل صور الاقسام ذات ابعاد وموحدة وانصح ان تكون 48 في 48 بكسل بصيغة gif
.......................
.......................
ثالثاً : الخطوة الثالثه >>>
ربط الصورة المناسبة لكل قسم .
العملية : هي عملية ربط بين الصور المخزنة في مجلد المنتدى الرئيسي و الاستايل .
مدى الخطورة : 0 من 10
زمن التركيب :حسب عدد الاقسام في المنتدى ( لكن قسم صوره )
:: الشرح ::
الامر سهل للغاية . فقط تابع الصور .
1 - توجه الى لوحة التحكم الخاصة بالمنتدى . ( رجعنا مرة اخري لها )
2
- ثم توجه الى المنتديات والمراقيبن .
ثم ادخل الى التحكم بالمنتديات .
3
- سوف ندخل الى قائمة تحوي كل اقسام منتداك . الآن توجه الى القسم الذي تريد وضع له صورة
وفي مثالنا هذا اخترنا منتدى الادبيات قسم الشعر . اضغط على اذهب للدخول .
4- بعد الدخول انظر اسفل شيء كما في الصوره اسفله .
في هذا المربع الفارغ الذي اسمه صورة القسم سوف نضع الرابط للصورة .
5- انظر الى الصورة جيداً .
S.images هواسم الملف الذي انشئنا لنضع بداخله صور الاقسام .
/ سلاش بعد اسم الملف
AD.gif الصورة المناسبة الذي تريد ظهورها
امام القسم ( لاحظ لابد من كتابة الامتداد الصحيح . لو كتبنا اسم الصورة بدون الامتداد او متداد خطأ فلن تظهر ) .
6- اضغط حفظ . ثم توجه و القي نظرة على المنتدى واحكم بنفسك .
وكرر هذا الامر مع باقي الاقسام مع وضع لكل قسم الصورة المناسبة .
انتهينا و الحمدلله ... الرجاء من كل شخص ينقل الموضوع و يستفيد منه دعوة لي بالعافيه و طول العمر بطاعة الله .
دمتم بود
تعبت وربي ... يالله
ياشباب و
ياصبايا ورني شطارتكم في الردود الحلوووة
دمعة الحرمان
ملاحظة : يوجد في المرفقات الموضوع كامل فقط انسخه في المنتدى الذي تريد نقله إليه وهو مثل تنسيق الموضوع اعلاه .
..............................................
الاكواد :
Shgan.net.Classic
كود PHP:
<tr align="center">
<td class="alt2"><img src="$forum[forumhomeicon]" alt="" border="0" /></td>
<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">
<div>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
<if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
</div>
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
<if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
<if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
<td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
<td class="alt1">$forum[threadcount]</td>
<td class="alt2">$forum[replycount]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="alt1"><div class="smallfont">$forum[moderators] </div></td>
</if>
</tr>
$childforumbits
..............................................
Shgan.net.Modern
كود PHP:
<tr align="center">
<td class="alt2">
<img src="$forum[forumhomeicon]" alt="" border="0" /></td>
<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">
<div>
<fieldset class="fieldset">
<legend><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">
<span style="shgan.netshgan.netshgan.netshgan.net-decoration: none">$forum[title]</span></a> <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if></legend>
<div>
<table id="sub_$forum[forumid]" border="0" width="100%" dir="ltr" style="border-collapse: collapse">
<tr>
<td><if condition="$show['forumdescription']"><div id="sub_$forum[forumid]" class="smallfont">
<p dir="rtl">$forum[description]
</if></td>
</tr>
</table>
</div>
</fieldset>
</div>
<!-- sub navigation menu -->
<div class="vbmenu_popup" id="sub_$forum[forumid]_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0" width="300">
<tr><td class="thead" dir="rtl">
<strong style="font-weight: 400">$vbphrase[subforums]</strong>:</td></tr>
<tr><td class="alt2" dir="rtl">
<p style="margin-top: 0; margin-bottom: 0">$forum[subforums]</td></tr>
</table>
</div>
<!-- / sub navigation menu -->
<!-- moderators navigation menu -->
<div class="vbmenu_popup" id="moderators_$forum[forumid]_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0" width="300">
<tr><td class="thead" dir="rtl">
<strong style="font-weight: 400">المشرفين على $forum[title] </strong>:</td></tr>
<tr><td class="alt2" dir="rtl">
<p style="margin-top: 0; margin-bottom: 0">$forum[moderators]</td></tr>
</table>
</div>
<!-- / moderators navigation menu -->
</div>
</td>
<td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
<td class="alt1">$forum[threadcount]</td>
<td class="alt2">$forum[replycount]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td id="moderators_$forum[forumid]" class="alt1"><a href="#moderators">
<img src="$stylevar[imgdir_button]/collapse_thead_collapsed.gif" border="0" alt="المشرفين"></a> <script type="shgan.netshgan.netshgan.netshgan.net/javascript"> vbmenu_register("moderators_$forum[forumid]", true); </script></td>
</if>
</tr>
$childforumbits
08-26-2007, 12:59 مساء
:: وضع صور امام اقسام المنتدى شرح خاص و حصري بالصور ::
.:][مسابقة رمضان الخير][:. 
