=7fb251244645b9eae19765e6d276742a&cvf[1]=3bb21856fcfdd56d83b8771e2814c057&eval=plus&p_vote=8144]+
=d2c4877173b7d3a15622fb06d77b89a9&cvf[1]=34a918a394b002c1df3759162d771bd8&eval=minus&p_vote=8144]-
السلام عليكم ورحمة الله تعالى وبركاته
حصرياً اعزائي فقط على منتديات حروف ديزاين .. اقدم لكم كود وضع عارضة ازرار css اعلى منتداكلن اطول عليكملكن أولا مفهوم بسيط لازرار السي اس اس
اقتباس :ازرار السي اس اس ,, هي عبارة عن ازرار .. مثلا يكون الزر في الاول لونو ابيض .. بعد مرور الماوس عليه يكون لونو ازرق مثلا !
ومعاينة توضيحية اكثر :
قبل مرور الماوس
https://i.servimg.com/u/f75/17/99/57/94/oouu_o81.png
بعد مرور الماوس
https://i.servimg.com/u/f75/17/99/57/94/oouu_o82.png
والأن وقد علمنا ما هي ازرار السي اس اس اقدم لكم الكود
أولا نبحث في قالب الهيدر عن
الرمز:
<head>
ثم نضع بعد تماماً هذا
الرمز:
/* code programed by www.naruto-kingdom.0wn0.com */
<style>
.top {
background-image:url('رابط خلفية العارضة');
background-repeat:repeat-x;
height:طول الخلفيةpx;
}
.menu-texe li a {
background-image:url('صور الزر قبل مرور الماوس');
color: #333333;
display: inline-block;
font-family: Tahoma,Geneva,sans-serif;
font-size: 8pt;
font-weight: bold;
height: طول الزرpx;
line-height: 32px;
margin-right: 3px;
overflow: hidden;
padding-top: 8px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
width: 100px;
}
.menu-texe li a:hover {
background-image: url('صور الزر بعد مرور الماوس');
color: #333333;
display: inline-block;
font-family: Tahoma,Geneva,sans-serif;
font-size: 8pt;
font-weight: bold;
height:طول الزرpx;
line-height: 32px;
margin-right: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
width: 100px;
}
</style>
<div class="top">
<ul class="menu-texe">
<!-- BEGIN switch_user_logged_out -->
<li><a href="#">الرئيسية</a></li>
<li><a href="#">من نحن</a></li>
<li><a href="#">قوانين </a></li>
<li><a href="#">اتصال بنا</a></li>
<li><a href="#">تسجيل</a></li>
<li><a href="#">دخول</a></li>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<li><a href="#">الرئيسية</a></li>
<li><a href="#">قوانين </a></li>
<li><a href="#">رسائل</a></li>
<li><a href="#">بياناتي</a></li>
<li><a href="#">ما الجديد</a></li>
<li><a href="#">في امان الله</a></li>
<!-- END switch_user_logged_in -->
</ul>
</div>
</body>
</html>
/* code programed by ezel */
اقتباس :ملاحظة : يجب املاء الاشياء المطلوبة منك + ستلاحظ في اخر الكود ان من اول الرمز
الرئيسية 
