Hỏi Về Tạo Tree Menu Chỉ Hiện Menu Cha, Click Chuột Hiện Menu Con

Thảo luận trong 'Hướng dẫn - Hỏi đáp' bắt đầu bởi dinhcongvinh, 31/7/13.

  1. dinhcongvinh

    dinhcongvinh Mới tham gia

    Bài viết:
    10
    Likes :
    1
    Capture.JPG
    Mọi người cho mình hỏi mình có cái tree như thế này. Giờ mình muốn chỉ hiện level 1 thôi (home,joomla.features,readmore, dowloads it). chỉ khi nào mình click chuột vào joomla hoăc feature thì mới show menu con của nó ra. Mình đang sài joomla 3.1.4. Ai biết chỉ mình với. Thank mọi người trước nhé!
     
  2. Hồ Bảo Nguyên

    Hồ Bảo Nguyên Rất tâm huyết

    Bài viết:
    438
    Likes :
    264
    Chào bạn,
    Dùng CSS đi bạn
    .menu ul{ display:none;}/*sub menu con ẩn đi*/
    .menu li.active>ul{display:block;}/*Khi item menu cha đang hiển thị thì hiển thị menu con*/
     
    kangasai, dinhcongvinh and chymbymbyp like this.
  3. TieuHuynh

    TieuHuynh thiet ke web

    Bài viết:
    186
    Likes :
    32
    Bác nhanh tay thật:)
     
  4. dinhcongvinh

    dinhcongvinh Mới tham gia

    Bài viết:
    10
    Likes :
    1
    Thank anh nhờ gợi ý của anh em đã làm oke.

    Mã:
    /*reset lai mau */
    .avatar-tree-menu a
    {
        color: #0966da;
    }
    
    /*an lan dau*/
    .avatar-tree-menu li ul li
        {
            display: none ;
            color:#FF0000;
        }
       
       
        .avatar-tree-menu li ul li ul
        {
            display: none !important;
            color:#FF0000;
        }   
     
    /*Chac active thi con hien */
    
        .avatar-tree-menu li.active ul li {
            display:block !important;
           
        }
       
        .avatar-tree-menu li ul li:before {
        content: "• ";
        color: red; /* or whatever color you prefer */
    }
       
        .avatar-tree-menu li ul li.active ul {
            display:block !important;
            list-style:square;
        }
       
    /*to mau */
    .avatar-tree-menu li.active a  {
            color: black;
        }
       
        /* gan lai mau cho menu cap 2 khi click cap 1 */
        .avatar-tree-menu li.active ul li a  {
            color: #0966da;
        }
       
        /* gan mau khi click cap 2*/
        .avatar-tree-menu li ul li.active a{
            color: black;
        }
       
        .avatar-tree-menu li ul li.active ul a{
            color: #0966da;
        }
       
        .avatar-tree-menu li ul li ul li.active a {
            color: black;
        }
        
     
    Hồ Bảo Nguyên thích bài này.
  5. TieuHuynh

    TieuHuynh thiet ke web

    Bài viết:
    186
    Likes :
    32
    Chúc mừng bạn nhé
     
  6. dangkynhanhieu

    dangkynhanhieu Rất tích cực

    Bài viết:
    186
    Likes :
    11
comments powered by Disqus

Chia sẻ trang này