كيفية عمل قائمة بدون أضافة أكواد الجافة

قد شرحت مسبقا عن كيفية تغير القائمة بالروابط ولكن لم أشرح للناس الي عايزة قائمة مسندله ولكن بدون أي أضافة لأكواد الجافة اسكربت  الاول لازم تركز معاية  

نبدا علي بركة لله  قبل كل شيئ خد نسخه من القالب بتاعك 

هتروح  تبحث علي الكود ده : ]]></b:skin>  بعد كده هتحط فوقه هذا الكود 







#nav{height: 37px;border-bottom: 1px solid #666666;border-top: 1px solid #666666;overflow: hidden;width: 1010px;padding: 0px;margin: auto;background-color: #333;background-image: url("http://colrd.com/inc/css/images/layout/woodgrain-dark.png");background-repeat: repeat;border-bottom: 3px solid #d92405;}#topwrapper {width:1010px;height:40px;margin:0 auto;padding:0 auto;}.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}#top {width:100%;}#top, #top ul {padding: 0;margin: 0;list-style: none;}#top a {border-right: 1px solid #333333;text-align: left;display: block;text-decoration: none;padding: 5px 12px 11px;text-transform: none;color: #eee;font-family: hacen_liner;}#top a:hover {background:#d92405;color:#F6F6F6;}#top a.submenucol {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVCZ1iJxbym2R3MFPLjhuiVUoZJXv1p9qGk5WZL5j2FZSziAT6AJ_dqRe5LI5nU6Vghh8g1Po90Cq_EIhymyLkGX-dRwhYWW7_9qucGOjuZe6hjS-PlnCnBDrSiGdFVqbPpUdQHXFh_90/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 5px 24px 11px 12px;background-position: right center;}#top li {float: right;position: relative;}#top li {position: static !important;width: auto;}#top li ul, #top ul li {}#top ul li a {text-align: left;padding: 6px 15px;font-size: 17px;font-weight: normal;text-transform: none;border: none;font-family: hacen_liner;color: #FF0000;}#top li ul {z-index: 100;position: absolute;display: none;margin-left: -80px;padding: 10px 0;border-radius: 0px 0px 6px 6px;box-shadow: 0 2px 2px rgba(0,0,0,0.6);filter: alpha(opacity=87);opacity: .87;background: #d92405;float: right;width: 150px;}#top li ul li {float: right;margin: 0;padding: 0;}#top li:hover ul, #top li.hvr ul {display: block;}#top li:hover ul a, #top li.hvr ul a {color: #E8E7E7;background-color:transparent;text-decoration:none;}#top ul a:hover {text-decoration:underline!important;color:red !important;}#nav ul li .home {background: #d92405 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX23qHQr-x3_WPkIekMLZmIf3iuT-fnk05h-igqEVPUO3IszHHumrFhn9I611vpWzj7Cx-sFXzg10WnrG2b6J2NT3-KziU5qP6_tOKK3JrE4RgyvM9qzZ9yOYSYg9QhxZwEqGYWhHhb_g/s1600/home.png) center no-repeat;padding: 10px 25px 27px;}#top li ul.sub-menu{background-image: url("http://colrd.com/inc/css/images/layout/woodgrain-dark.png");width: 126px;border-bottom: 3px solid #d92405;}




ملحوظة : الشرح خاص للناس ألي مش عندها قائمة أفقية  والمدونات الجديده أي الاصليه 



هنقوم هنبحث عن هذا الكود  </header>


وحط فوقه هذا الكود 


 <div id='nav'>
<ul id='top'>
<li><a class='home' href='http://nthlam-elhyha.blogspot.com/'>  home </a></li>
<li><a class='submenucol' href='#'>تعديل </a>
<ul class='sub-menu'>
<li><a href='#'> تعديل </a></li>
</ul>
</li>
</ul>
<br class='clearit'/>
  </div>





غير ما بلون الاخضر برابط مدونتك

و ما بلون الاحمر بأسم القسم المراد أو التسمية التي تريد 

وهذه # غيرها والصق الرابط القسم أو التسميات 



ثم حفظ 

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

للأشتراك أضغط هنا  

شارك الموضوع معه أصدقائك

ليست هناك تعليقات:


علق لكن حظر من قول :( ما يلفظ إلا لديه رقيب عتيد )
_
عزيزي الزائر لضمان عرض تعليقق لا تعرض أرقام هواتف أو روابط أعلانية أو صور أباحيه
_ ملحوظة : ضع المؤشر للأستخدام التعبيرات _
المسموح به هو عرض رابط مدونتك لتعرض المشكلة به أو رابط صورة للمشكلة
الأبتساماتأخفاء الأبتسامات

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)
(:V)
أرشيف المدونة الإلكترونية