(Tumblr主题)垂直下拉菜单与子菜单

时间:2017-05-10 05:57:32

标签: css menu tumblr nav dropdown

我创建了一个垂直下拉菜单,其中包含自定义Tumblr主题的子菜单。菜单位于右侧的侧栏下方。

我想知道是否有人可以为我查看代码。我无法判断代码中是否有错误。我不是编码专家。我确实从在线教程中获取了这些代码并对其进行了一些调整。我确实要求做教程的人帮忙,但他们没有回复我。如果有人可以帮我解决这些代码或者引导我在线学习一些好的教程,我将感激不尽。

以下是工作代码:



#navsmenu, ul, li, li li {
    margin: 0;
    padding: 0;
    }
 
    #navsmenu {
    position: fixed;
    margin-top: 16px;
    right: 176;
    width: 150px;
    height: 27px;
    }
 
    #navsmenu ul {
    line-height: 25px;
    }
 
    #navsmenu li {
    list-style: none;
    position: relative;
    background: #79cde2;
    }
 
    #navsmenu li li {
    list-style: none;
    position: relative;
    background: #79cde2;
    left: 148px;
    top: -27px;
    }
 
    #navsmenu ul li a {
    width: 148px;
    height: 25px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    color: #ffffff;
    border: 1px solid #eee;
    }
 
    #navsmenu ul ul {
    position: absolute;
    visibility: hidden;
    top: 27px;
    }
 
    #navsmenu ul li:hover ul {
    visibility: visible;
    }
 
    #navsmenu li:hover {
    background-color: #f8a542;
    }
 
    #navsmenu ul li:hover ul li a:hover {
    background-color: #f8a542;
    }
 
    #navsmenu a:hover {
    font-weight: bold;
    }

<div id="navsmenu">
    <ul>
    <li><a href="#">ABOUT</a></li>
    <li><a href="#">VIDEOS</a>
    <ul>
       <li><a href="#">K-POP REVIEWS</a></li>
       <li><a href="#">K HIP-HOP REVIEWS</a></li>
       <li><a href="#">SHORT K-POP REVIEWS</a></li>
       <li><a href="#">SERIOUS K-POP RANTS</a></li>
       <li><a href="#">K-POP DANCE COVERS</a></li>
       <li><a href="#">LIFE RANTS</a></li>
    </ul>
       </li>
       <li><a href="#">RANDOM K-POP</a></li>
       <li><a href="#">K-POP EDITS & GRAPHICS</a></li>
    </ul>
    </div>
&#13;
&#13;
&#13;

0 个答案:

没有答案