-

جديد اليوم على ليالي مصرية

الرئيسيةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

اخر المواضيع

جديدلاتفوت عروض بنده اليوم 22 يونيو 2017 الموافق 27 رمضان 1438 عروض الثلاث أيامأمس في 03:51 am من طرفحلم الايامجديدلاتفوت عروض كارفور عيدكم مبارك 21 يونيو 2017 الموافق 26 رمضان 143821/06/17, 01:36 am من طرفحلم الايامجديدلاتفوت عروض المدينة هايبر اليوم 19 يونيو 2017 الموافق 24 رمضان 1438 عروض طازجة19/06/17, 02:25 am من طرفحلم الايامجديدلاتفوت عروض لولو المنطقة الشرقية 18 يونيو 2017 الأحد 23 رمضان 1438 عروض العيد18/06/17, 02:43 am من طرفحلم الايامجديدعروض بنده عروض لمدة 4أيام فقط 20 رمضان 1438 الموافق 2017/6/1516/06/17, 02:34 am من طرفحلم الايامجديدلاتفوت عروض لولو الدمام اسعار مخفضة 14 يونيو 2017 الموافق 19 رمضان 143814/06/17, 03:42 am من طرفحلم الايامجديدبرنامج تحويل الفيديو الى عدة صيغ GOM Video Converter 2.0.0.114/06/17, 12:44 am من طرفنبض العيونجديدبرنامج تحرير الفيديو وانتاج مقاطع فيديو Movavi Video Editor 12.5.013/06/17, 11:47 pm من طرفنبض العيونجديدلا تفوت عروض السدحان لليوم 12 يونيو 2017 الاثنين 17 رمضان 1438 عروض منتصف الأسبوع12/06/17, 05:40 pm من طرفحلم الايامجديدبرنامج إزالة ومكافحة الفيروسات واحصنة طروادة Rising Antivirus Free 23.00.76.9312/06/17, 02:28 am من طرفنبض العيون


تم النشر بقلم :Yassine Bablil:08/11/15, 07:14 pm - -

 المشاركة رقم: #1
مصراوي مفيش منه
تواصل معى
معاينة صفحة البيانات الشخصي للعضو
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 107
 نقاط : 2104
 تاريخ التسجيل : 26/10/2015
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
حصريا طريقة انشاء قائمة منسدلة بها تبويبات احترافية + كود جاهز
إضافة مميزة بتنسيق حصري تقوم الإضافة بعمل تبويبات او قوائم منسدلة لكن بتفعيل يدوي عبر الضغط يمكنك عبر تلك القائمة ان تنشئ الكثير من الأشياء قائمة روابط مثلا لمن يحبون عمل أسئلة أو يمكن عمل فهرس لاهم المواضيع او حتى اضافة أدوات تظهر مع الضغط وهذا ما سنراه


http://i21.servimg.com/u/f21/18/04/55/46/1116.png


 هذا هو كود جاهز يمكنك استخدامه في اي مكان تريده أو حتى داخل موضوع
الكود:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

<script src='https://cnmu.googlecode.com/svn/trunk/2014/vmenu.js' type='text/javascript'></script>

<style>

.cnmuvrmenu {

  list-style: none outside none;

  margin: 0 auto;

  padding: 0;

  width: 300px;

}

.cnmuvrmenu .button a {

  background:
url("https://lh6.googleusercontent.com/-taGhCUDRGUk/U_8HFbwtw7I/AAAAAAAAEko/J_KWIOVPWW0/s16/cnmuarrow.png")
 no-repeat scroll 4px center #0480d9;

  border-radius: 3px;

  color: #fff;

  font-size: 16px;

  font-weight: bold;

  margin-bottom: 5px;

  padding: 5px 8px 6px 2px;

}

.cnmuvrmenu .menu li {

  color: #555;

  font-size: 14px;

  list-style: none outside none;

}

.cnmuvmdrop li {

  background: #f1f1f1;

  border: 1px solid #bbb;

  color: #888;

  margin: 5px 0;

  padding: 4px 10px;

  transition: all 0.7s ease 0s;

}

.cnmuvmdrop li:hover {

  background:  #e7f3fc;

  border: 1px solid #7dc2f3;

}

.cnmuvmdrop a {

  color: #000;

  display: inline !important;

}

.cnmuvrmenu a {display: block; text-decoration: none; transition: all 0.7s ease 0s;}

.cnmuvrmenu .menu ul {margin: 0; padding: 0; width: 100%;}

.cnmuvmdrop li a:hover {text-decoration:none;}

.cnmuvmdrop{display:none;}

</style>

<ul class="cnmuvrmenu">

<!--------1-------->

<li class="menu">

<ul>

<li class="button"><a href="#" >القائمة الاولى</a></li>            

<li class="cnmuvmdrop">

<ul>

<li>1. <a href="#">تعديل القائمة الأولى</a></li>

<li>2. <a href="#">تعديل القائمة الأولى</a></li>

<li>3. <a href="#">تعديل القائمة الأولى</a></li>

</ul>

</li>

</ul>

</li>

<!--------2-------->
<li class="menu">
<ul>
<li class="button"><a href="#" >القائمة الثانية</a></li>            
<li class="cnmuvmdrop">
<ul>
<li>1. <a href="#">تعديل القائمة الثانية</a></li>
<li>2. <a href="#">تعديل القائمة الثانية</a></li>
<li>3. <a href="#">تعديل القائمة الثانية</a></li>
<li>4. <a href="#">تعديل القائمة الثانية</a></li>
<li>5. <a href="#">تعديل القائمة الثانية</a></li>
</ul>
</li>
</ul>
</li>

</ul>

طبعا ما هو الطريقة سهلة ويمكنك اقتباس و اضافة ما تريده واضافة عدد لا متناهي بدون اي مشاكل


وترقبو المزيد بادن الله
 


تم النشر بقلم :Yassine Bablil08/11/15, 07:14 pm    

تعليقات القراء



توقيع : Yassine Bablil






الإشارات المرجعية



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

رفع الصور رفع فيديو أغانى فوتوشوب ترجمة رموز الكتابة ردود جاهزة صندوق متطور



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



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

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