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

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

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

نموذج إعلان

pic

نموذج إعلان

pic

نموذج إعلان

pic


آخر المواضيع
الموضوع
تاريخ إرسال المشاركة
بواسطة
نماذج لاختبارات الهندسة المدنية أولى ثانوي
نموذج لاختبار الثلاثي الأول في اللغة العربية 1 ج م ع ت
الموضوع : قيم روحية واجتماعية في الإسلام ( د . شوقي ضيف)
نموذج لاختبار الثلاثي الثاني في اللغة الفرنسية 1 ثانوي
اريد تحضير النص التواصلي تحول الهجاء عند الأخطل والفرزدق وجرير الى نقاءض ص 187
: معلم الأمثال ( حسين مروة ) الحكم في الجاهلية ( بطرس البستاني ) ص 69
الفرض الأول في مادة العلوم الطبيعية للسنة أولى ثانوي جذع مشترك علوم وتكنلوجيا
اختبار في مادة الرياضيات
الموضـوع : شعر الفتوح وآثاره النفسية ( النعمان عبد المتعال القاضي ) ص 119
بحث في مادة الانجليزية للسنة اولى ثانوي حول making a consumer guide
من آثار الإسلام على الفكر واللغة (د/ زكريا عبد الرحمان صيام) ص 134
الوضعيات التعلمية في التاريخ – للسنة الأولى ثانوي
الأربعاء 16 أغسطس - 18:43:39
الأربعاء 16 أغسطس - 18:43:28
الأربعاء 16 أغسطس - 18:43:14
الأربعاء 16 أغسطس - 18:42:51
الأربعاء 16 أغسطس - 18:42:34
الأربعاء 16 أغسطس - 18:42:16
الأربعاء 16 أغسطس - 18:42:06
الأربعاء 16 أغسطس - 18:41:54
الأربعاء 16 أغسطس - 18:41:39
الأربعاء 16 أغسطس - 18:41:25
الأربعاء 16 أغسطس - 18:41:01
الأربعاء 16 أغسطس - 18:40:46
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف
محمد كمال عبد الرؤوف

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

شاطر

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

avatar

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

عدد المساهمات : 16672
تاريخ التسجيل : 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

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

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


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


شكرا1





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








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



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



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

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


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

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