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

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



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

الرئيسيةموقع دراسة الراالمنشوراتس .و .جالتسجيلدخول
إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
أخر المشاركات
آخر المواضيع
الموضوع
تاريخ إرسال المشاركة
بواسطة
الصور البيانية
البحور العربية
وضعية ادماجية في اللغة الفرنسية 4 متوسط
نصائح وتوجيهات للمرأة المسلمة
من مواضيع الأخت الفاضلة.....هالة قليفط......
حكم التختم في الوسطى للنساء/من أصول الفقه
في أفضلية وحدة الفراش بين الزوجين
ما حكم إسقاط الحمل إذا كان فيه ضرر على الأم؟
(خصائص المرأة السلفية))*° للعلامة الشيخ مقبل بن هادي الوادعي -رحمه الله -
..في استعمال رمز القلب
اليوم في 3:56:25
اليوم في 3:55:16
اليوم في 3:53:30
اليوم في 0:51:24
اليوم في 0:50:25
اليوم في 0:48:54
اليوم في 0:47:44
اليوم في 0:46:18
اليوم في 0:44:37
اليوم في 0:43:41
chrifa
chrifa
chrifa
لحن الوفاء
لحن الوفاء
لحن الوفاء
لحن الوفاء
لحن الوفاء
لحن الوفاء
لحن الوفاء


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

شاطر

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

avatar

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

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

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

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


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


شكرا1





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








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



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



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

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


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

© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | مدونة مجانية
الموقع الأول للدراسة في الجزائر موقع تعليمي هدفه مساعدة تلاميذ و طلاب الجزائر على عبور الأطوار التعليمية على النجاح و تحسين نتائجهم و تطوير مستواهم و مستوى التعليم في الجزائر بصفة عامة٠د