إضافة صورة او ايقونة بجانب وصف القسم ..

من طرف **THE-MED** الإثنين مارس 28, 2011 6:54 am

بسم الله الرحمن الرحيم

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

مثال :-

إضافة صورة او ايقونة بجانب وصف القسم .. Ix254546

,,‘‘

الطريقة :-

بعد الدخول الى لوحة تحكم المنتدى ..
نتوجه الى القسم المراد التعديل عليه ..
في صندوق الوصف الموجود .. نكتب الوصف الذي نريده مثلاً

قسم مختص في امور البرمجه

ونضع هذا الكود بجانبه :-

رمز PHP:

<img border="0" src="images/vBulletin.gif" width="100" height="20" align="left">

فـ يكون الوصف بهذا الشكل

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="bottom" width="75"> <table width="50" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="smallfont" valign="top" width="28"> إضافة صورة او ايقونة بجانب وصف القسم .. Quot-top-left

إضافة صورة او ايقونة بجانب وصف القسم .. Quot-top-left

</td>
<td class="smallfont" style="background-image: url('AGT04-b/misc/quotes/quote-bg.gif'); background-position: center;" valign="middle" width="100%"> اقتباس</td>
<td class="smallfont" valign="top"> إضافة صورة او ايقونة بجانب وصف القسم .. Quot-top-right

إضافة صورة او ايقونة بجانب وصف القسم .. Quot-top-right

</td>
</tr>
</table>
</td>
<td style="background-image: url('AGT04-b/misc/quotes/quot-lr-bg.gif')" valign="bottom" align="left">
</td>

<td valign="bottom" width="100%" align="right"> <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%"> <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image: url('AGT04-b/misc/quotes/quot-top-bg.gif')" valign="middle" width="100%">
</td>
<td class="smallfont" valign="top" align="left"> إضافة صورة او ايقونة بجانب وصف القسم .. Quot-top-right-10

إضافة صورة او ايقونة بجانب وصف القسم .. Quot-top-right-10

</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image: url('AGT04-b/misc/quotes/quoting-left.gif')" width="10">
</td>
<td valign="top" width="100%" bgcolor="#ffffff">
</td>
<td style="background-image: url('AGT04-b/misc/quotes/quoting-right.gif')" width="10">
</td>
</tr>
<tr>
<td style="background-image: url('AGT04-b/misc/quotes/quot-left-bg.gif')" width="10">
</td>
<td class="smallfont" valign="top" width="100%" bgcolor="#ffffff"> ( قسم متخصص في امور البرمجة <img border="0" src="images/vBulletin.gif" width="100" height="20" align="left"> )

</td>
<td style="background-image: url('AGT04-b/misc/quotes/quot-right-bg.gif')" width="10">
</td>
</tr>
<tr>
<td valign="bottom" width="10"> إضافة صورة او ايقونة بجانب وصف القسم .. Quot-bot-left

إضافة صورة او ايقونة بجانب وصف القسم .. Quot-bot-left

</td>
<td style="background-image: url('AGT04-b/misc/quotes/quot-bot-bg.gif')" width="100%">
</td>
<td valign="bottom" width="10"> إضافة صورة او ايقونة بجانب وصف القسم .. Quot-bot-right

إضافة صورة او ايقونة بجانب وصف القسم .. Quot-bot-right

</td>
</tr>
</table>

مع مراعات تغير اسم الصورة vBulletin.gif بحسب اسم الصورة الذي ترفعها .
ترفع الصور في مجلد images الموجود داخل ملف vb .

مثال على الايقونات :-
إضافة صورة او ايقونة بجانب وصف القسم .. RWN54994

إضافة صورة او ايقونة بجانب وصف القسم .. RQR55010

لاحظ طريقة عمل الأيقونة والفراغ الموجود إضافة صورة او ايقونة بجانب وصف القسم .. Icon31

.

.. لأي استفسار نحن في الخدمه
تحياتي لكم .. ,‘ عبيد ,‘