غير شكل أقسام المنتدى بشكل مطور من عرب سين
السلام عليكم ورحمة الله وبركاته
كالعادة زوار أعضاء المنتدى الغالي ، فإن أعضاء الفريق التقني لمنتدى عرب سين للأفلام دائما يأتون اليكم بالجديد
في عالم تطوير المواقع و المنتديات .
فشرحنا اليوم في غاية الجمال ، وهو كيفية تغيير شكل و مظهر المنتدى بشكل جميل و منسق :sad:
إليكم الصورة النهائية للشرح :
تغيير شكل أقسام المنتدى وجعله يتناسب مع المتصفحات الأخرى بدون اي مشاكل
و الآن نأتي إلى الشرح
في الأول قبل البدأ ، يجب عليك أن تختار عدد الأقسام التي تريد أن تظهر في السطر الواحد
يعني بحكم الستايل الدي أتوفر عليه فهو غير متمدد، ولهذا توجب علي وضع فقط قسمان لكل سطر ليتناسب مع الجداول الرئيسية الاخرى /وإدا كنت تتوفر على ستايل متمدد أو ممدد فلا حرج إدا وضعت ثلاث أقسام بكل سطر .
وطريقة وضع قسمان أو ثلاث أقسام لكل سطر يتزجب عليك اعادة ترتيب الأقسام
أي [ منتدى رئيسي و معه 2 أقسام رئيسية أو ثلاتة ] وهكدا إلى أن تنتهي من الترتيب
انظر إلى الصورة لتفهم قصدي :s:
ثانيا نعدل 3 ملفات أساسية
ادهب لقالب [ FORUMEHOME ] و ابحث عن هذا الكود و قم بحذفه :
كود:
<tr align="center">
<td class="thead"> </td>
<td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="175">$vbphrase[last_post]</td>
<td class="thead">$vbphrase[threads]</td>
<td class="thead">$vbphrase[posts]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="thead">$vbphrase[moderator]</td>
</if>
</tr>
ملاحظة : ادا لم تجد الكود فلا تخف ، الكل تمام
وملاحظة ثانية : لا تنسى الاحتفاظ بنسخة من الأكواد :n:
الخطوة التالية : افتح قالب الـ [forumhome_forumbit_level1_nopost ] واستبدل محتواه بهذا الكود
<
كود:
table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tbody>
<tr>
<td class="tcat" align="center" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
</tr>
</tbody>
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
<tr>
<td class="alt1">
<table border="0" width="100%" cellspacing="6" cellpadding="0">
<tr>
$childforumbits
</tr>
</table>
</tbody>
</if>
</table>
<br />
وكذلك نفتح قالب الـ [ forumhome_forumbit_level2_post ] و نستبدله بهذا الكود :
كود:
<head>
<style type="text/css">
.style1 {
text-align: center;
}
.style2 {
color: #800000;
text-align: center;
}
.style3 {
color: #FF0000;
}
.style4 {
text-align: right;
}
p
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
</style>
</head>
كود:
<td width="27%">
<fieldset style="padding: 10;height:206px; width:295px">
<table border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td><td><tr align="center">
<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">
<table border="0" width="27%" id="table248">
<tr>
<td align="center" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<table border="0" id="table249" cellpadding="0" style="border-collapse: collapse">
<tr>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<img border="0" src="http://arabcine.com/up/images/uy8re4w66hvmc5uwwrk.jpg" width="233" height="73"></td>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<table border="0" width="100%" id="table250" cellpadding="0" style="border-collapse: collapse">
<tr>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<strong style="font-weight: 400"><a href="newthread.php?$session[sessionurl]do=newthread&f=$forum[forumid]"><img title="أضف موضوع جديد في هذا القسم" alt="أضف موضوع جديد في هذا القسم " src="http://arabcine.com/up/images/0drrf6fdgfoopmu3qyfd.gif" border="0"></a></strong></td>
</tr>
<tr>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<strong style="font-weight: 400">
<a href="external.php?type=rss2&forumids=$forum[forumid]"><img title="اشترك في استلام آخر مواضيع القسم" alt="اشترك في استلام آخر مواضيع القسم" src="http://arabcine.com/up/images/slvg0u988gr78jlyeoc4.gif" border="0" width="21" height="21"></a></strong></td>
</tr>
<tr>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<strong style="font-weight: 400">
<a href="newthread.php?$session[sessionurl]do=newthread&f=$forum[forumid]"><img title="أضف موضوع جديد في هذا القسم" alt="أضف موضوع جديد في هذا القسم " src="http://arabcine.com/up/images/9gkxpw9eyi14qakg7v2t.gif" border="0" width="21" height="21"></a></strong></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<table border="0" width="100%" id="table251" cellpadding="0" style="border-collapse: collapse">
<tr>
<td width="39" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<img border="0" src="http://www.arabcine.com/Sections_1.jpg" width="39" height="20"></td>
<td background="http://www.arabcine.com/Sections_2.jpg" align="center" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<strong> <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">
$forum[title]</a></strong></td>
<td width="4" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
<img border="0" src="http://www.arabcine.com/Sections_3.jpg" width="4" height="20"></td>
</tr>
</table>
<table border="0" width="100%" id="table252" cellpadding="0" style="border-collapse: collapse">
<tr>
<td height="5" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif">
</td>
</tr>
</table></td>
</tr>
</table>
<table border="0" width="270" id="table253" cellpadding="0">
<tr>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif" width="46">
الوصف</td>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif" width="218">
$forum[description]</td>
</tr>
<tr>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif" width="264" colspan="2">
المواضيع
$forum[threadcount] |<span lang="ar-ma">
المشاركات</span> :<span lang="ar-ma">
</span>$forum[replycount]
<if condition="$show['browsers']">
<span class="style3">
<phrase 1=" : $forum[browsers]">$vbphrase[x_viewing]</phrase></span></if></td>
</tr>
<tr>
<td style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif" width="266" colspan="2">
<if condition="$show['forumsubscription']">
</if><span class="smallfont">$forum[lastpostinfo]</span>
<if condition="$show['forumsubscription']">
</if>
</td>
</tr>
</table></td>
</tr>
</table>
</fieldset>
</td>
<if condition="$docnokf == 0 OR $docnokf==1 OR $docnokf==2"><else /></tr><tr></if>
$childforumbits
تستطيع تغيير الصورة لعرب سين بصورة من اختيارك
فمنكم من يريد أن تكون لكل قسم صورته الخاصة به
فهذه الخاصية في الدرس الموالي ان شاء الله مع طريقة التركيب
احفظ العمل و شوف منتداك وجماليته
انتهى وإلى درس آخر بحول الله
لا تنسو الردود و التقييم ادا لأعجبكم الدرس
|
