[شرح] اضافة القائمة السريعة بالصور- تصميمي css

اليكم القائمة السريعة الجديدة من اير التطويرية
من برمجتي و تصميمي
اخوكم
Safwen-Xstyle
للمعاينة المباشرة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

صورة




طريقة التركيب

ارفع ملف menu الى المسار
htdocs/vb/images/

تابع الصور





بعدين نضع الكود هذا كما في الصورة

رمز PHP:


.bouton1 { background:url(images/menu/0_007.jpg);width:76px;height:100px;padding:0}
.bouton1:hover {background:url(images/menu/home.gif);width:76px;height:100px;}
.bouton2 { background:url(images/menu/0_006.jpg);width:76px;height:100px;padding:0}
.bouton2:hover {background:url(images/menu/search.gif);width:76px;height:100px;}
.bouton3 {background:url(images/menu/0_005.jpg);width:76px;height:100px;padding:0}
.bouton3:hover {background:url(images/menu/design.gif);width:76px;height:100px;}
.bouton4 {background:url(images/menu/0_004.jpg);width:76px;height:100px;padding:0}
.bouton4:hover {background:url(images/menu/dev.gif);width:76px;height:100px;}
.bouton5 {background:url(images/menu/0_003.jpg);width:76px;height:100px;padding:0}
.bouton5:hover {background:url(images/menu/register.gif);width:76px;height:100px;}
.bouton6 {background:url(images/menu/0_002.jpg);width:76px;height:100px;padding:0}
.bouton6:hover {background:url(images/menu/login.gif);width:76px;height:100px;}
.bouton7 {background:url(images/menu/0_001.jpg);width:76px;height:100px;padding:0}
.bouton7:hover {background:url(images/menu/msg.gif);width:76px;height:100px;}






ثم ابحث عن هذا الكود

في قالب postbit-legacy

رمز PHP:

<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" id="table8">
$post[otherattachments]
</table>
</fieldset>
</if>


اضف بعده

رمز PHP:
<fieldset class="fieldset">
<legend><font color="#FF0000">قائمة سريعة</font></legend>




<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100">
<tr>
<td width="20%">
<img border="0" src="eira-v2.0/menu/0_008.jpg" width="18" height="100"></td>
<td width="20%">
<a href="/vb/index.php">
<div class="bouton1"></div></a></td>
<td width="20%">
<a href="/vb/search.php">
<div class="bouton2"></div></a></td>
<td width="20%">
<a href="http://eira-net.co.cc/vb/forumdisplay.php?f=4">
<div class="bouton3"></div></a></td>
<td width="20%">
<a href="http://eira-net.co.cc/vb/forumdisplay.php?f=16">
<div class="bouton4"></div></a></td>
<td width="20%">
<a href="/vb/register.php">
<div class="bouton5"></div></a></td>
<td width="20%">
<a href="/vb/usercp.php">
<div class="bouton6"></div></a></td>
<td width="20%">
<a href="/vb/sendmessage.php">
<div class="bouton7"></div></a></td>
</tr>
</table>
</center>
</fieldset>


قم بحفظ القالب

التحميل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

*****************************************

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
*******************************************


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
****************************************


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
******************************************


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
*********************************


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


انتهى
تحياتي