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

شكــرا
إدارـــ ة المنتدي
كود قائمة علوية مع ازرار بتقنيه css 658560
Black Love

منتدى طريق التطوير

طريق التطوير اكبر منتدى لخدمات تطوير المواقع والمنتديات { دعم ، تطوير ، تصميم ، اشهار }
 
الرئيسيةالرئيسية  البوابةالبوابة  التسجيلالتسجيل  دخولدخول    


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
ملابس شبابية صيفي بموديلات تجنن
ادم المثالي
للعريس ..طريقة تنسيق القمصان مع ربطات العنق
إزالة ترهلات ودهون البطن وأفضل وصفة
النصائح العشر قبل الخطوبة
شدّ الوجه في المنزل
معلومات عن شجرة الزيتون
النوم عند الذئاب
معلومات عن زهور الزنبق الأمازوني بالصور
تطعيم شجرة الزيتون
الثلاثاء 23 يوليو 2019, 8:32 pm
الثلاثاء 23 يوليو 2019, 8:30 pm
الثلاثاء 23 يوليو 2019, 8:30 pm
الثلاثاء 23 يوليو 2019, 8:29 pm
الثلاثاء 23 يوليو 2019, 8:28 pm
الثلاثاء 23 يوليو 2019, 8:25 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة

شاطر

كود قائمة علوية مع ازرار بتقنيه css

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
كاتب الموضوعرسالة
ابو العصاصيم
عضو ذهبي
عضو ذهبي
ابو العصاصيم

عدد المساهمات : 362
نقاطي : 528
السٌّمعَة : 0
دولتي : فلسطين
الجنس : ذكر
ممزآجي : كود قائمة علوية مع ازرار بتقنيه css 10z10
احترام قوانين المنتدى : كود قائمة علوية مع ازرار بتقنيه css 111010

كود قائمة علوية مع ازرار بتقنيه css Empty
مُساهمةموضوع: كود قائمة علوية مع ازرار بتقنيه css كود قائمة علوية مع ازرار بتقنيه css Emptyالأحد 17 يناير 2016, 6:03 pm

اليوم اقدم لكم نافبار جميل او قائمة علوية بازرار منسدله بتقنية css

الكود يضاف overall_header

حيث تبحث عن <!-- BEGIN switch_fb_login -->

وتضيف الكود اعلاه مباشرتا

صورة للكود التومبيلات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
https://2img.net/h/oi59.tinypic.com/15d44so.jpg


الكود للتركيب

الكود:
<div id='cssmenu'>
<ul>
  <li><a href='#'><span>أضف عنوانا</span></a></li>
  <li><a href='#' target='_blank'><span>أضف عنوانا</span></a></li>
  <li><a href='#' target='_blank'><span>أضف عنوانا</span></a></li>
  <li><a href='#' target='_blank'><span>أضف عنوانا</span></a></li>
  <li><a href='#' target='_blank'><span>اتصل بنا</span></a></li>
  <li class='#'><a href='#'><span>أقسام الموقع</span></a>
      <ul>
        <li><a href='#' target='_blank'><span>القسم 1</span></a></li>
        <li class='last'><a href='#' target='_blank'><span>القسم 2</span></a></li>
      </ul>
  </li>
  <li><a href='/' target='_blank'><span>المنتدى</span></a></li>
  <li class='last'><a href='#'><span>الموقع</span></a></li>
</ul>
</div>
<style type="text/css">
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }
 
#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#3e698c; background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); background:linear-gradient(top,  #3e698c 0%,#30576e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 ); }
#cssmenu{border-color:#1b313d;}
#cssmenu > ul > li > a{border-right:1px solid #1b313d; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#6696bd;}
#cssmenu > ul > li > a:hover{background:#436f93;}
 
</style>
 
 
 

ushxg
توقيع : ابو العصاصيم




الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود قائمة علوية مع ازرار بتقنيه css

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
كاتب الموضوعرسالة
JAR7
عضو مشارك
عضو مشارك
JAR7

عدد المساهمات : 44
نقاطي : 47
السٌّمعَة : 13
ععمري : 29
دولتي : السعودية
الجنس : انثى
احترام قوانين المنتدى : كود قائمة علوية مع ازرار بتقنيه css 111010

كود قائمة علوية مع ازرار بتقنيه css Empty
مُساهمةموضوع: رد: كود قائمة علوية مع ازرار بتقنيه css كود قائمة علوية مع ازرار بتقنيه css Emptyالأربعاء 20 أبريل 2016, 3:29 pm

طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير
توقيع : JAR7




الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود قائمة علوية مع ازرار بتقنيه css

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
كاتب الموضوعرسالة
Mr.Abdelrhman
عضو مميز
عضو مميز
Mr.Abdelrhman

عدد المساهمات : 110
نقاطي : 117
السٌّمعَة : 11
ععمري : 19
دولتي : مصر
الجنس : ذكر
ممزآجي : كود قائمة علوية مع ازرار بتقنيه css 11z10
احترام قوانين المنتدى : كود قائمة علوية مع ازرار بتقنيه css 111010

كود قائمة علوية مع ازرار بتقنيه css Empty
مُساهمةموضوع: رد: كود قائمة علوية مع ازرار بتقنيه css كود قائمة علوية مع ازرار بتقنيه css Emptyالخميس 20 سبتمبر 2018, 1:32 pm

شكرآ علي الطرح 
شكرآ علي أبداعكم
توقيع : Mr.Abdelrhman




الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود قائمة علوية مع ازرار بتقنيه css

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى طريق التطوير :: اكواد احلى منتدى | T-ALTWER :: قسم اكواد TEMPLETE-
كود قائمة علوية مع ازرار بتقنيه css Empty

كود قائمة علوية مع ازرار بتقنيه css 88a1852c5d656c5