تسجيل الدخول

مشاهدة النسخة كاملة : [شرح] الشرح الكامل لإظهار اختصارات المواضيع في جميع صفحات المنتدى من الصفر


أبو أحمد زياد الأردني
04-08-2010, 08:19PM
السلام عليكم ورحمة الله وبركاته


هل تزعجك أيقونات المشاركات في منتداك ؟


هل تريد طريقة أخرى تستعيض بها عن هذه الأيقونات المزعجة وبشكل مرتب ومنظم ؟


إليك الحل !!


اختصارات المواضيع هي الطريقة الأفضل ، وقد وجدت أن تصميم أيقونات مشاركة تلبي ذوق جميع الأعضاء هو شيء مزعج ومرهق بنفس الوقت.


فبحثت عن [هاك] لاختصارات المواضيع ، وقد شاهدتها في أكثر من منتدى وقد أعجبتني الفكرة وقد بحثت عنها.


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


بحثت على الشبكة لم أجد موضوعاً شاملاً عن اختصارات المواضيع ، فأردت أن آخذ هذه اللفتة بان أساعد إخواني في هذا الموضوع.


ولمن لا يعرف ما معنى اختصارات المواضيع إليك هذا الشكل توضيحي:


(1)
لاحظ عبارة الاختصار بلون مختلف عن العنوان ككل ، وللعلم فإن الاختصار يحجز عدداً من الأحرف في عنوان الموضوع.


http://img412.imageshack.us/img412/2522/79305154.gif


(2)
لاحظ هنا قائمة الاختصارات ، يمكن إضافة أكثر من مجموعة من منتدى معين، ويمكن الاستغناء عنها نهائياً كما تشاء.


http://img28.imageshack.us/img28/5917/90642842.gif


للبدء في تركيب اختصارات المواضيع نقول باسم الله:


(3)
ادخل لوحة تحكم منتداك.


(4)
اختر من قائمة اختصارات المواضيع ، إضافة مجموعة اختصارات جديدة.


http://img202.imageshack.us/img202/6442/48988528.gif



(5)
ستظهر لك خيارات إضافة مجموعة الاختصارات:


http://img34.imageshack.us/img34/9855/63387407.gif



(6)


http://img695.imageshack.us/img695/4430/59228979.gif



(7)
الآن سنضيف الاختصارات إلى المجموعة التي أنشأناها:


http://img840.imageshack.us/img840/972/96191197.gif


وهذا تنسيق مقترح بخط أحمر للاختصارات:
<font color="#ff0000">[عنوان]</font>



لا تنس أن تضغط على زر الحفظ.


(8)
الآن قمنا بإنشاء أول اختصار ، استمر على هذا النهج بإضافة اختصارات أخرى بحسب حاجتك في المنتدى ، ومع ملاحظة إمكانية التعديل أيضاً على المجموعة والاختصار.


http://img52.imageshack.us/img52/9243/96394773.gif



(9)
ولإلغاء أيقونات المشاركة المزعجة في المنتدى ، والاكتفاء بالاختصارات قم باتباع الخطوات التالية:


http://img69.imageshack.us/img69/1017/60169468.png



(10)


http://img192.imageshack.us/img192/1653/26928220.gif


ولإظهار الاختصارات في الصفحة الرئيسية ، اتبع الخطوات التالية:


http://img231.imageshack.us/img231/4764/43149890.gif



http://img529.imageshack.us/img529/9285/74148399.png



(11) ادخل إلى قالب ( Forumhome_lastpostby )


واستبدل القالب الموجود بهذا الكود مع ضرورة حفظ الكود الأصلي في ملف نصي (text):

<if condition="$show['lastpostinfo']">
<div class="smallfont" align="$stylevar[left]">
<div>
<span style="white-space:nowrap">
<if condition="$show['icon']"><img class="inlineimg" src="$icon[iconpath]" alt="$icon[title]" border="0" /></if>
<if condition="$lastpostinfo['prefix']">
$lastpostinfo[prefix]
</span><if condition="is_browser('safari')"><!--bug#24775-->&nbsp;</if>
<span style="white-space:nowrap">
</if>
<a href="showthread.php?$session[sessionurl]goto=newpost&amp;t=$lastpostinfo[lastthreadid]" style="white-space:nowrap" title="<phrase 1="$lastpostinfo[lastthread]">$vbphrase[go_first_unread_in_thread_x]</phrase>"><strong>$lastpostinfo[trimthread]</strong></a></span>
</div>
<div style="white-space:nowrap<if condition="is_browser('ie', 6)">; float:$stylevar[left]</if>">
<phrase 1="member.php?$session[sessionurl]find=lastposter&amp;f=$lastpostinfo[forumid]" 2="$lastpostinfo[lastposter]">$vbphrase[by_x]</phrase>
</div>
<div align="$stylevar[right]" style="white-space:nowrap">
$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
<a href="showthread.php?$session[sessionurl]p=$lastpostinfo[lastpostid]#post$lastpostinfo[lastpostid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
</div>
<else />
<div class="smallfont" align="$stylevar[right]">
$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
<a href="showthread.php?$session[sessionurl]p=$lastpostinfo[lastpostid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
</if>




ومبارك عليكم اختصارات المواضيع الجديد لمنتداكم.



وآخر دعوانا أن الحمد لله رب العالمين ،،





اللهم إني أبرأ إليك استخداماً لهذا الشرح في معصيتك.