موديل القائمة الرئيسية مع صورة توضيحية (Icon )

[سالم عمان]

الأعضاء الكرام .... السلام عليكم ورحمة الله وبركاته ....

أود أن ارد الجميل للموقع فقد تعلمت منه الكثير في مجال تطوير المواقع والمنتديات ... وخاصة البورتال .....
قمت مسبقا بنسخ موديل القائمة الرئيسية للبورتال من هنا ... وأضعها لكم الآن مع تعديلات جميلة ... ولرؤية نموذج القائمة الرئيسية
هنا الأبعاد الثلاثية للتصميم

 
<tr>
 <td class="alt1" align="center">
<table border="1" width="100%" cellpadding="0" bordercolorlight="#C0C0C0" bordercolordark="#F4F4F4">
 <tr>
  <td bgcolor="#FFEAEA">
<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td bgcolor="#FFEAEA">
  <a href="$bburl/index.php?pageid=tv_oman">معلومات عن الشركة</a></td>
 </tr>
 
 <tr>
  <td bgcolor="#FFEAEA">
<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td bgcolor="#FFEAEA">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=17">آخر أعمال الشركة</a></span></td>
 </tr>
 
 <tr>
  <td bgcolor="#F4F4F4">
 
<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td bgcolor="#F4F4F4">
  <a href="$bburl/main.php">المنتديات العامة</a></td>
 </tr>
 <tr>
  <td>
 
<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td>
     <a href="$bburl/forumdisplay.php?f=8"><span lang="ar-om">المنتدى 
  العام</span></a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/Earth.png" ></td>
  <td bgcolor="#F4F4F4">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=11">الأخبــار</a></span></td>
 </tr>
 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/Movies.png" ></td>
  <td>
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=13">الفيـديـو</a></span></td>
 </tr>
 
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/headphone.png" ></td>
  <td bgcolor="#F4F4F4">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=12">الصوتيات</a></span></td>
 </tr>
 
<tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/art.png" ></td>
  <td>
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=14">الرسم 
  والتلوين</a></span></td>
 </tr>
 
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/Get-info.png" ></td>
  <td bgcolor="#F4F4F4">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=15">عرض ونقد</a></span></td>
 </tr>
 
 
 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/max.png" ></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=5">3DStudioMAX</a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/maya.jpg" ></td>
  <td bgcolor="#F4F4F4">   
  &nbsp;<a href="$bburl/forumdisplay.php?f=6">AutodskMaya</a></td>
 </tr>
 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/ps.png" ></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=4">AdobePhotoShop</a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/ae.png"></td>
  <td bgcolor="#F4F4F4">
     <a  href="$bburl/forumdisplay.php?f=2">AdobeAfterEffects</a></td>
 </tr>
 <tr>
  <td>          
<img src="$bburl/images/styles/index_buttons/small/pr.png" ></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=3">AdobePremiere</a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">     
<img src="$bburl/images/styles/index_buttons/small/toonboom.gif" ></td>
  <td bgcolor="#F4F4F4">
    <a  href="$bburl/forumdisplay.php?f=10">ToonBoom</a></td>
 </tr>
 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/mm.png"></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=7">Multimedia Builder</a></td>
 </tr>
</table>
<tr><td class="thead" align="center">
روابط إضافية
</td></tr>
<tr><td class="alt1" align="right">
<img src="$stylevar[imgdir_misc]/menu.gif">
<a  href="$bburl/usercp.php">لوحة التحكم</a><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<a  href="$bburl/album.php">ألبوم الصور</a><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<a  href="$bburl/uploader.php">مركز رفع الملفات</a><br>
 
<img src="$stylevar[imgdir_misc]/menu.gif">
<span onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('$vboptions[bburl]');">
&nbsp;<a href="javascript:location.reload()">اجعلنا الرئيسية</a></span><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<a href="javascript:window.external.AddFavorite('$vboptions[bburl]', '$vboptions[bbtitle]')">
اضفنا في مفضلتك</a></span><br>
</td></tr></p> 

[المودة]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[سالم عمان]

[align=center]
شكرا مرورك أبو راشد .... تحياتي لك ....
[/align]

[أحمد أي بي أيه]

راح اجرب واشوف الوضع مشكور ياغالي

[سالم عمان]

وهذه ايضا مع بعض التعديلات الجديدة ... تحديد نوع الخط والترتيب في جدول منظم يمكنك تغيير الخلفية حسب ما يناسبك ...

<tr>
 <td class="alt1" align="center">
