بصمة المستقبل



 
الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  
منتديات بصمة المستقبل
أدوات الموضوع: JPG-NetВидеоМузыкафоторедакторТранслитТранслит
المواضيع الأخيرة
» برنامج لتعلم اللغة الانجليزية لاجهزة الايفون والاندرويد
من طرف خالداء السبت 19 نوفمبر 2016, 12:34 am

» ثورة فى تعليم اللغات بأسرع وأقوى طريقة مبتكره
من طرف خالداء الجمعة 11 نوفمبر 2016, 10:40 pm

» خطوة خطوة .. حتى تصبح طموحاتك بالإنجليزي حقيقة ( دروس + قاموس )
من طرف خالداء الجمعة 04 نوفمبر 2016, 12:29 am

» تعلم اللغة الإنجليزية بالصور
من طرف خالداء السبت 27 فبراير 2016, 9:39 pm

» افضل قاموس انجليزيه ناطق و الاكثر تحميلا
من طرف خالداء الإثنين 14 ديسمبر 2015, 6:21 pm

» حـــمـــلة اتـــعلـــم واتـــكلـــم - دورة اللغة الانجليزية مجانا ع موبيلك
من طرف AbdouBrn الجمعة 30 أكتوبر 2015, 12:34 pm

» نحن جزائرين .. لا للفتنة ..
من طرف AbdouBrn السبت 29 أغسطس 2015, 9:33 pm

» الشاى السحري للتخسيس المضمون فى وقت سريع
من طرف AbdouBrn السبت 29 أغسطس 2015, 9:33 pm

» فرصه لمن يريد العمل من المنزل والربح وزيادة الدخل لجميع المحافظات
من طرف AbdouBrn الأحد 10 مايو 2015, 9:31 pm

» شركة التل تقدم فحم الكوكونارا الفاخر
من طرف AbdouBrn الثلاثاء 16 سبتمبر 2014, 8:32 pm

اشترك في القائمة البريدية ليصلك جديدنا :

شاطر | 
 

 جميع كودات css لـ ازرار التصفح روعة

اذهب الى الأسفل 
كاتب الموضوعرسالة
AbdouBrn
المدير العام
المدير العام
avatar

. : ~| معلومات العضو |~
جنسي ذكر
•عمري• •عمري• : 18
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 663
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 12
النقاط النقاط : 1490
100

مُساهمةموضوع: جميع كودات css لـ ازرار التصفح روعة   الأربعاء 05 سبتمبر 2012, 10:59 am

كود جميل لزرار المتصفحه

صوره توضيح
للايقونات الرئيسيه




وبعد مرور الموس عليها ستصبح هكذا




الكود من نوع
Css

لوحه التحكم
مظهر المنتدى
الصور و الألوان
الوان
ورقه تصميم Css

اولا للنسخه Phpbb2


الكود:
div#page-body{
margin-top:5px;
}

a.mainmenu img {
display:none;
}

a.mainmenu
 {
margin:0 -6px;
padding:5px;
background-color:#606060;
color:white;
text-decoration:none
 !important;
}

a.mainmenu:hover {
color:red;
background-color:#505050;
text-decoration:none;
}

a.mainmenu:focus
 {
color:blue;
text-decoration:none;
}
وايضا للنسخه
PunBB



الكود:
#pun-navlinks li{
margin-right:-10px;
}

#pun-navlinks
 li a {
color:white !important; /*Цвет текста*/
background-color:#404040;
 /*Цвет фона*/
margin:0;
padding:5px;
}

#pun-navlinks li
 a:hover {
background-color:#101010; /*Цвет фона при наведении*/
color:red;
 /*Цвет текста при наведении*/
}

#pun-navlinks li a img {
display:none;
}

#pun-navlinks
 a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration:none;
}

#pun-navlinks
 li a:active {
color:orange;
}

#pun-navlinks li a:focus {
color:blue;
 /*Цвет текста при нажатии*/
}


عدل سابقا من قبل abdou 97 في الأحد 23 سبتمبر 2012, 8:07 pm عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://imprint-future.yoo7.com
AbdouBrn
المدير العام
المدير العام
avatar

. : ~| معلومات العضو |~
جنسي ذكر
•عمري• •عمري• : 18
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 663
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 12
النقاط النقاط : 1490
100

مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس    الأربعاء 05 سبتمبر 2012, 1:03 pm

كود يقوم بتحريك أزرار التصفح عند مرور الماوس

يعمل على جميع النسخ

مثال بالصور

هذه الأزرار



https://i.servimg.com/u/f37/14/97/99/24/111.png
وعند مرور الماوس على أحدها
يتحرك هكذا

https://i.servimg.com/u/f37/14/97/99/24/112.png




https://i.servimg.com/u/f37/14/97/99/24/211.png




الكود يوضع بورقة الــــcss

لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم الـcss


https://i.servimg.com/u/f37/14/97/99/24/css10.png



الكود للأعلى


الكود:
.mainmenu {
display:inline-block;
height:37px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:0px;
}
a.mainmenu img:hover{
margin-top:-37px;
}




كود تحيرك لآسفل


الكود:
.mainmenu {
display:inline-block;
height:37px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:0px;
}
a.mainmenu img:hover{
margin-top: 37px;
}

لتقليل المسافة التى يتحركها الزر
يمكنك التعديل على الرقم اللى بالكود
وهو 37
وأجعله ما تريد


ارجوا ان اكون افدتكم
انتهي الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://imprint-future.yoo7.com
AbdouBrn
المدير العام
المدير العام
avatar

. : ~| معلومات العضو |~
جنسي ذكر
•عمري• •عمري• : 18
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 663
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 12
النقاط النقاط : 1490
100

مُساهمةموضوع: كود CSS لوضع خلفية لأزرار المنتدى للنسخة phpBB2    الأربعاء 05 سبتمبر 2012, 1:20 pm



السلام عليكم

كود رائع لوضع خلفية لأزرار المنتدى حتى تصبح النتيجة بعد وضع الكود


https://i.servimg.com/u/f25/15/95/28/21/mine_e10.png

طريقة العمل
اولا نذهب الي :لوحة الادارة > مظهر المنتدي > الصفحة الرئيسية و ازرار التصفُّح
اظهار الصور فقط في عارضة أزرار التصفح : نختار
لاء
ثانيا نذهب الي : لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css
ثم نضع الكود التالي فيها


الكود:
  .mainmenu {
    background-image: url('http://i25.servimg.com/u/f25/15/95/28/21/backgr11.png');
    background-repeat: repeat-x;
    padding-right: 16px;
    padding-left: 17px;
    margin-left: -13px;
    color: #ffffff;
    font-size: 13px;
    font-weight : bold;
    }
    a.mainmenu{
    text-decoration: none;
    color : #ffffff;
}


ثم سجل

اقتباس :
يمكنكم تغير صورة الخلفية من
https://i.servimg.com/u/f25/15/95/28/21/backgr11.png

وشكرا
تحياتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://imprint-future.yoo7.com
generals
عضو مشارك
عضو مشارك
avatar

. : ~| معلومات العضو |~
جنسي ذكر
•عمري• •عمري• : 23
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 64
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 3
النقاط النقاط : 99
100

مُساهمةموضوع: رد: جميع كودات css لـ ازرار التصفح روعة   الجمعة 17 مايو 2013, 3:22 pm

سلمت آنآملگمآ شآء آلله سلمت آيآديگ على موضوگ آلمميز و چعلهآ في ميزآن حسنآتگآخي آلگريم شگرآ لگ لموضوعگ آلمميز


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cs-co.arabepro.com/
اسيرة الحزن
عضو مشارك
عضو مشارك
avatar

. : ~| معلومات العضو |~
جنسي انثى
•عمري• •عمري• : 18
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 60
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 1
النقاط النقاط : 65
100

مُساهمةموضوع: جميع كودات css لـ ازرار التصفح روعة   الإثنين 20 مايو 2013, 6:34 pm

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

. : ~| معلومات العضو |~
جنسي ذكر
•عمري• •عمري• : 33
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 9
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 0
النقاط النقاط : 11
100

مُساهمةموضوع: رد: جميع كودات css لـ ازرار التصفح روعة   الخميس 22 أغسطس 2013, 3:41 pm

يعطيك الصحة حبيبنا

تحيات
عمآر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
جميع كودات css لـ ازرار التصفح روعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بصمة المستقبل :: تطوير المنتديات :: Css-
انتقل الى: