موديل القائمة الرئيسية مع صورة توضيحية (Icon )
الأعضاء الكرام .... السلام عليكم ورحمة الله وبركاته ....
أود أن ارد الجميل للموقع فقد تعلمت منه الكثير في مجال تطوير المواقع والمنتديات ... وخاصة البورتال .....
قمت مسبقا بنسخ موديل القائمة الرئيسية للبورتال من هنا ... وأضعها لكم الآن مع تعديلات جميلة ... ولرؤية نموذج القائمة الرئيسية
هنا الأبعاد الثلاثية للتصميم
كود PHP:
<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">
<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]');">
<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>
رد: موديل القائمة الرئيسية مع صورة توضيحية (Icon )
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
رد: موديل القائمة الرئيسية مع صورة توضيحية (Icon )
[align=center]
شكرا مرورك أبو راشد .... تحياتي لك ....
[/align]
رد: موديل القائمة الرئيسية مع صورة توضيحية (Icon )
راح اجرب واشوف الوضع مشكور ياغالي
رد: موديل القائمة الرئيسية مع صورة توضيحية (Icon )
وهذه ايضا مع بعض التعديلات الجديدة ... تحديد نوع الخط والترتيب في جدول منظم يمكنك تغيير الخلفية حسب ما يناسبك ...
كود PHP:
<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">
<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]');">
<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>