منتدى عشاق التطوير
لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

شاطر
اذهب الى الأسفل
avatar
مؤسس المنتدى

ذكر القوس
عدد المساهمات : 3461
السٌّمعَة : 34
تاريخ الميلاد : 30/11/1996
تاريخ التسجيل : 04/02/2011
العمر : 21
معاينة صفحة البيانات الشخصي للعضو

اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> AsHeK IbDa3 <<<

في الأربعاء مارس 20, 2013 3:44 pm
حصرياً كود عارضة ازرار css من AsHeK IbDa3


السلام عليكم ورحمة الله تعالى وبركاته

حصرياً اعزائي
فقط على منتديات فريق التطوير .. اقدم لكم كود وضع عارضة ازرار css اعلى منتداك

لن اطول عليكم

لكن أولا مفهوم بصيط لازرار السي اس اس

ازرار السي اس اس ,, هي عبارة عن ازرار .. مثلا يكون الزر في الاول لونو ابيض .. بعد مرور الماوس عليه يكون لونو ازرق مثلا !

والأن وقد علمنا ما هي ازرار السي اس اس اقدم لكم الكود

أولا نبحث عن

الكود:
<head>

ثم نضع بعد تماماً هذا

الكود:
<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>

ملاحظة : يجب املاء الاشياء المطلوبة منك + ستلاحظ في اخر الكود ان من اول الرمز
الكود:
<!-- BEGIN switch_user_logged_out -->
روابط تظهر للزوار

ومن اول

الكود:
<!-- BEGIN switch_user_logged_in -->
روابط تظهر للاعضاء فقط

مع تحياتي~♥

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

---------------------

شكراً لكم
AsHeK IbDa3
أحلى منتدى



avatar
...::|عضو جديد|::...

...::|عضو جديد|::...
الجوزاء
عدد المساهمات : 31
السٌّمعَة : 10
تاريخ الميلاد : 18/06/1993
تاريخ التسجيل : 16/03/2013
العمر : 25
معاينة صفحة البيانات الشخصي للعضو

رد: اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> AsHeK IbDa3 <<<

في الأربعاء أبريل 10, 2013 12:16 pm
شكرااااااااااااااااا لكم على الكووود
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى