مجتمع حروف | عالم تعشقه الأقلام ®
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
مجتمع حروف | عالم تعشقه الأقلام ®

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

+6
2hMeD77
mahmadawad
Hitch
prince king
agiliedi
E7SAS DESIGN
10 مشترك
مجتمع حروف | عالم تعشقه الأقلام ®  :: حروف ديزاين لتطوير المواقع والمنتديات :: اكواد تومبلات | Template
اذهب الى الأسفل
E7SAS DESIGN
E7SAS DESIGN
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 274
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 24/02/2014
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_m10
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الأربعاء 26 فبراير 2014 - 6:35
السلام عليكم ورحمة الله تعالى وبركاته

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

لن اطول عليكم

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


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



ومعاينة توضيحية اكثر :

قبل مرور الماوس

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Oouu_o81
https://7roof-des.yoo7.comi75.servimg.com/u/f75/17/99/57/94/oouu_o81.png

بعد مرور الماوس

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Oouu_o82
https://7roof-des.yoo7.comi75.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 */


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

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

مع تحياتي~♥

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

---------------------
agiliedi
agiliedi
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 667
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 16/02/2014
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الثلاثاء 4 مارس 2014 - 11:37
شكرا لك
E7SAS DESIGN
E7SAS DESIGN
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 274
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 24/02/2014
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_m10
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الجمعة 21 مارس 2014 - 13:13
العفو
prince king
prince king
عضو مجتمع حروف
عضو مجتمع حروف
[ ڪِتـابَاتِيّ : 36
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 10/03/2014
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_m10
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الأربعاء 2 أبريل 2014 - 8:27
مشكوور
agiliedi
agiliedi
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 667
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 16/02/2014
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الأربعاء 9 أبريل 2014 - 15:22
ينقل للقسم المناسب
Hitch
Hitch
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 1008
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 05/10/2013
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الخميس 17 أبريل 2014 - 13:21
مشكوررر علي الموضوع ^^
mahmadawad
mahmadawad
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 608
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 14/04/2014
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_a10
http://man4.linkyoo.com
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الخميس 17 أبريل 2014 - 17:24
مشكوووور
2hMeD77
2hMeD77
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 137
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 20/04/2014
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_l11
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الأحد 4 مايو 2014 - 13:06
شششكرآ لكك ع كود آلتومبيلآت هذآ مميز للغاية
avatar
دآعشش ْ xD
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 267
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 31/07/2013
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_a10
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< L63
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الجمعة 11 يوليو 2014 - 6:18
سلمت أناملك الذهبية عالطرح الرائع 
الذي أنار صفحات منتدى حروف
بكل ماهو جديد ؛ لك مني أرق وأجمل التحايا 
على هذا التألق والأبداع 
والذي هو حليفكِ دوما" إن شاء الله 
jo seph
jo seph
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 158
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 11/06/2014
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_l11
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

السبت 12 يوليو 2014 - 15:35

دُمتَمْ بِهذآ الع ـطآء أإلمستَمـرٍ

يُسع ـدنى أإلـرٍد على مـوٍأإضيعكًـم

وٍأإألتلـذذ بِمـآ قرٍأإتْ وٍشآهـدتْ

تـقبلـوٍ خ ـآلص إحترامي

لآرٍوٍآح ـكُم أإلجمـيله
asmaa.fr
asmaa.fr
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 390
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 22/08/2013
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_e10
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

الجمعة 8 أغسطس 2014 - 22:58
شكرا لك
بدر الزمان
بدر الزمان
عضو متألق
عضو متألق
[ ڪِتـابَاتِيّ : 343
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 23/09/2014
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Flag_e10
+

كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<< Empty رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<

السبت 11 أكتوبر 2014 - 14:48
روعــــــــــــــــــة موضوعك أفرحتتني
سلمت أناملك وسلم إبداعك 
ودمت بحفظ الله ورعايته
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى