مجتمع حروف | عالم تعشقه الأقلام ®


 
الرئيسيةالرئيسية  التسجيلالتسجيل  دخولدخول  


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
| Template |.:: تعديل بيانات العضو مثل الفيبي تماما::.
مجتمع حروف يعود من جديد
طلب تغير اسمي
استايل اسلامي احترافي
إستايل تومبيلات - للمنتديات الرياضية
ستايل رومانسي جميل " انجليزي " | حروف ديزاين
ستايل اخضر فاتح | Let's all go green!
ستايل اخضر عام " انجليزي " | حروف ديزاين
[تحويل]ستايل همس الليل الإحترافي
استايل احترافى متميز لمنتديات الابداع والدعم والمساعده..حروف ديزاين |7RoOf-DeS
الخميس 11 أغسطس 2016 - 12:48
الأحد 24 أبريل 2016 - 9:39
الأحد 24 أبريل 2016 - 0:58
الجمعة 26 فبراير 2016 - 18:51
الجمعة 26 فبراير 2016 - 18:43
الجمعة 26 فبراير 2016 - 18:42
الجمعة 26 فبراير 2016 - 18:39
الجمعة 26 فبراير 2016 - 18:38
الجمعة 26 فبراير 2016 - 18:34
الجمعة 26 فبراير 2016 - 18:22
iNavalz
Mr.OuSsaMa
Sa3B 2nSaK
MY_ASWAN
MY_ASWAN
MY_ASWAN
MY_ASWAN
MY_ASWAN
MY_ASWAN
MY_ASWAN

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
E7SAS DESIGN
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 274
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 24/02/2014


مُساهمةموضوع: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الأربعاء 26 فبراير 2014 - 6:35

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

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

لن اطول عليكم

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


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



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

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


http://7roof-des.ace.sti75.servimg.com/u/f75/17/99/57/94/oouu_o81.png

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


http://7roof-des.ace.sti75.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
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 667
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 16/02/2014

مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الثلاثاء 4 مارس 2014 - 11:37

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
E7SAS DESIGN
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 274
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 24/02/2014


مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الجمعة 21 مارس 2014 - 13:13

العفو


الرجوع الى أعلى الصفحة اذهب الى الأسفل
prince king
عضو مجتمع حروف
عضو  مجتمع حروف
avatar

[ ڪِتـابَاتِيّ : 36
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 10/03/2014


مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الأربعاء 2 أبريل 2014 - 8:27

مشكوور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
agiliedi
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 667
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 16/02/2014

مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الأربعاء 9 أبريل 2014 - 15:22

ينقل للقسم المناسب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Hitch
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 1008
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 05/10/2013

مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الخميس 17 أبريل 2014 - 13:21

مشكوررر علي الموضوع ^^
الرجوع الى أعلى الصفحة اذهب الى الأسفل
mahmadawad
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 608
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 14/04/2014


مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الخميس 17 أبريل 2014 - 17:24

مشكوووور


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://man4.linkyoo.com
2hMeD77
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 137
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 20/04/2014


مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الأحد 4 مايو 2014 - 13:06

شششكرآ لكك ع كود آلتومبيلآت هذآ مميز للغاية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
دآعشش ْ xD
عضو متألق
عضو  متألق


[ ڪِتـابَاتِيّ : 267
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 31/07/2013



مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الجمعة 11 يوليو 2014 - 6:18

سلمت أناملك الذهبية عالطرح الرائع 
الذي أنار صفحات منتدى حروف
بكل ماهو جديد ؛ لك مني أرق وأجمل التحايا 
على هذا التألق والأبداع 
والذي هو حليفكِ دوما" إن شاء الله 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
jo seph
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 158
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 11/06/2014


مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   السبت 12 يوليو 2014 - 15:35


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

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

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

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

لآرٍوٍآح ـكُم أإلجمـيله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
asmaa.fr
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 390
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 22/08/2013


مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   الجمعة 8 أغسطس 2014 - 22:58

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بدر الزمان
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 343
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 23/09/2014


مُساهمةموضوع: رد: كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<   السبت 11 أكتوبر 2014 - 14:48

روعــــــــــــــــــة موضوعك أفرحتتني
سلمت أناملك وسلم إبداعك 
ودمت بحفظ الله ورعايته
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> EZEL <<<
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع حروف | عالم تعشقه الأقلام ®  :: حروف ديزاين لتطوير المواقع والمنتديات :: اكواد تومبلات | Template-
انتقل الى: