ط¥ط¹ظ„ط§ظ†ط§طھ ظ†طµظٹظ‡ ط¨ط§ظ„ظپظˆطھط± ط¨طھظ‚ظ†ظٹظ‡ css ظ…طھظˆط§ظپظ‚ظ‡ ظ…ط¹ ط¬ظ…ظٹط¹ ط§ظ„ظ…طھطµظپط*ط§طھ || طھط·ظˆظٹط± ط¹ط±ط¨ظٹ ظپظٹ ط¨ظٹ



السلام عليكم ورحمه الله وبركاته
اخواني اخواتي الأعزاء اخبارك ان ان اشاء الله بخير
اليوم نقدم اكم كود code بتقنيه css الحديثه
تطوير عربي في بي
مثال للكود code
http://www.arabyvb.com/vb




شرح طريقة التركيب install
ضع الكود code
رمز Code:
<!-- تطوير عربي في بي --> <ul id=&quot;navlist&quot;> <div align=&quot;center&quot;> <table width=&quot;100%&quot; id=&quot;table1&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;> <tr> <td width=&quot;25%&quot; align=&quot;center&quot;> <span lang=&quot;ar-sa&quot;> <a href=&quot;http://www.arabyvb.com/&quot;>عربي في بي </a> </td> <td width=&quot;25%&quot; align=&quot;center&quot;> <a href=&quot;http://www.arabyvb.com/&quot;>عربي في بي </a> </td> <td width=&quot;25%&quot; align=&quot;center&quot;> <a target=&quot;_blank&quot; href=&quot;http://www.arabyvb.com/&quot;>عربي في بي</a></td> <td width=&quot;25%&quot; align=&quot;center&quot;> <a href=&quot;http://www.arabyvb.com/&quot;>عربي في بي </a> </tr> </table> </div> </ul> </span> <!-- تطوير عربي في بي -->
في آخر الفوتر
ثم ضع في تعاريف CSS الإضافية/Additional CSS Definitions

كود code:
رمز Code:
#navlist { margin: 0px auto 0px auto; padding: 0px; list-style-type: none; float: center; display: block; } #navlist a { background-color:#56a6e6; border: 1px solid #ffffff; font-family: TAhoma; font-size: 9pt; text-decoration: none; color: #ffffff; display: block; text-align: center; line-height: 20px; padding-right: 1px; margin-right: 0px; } #navlist a:hover { background-color:#63baff; border: 1px solid #ffffff; font-family: TAhoma; font-size: 9pt; text-decoration: none; color: #000000; display: block; text-align: center; line-height: 30px; padding-right: 0px; margin-right: 0px; }
وبس + ومع تغير مايلزم
مثال مصور

شكر خاص لـ : شبكه قلعه الجزائر للبرمجه
المصدر : عربي في بي









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©