<table border="1" width="100%" cellpadding="0" bordercolorlight="#C0C0C0" bordercolordark="#F4F4F4">
 <tr>
  <td bgcolor="#FFEAEA">
<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td bgcolor="#FFEAEA">
  <a href="$bburl/index.php?pageid=tv_oman"><b><font face="Arial" size="3">معلومات عن الشركة</font></b></a></td>
 </tr>
 
 <tr>
  <td bgcolor="#FFEAEA">
<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td bgcolor="#FFEAEA">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=17"><b><font face="Arial" size="3">آخر أعمال الشركة</font></b></a></span></td>
 </tr>

 <tr>
  <td bgcolor="#F4F4F4">

<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td bgcolor="#F4F4F4">
  <a href="$bburl/main.php"><b><font face="Arial" size="3">المنتديات العامة</font></b></a></td>
 </tr>
 <tr>
  <td>

<img src="$bburl/images/styles/index_buttons/logo3D_for_Wab.gif" width="32" height="32" ></td>
  <td>
     <a href="$bburl/forumdisplay.php?f=8"><span lang="ar-om"><b><font face="Arial" size="3">المنتدى 
  العام</font></b></span></a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/Earth.png" ></td>
  <td bgcolor="#F4F4F4">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=11"><b><font face="Arial" size="3">الأخبــار</font></b></a></span></td>
 </tr>
 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/Movies.png" ></td>
  <td>
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=13"><b><font face="Arial" size="3">الفيـديـو</font></b></a></span></td>
 </tr>

 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/headphone.png" ></td>
  <td bgcolor="#F4F4F4">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=12"><b><font face="Arial" size="3">الصوتيات</font></b></a></span></td>
 </tr>
 
<tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/art.png" ></td>
  <td>
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=14"><b><font face="Arial" size="3">الرسم 
  والتلوين</font></b></a></span></td>
 </tr>

 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/Get-info.png" ></td>
  <td bgcolor="#F4F4F4">
     <span lang="ar-om"><a href="$bburl/forumdisplay.php?f=15"><b><font face="Arial" size="3">عرض ونقد</font></b></a></span></td>
 </tr>
 

 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/max.png" ></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=5"><b><font face="Arial" size="2">3DStudioMAX</font></b></a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/maya.jpg" ></td>
  <td bgcolor="#F4F4F4">   
  &nbsp;<a href="$bburl/forumdisplay.php?f=6"><b><font face="Arial" size="2">AutodskMaya</font></b></a></td>
 </tr>
 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/ps.png" ></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=4"><b><font face="Arial" size="2">AdobePhotoShop</font></b></a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">
<img src="$bburl/images/styles/index_buttons/small/ae.png"></td>
  <td bgcolor="#F4F4F4">
     <a  href="$bburl/forumdisplay.php?f=2"><b><font face="Arial" size="2">AdobeAfterEffects</font></b></a></td>
 </tr>
 <tr>
  <td>          
<img src="$bburl/images/styles/index_buttons/small/pr.png" ></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=3"><b><font face="Arial" size="2">AdobePremiere</font></b></a></td>
 </tr>
 <tr>
  <td bgcolor="#F4F4F4">     
<img src="$bburl/images/styles/index_buttons/small/toonboom.gif" ></td>
  <td bgcolor="#F4F4F4">
    <a  href="$bburl/forumdisplay.php?f=10"><b><font face="Arial" size="2">ToonBoom</font></b></a></td>
 </tr>
 <tr>
  <td>
<img src="$bburl/images/styles/index_buttons/small/mm.png"></td>
  <td>
     <a  href="$bburl/forumdisplay.php?f=7"><b><font face="Arial" size="2">Multimedia Builder</font></b></a></td>
 </tr>
</table>
<tr><td class="thead" align="center">
روابط إضافية
</td></tr>
<tr><td class="alt1" align="right">
<img src="$stylevar[imgdir_misc]/menu.gif">
<a  href="$bburl/usercp.php">لــوحة الــــــــتحكم</a><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<a  href="$bburl/album.php">ألبــوم الصـــــــــــور</a><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<a  href="$bburl/uploader.php">مركــز رفـع الملفات</a><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<a  href="$bburl/sitemap.html">خـريطـــة المـوقــــع</a><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<span onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('$vboptions[bburl]');">
&nbsp;<a href="javascript:location.reload()">اجعلنـا الرئيسيـــة</a></span><br>
<img src="$stylevar[imgdir_misc]/menu.gif">
<a href="javascript:window.external.AddFavorite('$vboptions[bburl]', '$vboptions[bbtitle]')">
اضفنا في مفضلتك</a></span><br>
</td></tr></p>