الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

اخواني اريد التعديل على اتجاه القائمة

بدأه man in dark في 7 يناير 2009 · 3 رد · 654 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكــم ورحمـة الله وبركاتــه

اخواني اريد التعديل على اتجاه القائمة القائمة من اليسار الى اليمين اريد العكس

كود CSS

  1.  
  2. #sidebar {
  3.     float: right
  4.     width: 90%
  5.     margin: 0
  6.     display: inline
  7. }
  8. #sidebar ul.sidemenu {
  9.     list-style:none
  10.     margin:10px 0 10px 15px
  11.     padding:0
  12. }
  13. #sidebar ul.sidemenu li {
  14.     margin-bottom:1px
  15.     border: 1px solid #f2f2f2
  16. }
  17. #sidebar ul.sidemenu a {
  18.     display:block
  19.     font-weight:bold
  20.     color: #333
  21.     text-decoration:none
  22.     padding:2px 5px 2px 10px
  23.     background: #f2f2f2
  24.     border-left:4px solid #CCC
  25.  
  26.     min-height:18px
  27. }
  28.  
  29. * html body #sidebar ul.sidemenu a { height: 18px }
  30.  
  31. #sidebar ul.sidemenu a:hover {
  32.     padding:2px 10px 2px 5px
  33.     background: #f2f2f2
  34.     color: #339900
  35.     border-left:4px solid #9EC630
  36. }
  37.  

كود HTML
  1.  
  2. <div id="sidebar" >
  3.  
  4.             <h1>Sidebar Menu</h1>
  5.             <ul class="sidemenu">
  6.                 <li><a href="index.html">Home</a></li>
  7.                 <li><a href="#TemplateInfo">Template Info</a></li>
  8.                 <li><a href="#SampleTags">Sample Tags</a></li>
  9.                 <li><a href="http://www.styleshout.com/">More Free Templates</a></li>
  10.                 <li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>
  11.             </ul>
  12.  
  13.         </div>
  14.  

صورة القائمة في المرفقات
 
post-131439-1231356778_thumb.jpg

      
      

      
    

  

    
    

      
#2
        
        

      
اخى الكريم ربما اكون قد خرجت عن مضمون سؤالك ولكن جرب هاتين القائمتين
/index.php?showtopic=182701

      
      

      
    

  

    
    

      
#3
        
        

      
في المرفقات
test.rar

      
      

      
I Say Nothing

    

  

    
    

      
#4
        
        

      
مشكر اخي الفيل الطائر على القائمتين
والف شكر اخي mana80 القائمة الان 100%

      
      

      
    

  

    
    
    
 مواضيع مشابهة