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

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



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

الرئيسيةموقع دراسة الراس .و .جالتسجيل
آخر المواضيع
الموضوع
تاريخ إرسال المشاركة
بواسطة
تقطيع البيت وتسمية بحره:
إعراب سورة المرسلات
كود css لحذف حقوق احلى منتدى من العارضه واستبداله بأسم منتداك
عشرون نصيحة للطلاب في الامتحانات
هيا نقف مع أنفسنا وقفة صادقة
امتحان بكالوريا تجريبي دورة:ماي 2015
بكالوريا تجريبية دورة ماي 2014 مادة علوم الطبيعة والحياة. ثانوية:السايح بولرباح+بشير بسكري
بكالوريا تجريبي دورة ماي 2013 المـادة: علوم الطبيعة والحياة الشعبة : علوم تجريبية
امتحان الفصل الثالث لمادة علوم الطبيعة و الحياة المستوى :السنة الثالثة علوم تجريبية
الحل النموذجي لبكالوريا تجريبي 2012/2013 للأقسام النهائية العلمية لثانوية المجاهد قاضي عثمان تيشي بجاية
الحل المقترح لامتحان بكالوريا تجريبي 2013/2014م
اختبار بكالوريا تجريبي في مادة العلوم الطبيعية السنة الدراسية: 2013/2014م
Niveau : 4éme Examen final
امتحان تجريبي شهادة التعليم المتوسط اختبار في مــادة اللغة الأجنبية الأولى
اختبار الفصل الثاني في الرياضيات اقسام السنة الرابعة ابتدائ
اليوم في 16:16:57
اليوم في 16:09:54
اليوم في 14:00:35
اليوم في 13:58:44
اليوم في 12:53:14
اليوم في 12:39:26
اليوم في 12:11:38
اليوم في 12:11:00
اليوم في 12:06:24
اليوم في 12:03:08
اليوم في 12:02:42
اليوم في 12:02:29
اليوم في 11:44:20
اليوم في 11:43:47
اليوم في 11:36:04
الرياغي مراد اب
الرياغي مراد اب
محمد12
محمد12
farida
ايهاب محمدمسعود
لبنى الجزائرية
لبنى الجزائرية
لبنى الجزائرية
لبنى الجزائرية
لبنى الجزائرية
لبنى الجزائرية
لبنى الجزائرية
لبنى الجزائرية
محمد كمال عبد الرؤوف

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

شاطر

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

avatar

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

عدد المساهمات : 15248
تاريخ التسجيل : 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%);
}
/* ----------------------------- كود القائمة فى الاقسام بخلفيه متحركه----------------------------- */




الموضوعالأصلي : كود القائمة فى الاقسام بخلفيه متحركه--css // المصدر : منتديات أحلى حكاية //الكاتب: berber


توقيع : berber





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

avatar

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

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


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


شكرا1





الموضوعالأصلي : كود القائمة فى الاقسام بخلفيه متحركه--css // المصدر : منتديات أحلى حكاية //الكاتب: هنا جلال


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








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



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



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

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