منتديات جواهر ستار التعليمية
أهلا وسهلا بك زائرنا الكريم ، في منتديات جواهر ستار التعليميه
المرجو منك أن تقوم بتسجـيل الدخول لتقوم بالمشاركة معنا. إن لم يكن لـديك حساب بعـد ، نتشرف بدعوتك لإنشائه بالتسجيل لديـنا . سنكون سعـداء جدا بانضمامك الي اسرة المنتدى

مع تحيات الإدارة

نسيت كلمة السر !!

نموذج إعلان

pic

نموذج إعلان

pic

نموذج إعلان

pic


آخر المواضيع
الموضوع
تاريخ إرسال المشاركة
بواسطة
1ère année secondaire Document d’accompagnement du programme
I.1.3. L’évaluation certificative :
المحور : النقل والمواصلات الوحدة الثالثة : في انتظار الحافلة
التمارين المقترحة في الرياضيات قسم الثانية ابتدائي
اختبار في مادة اللغة العربية للسنة التالثة ابتدائي جيل التاني
وهل تبرير اللاشعور يمثل نظرية علمية قائمة بذاتها ، أم يظل مجرد افتراض فلسفي ؟
من الليبيدو إلى الغريزة العدوانية :
- فكرة اللاشعور عند فرويد ( وظهور التحليل النفسي )
مراحل تكون الفراشة
عائلة ألكساندر أكثر العائلات جنوناً عبر التاريخ
لو سمحتم أرغب في نسخة من بحث الموسوم بعنوان: [rtl]اثر استخدام تكنولوجيا المعلومات و الاتصال على الاداء التسويقي
الإشهار
أمس في 21:45:10
أمس في 21:44:49
أمس في 21:43:23
أمس في 21:43:00
أمس في 21:42:40
أمس في 21:40:51
أمس في 21:40:29
أمس في 21:40:08
أمس في 21:36:43
أمس في 21:35:08
أمس في 21:17:14
أمس في 18:16:37
fati angel
fati angel
fati angel
fati angel
fati angel
berber
berber
berber
محمد12
محمد12
محمد12
محمد12
الاعضاء فقط من يستطيع النسخ بعد مشركات
0

منتديات جواهر ستار التعليمية :: الاكواد و التقنيات || Codes and techniques

شاطر

الثلاثاء 16 سبتمبر - 13:44:59
المشاركة رقم:
Admin
Admin

avatar

إحصائيةالعضو

عدد المساهمات : 17419
تاريخ التسجيل : 16/06/2009
http://www.berberjawahir.com/
مُساهمةموضوع: كود القائمة فى الاقسام بخلفيه متحركه--css


كود القائمة فى الاقسام بخلفيه متحركه--css


/* ----------------------------- كود القائمة فى الاقسام بخلفيه متحركه----------------------------- */


ul{
margin:0;
padding:0;
}

li{
display:inline;
list-type:none;
}

a.glidebutton{
display: inline-block;
position: relative;
color: #4A4A4A; /* default color */
background: #ececec; /* default bg color */
text-decoration: none;
font: bold 14px Arial; /* font settings */
letter-spacing: 2px; /* font settings */
overflow: hidden;
height: 30px; /* height of each button */
text-align: center;
border-radius: 5px; /* border radius */
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

a.glidebutton > span:first-child{ /* first span inside button */
position: relative;
display: block;
height: 100%;
padding: 6px; /* padding of button */
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

a.glidebutton > span:first-child:after{ /* CSS generated content */
content: attr(data-text); /* Duplicate text of span markup */
display: block;
width: 100%;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: inherit;
position: absolute;
top:100%;
left:0;
}

a.glidebutton:hover{
color: black; /* color of button on hover */
background: #72cb47; /* bg color of button on hover */
box-shadow: 0 0 4px green inset;
}

a.glidebutton:hover > span:first-child{
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* ----------------------------- كود القائمة فى الاقسام بخلفيه متحركه----------------------------- */




توقيع : berber





الثلاثاء 16 سبتمبر - 16:22:55
المشاركة رقم:
كبار الشخصيات
كبار الشخصيات

avatar

إحصائيةالعضو

عدد المساهمات : 5482
تاريخ التسجيل : 12/08/2014
مُساهمةموضوع: رد: كود القائمة فى الاقسام بخلفيه متحركه--css


كود القائمة فى الاقسام بخلفيه متحركه--css


شكرا1





توقيع : هنا جلال








الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)



تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


مواضيع ذات صلة

منتدى تحضير بكالوريا 2017 قسم السنة الرابعة متوسط شهادة المتوسط BEM 2017منتديات جواهر ستار التعليمية