我想在我刚刚在我的新Blogger网站上安装的模板中获取HTML帮助。显示主菜单显然是一个“悬停”下拉列表'样式菜单,但我不想要它,我只需要主要单词可点击。目前,您需要将鼠标悬停在主要单词的下方或上方(使用'免费赠品'作为示例)以便点击它。 (这很奇怪)我怎样才能使它点击实际的单词' freebies'。旁注:此页面的响应式移动版本工作正常。任何帮助真的很感激!网站在这里:picketandvine.com
这是我认为的菜单位代码。对不起,我对此并不是很了解!
-----------------------------------------------
Blogger Template Style
Name: Glam Up
Author : http://www.soratemplates.com
License: Free Version
----------------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library:
http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;
font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
body#layout, body#layout .container {
width:800px;
}
body#layout #header {
margin-bottom: 80px;
clear:both;
}
body#layout #main {
width: 55%;
margin-right: 0;
}
body#layout #widget-area .widget, body#layout #sidebar .widget {
width: 100% !important;
}
body#layout #navigation {
height: auto;
margin-bottom: 60px;
margin-top: 30px;
position: relative;
width: 100%;
z-index: 999999;
}
body#layout #navigation-wrapper {
width:40%;
float:left;
}
body#layout #top-social {
float:right;
}
body#layout #widget-area .footerwidget {
width:250px;
margin-right: 20px;
}
body#layout #widget-area .widget, body#layout #sidebar .widget {
width:250px;
}
body {
background-color:#fff;
color: #444;
font-weight: 400;
-webkit-font-smoothing: antialiased;
font-size: 14px;
word-wrap: break-word;
font: normal normal 14px Georgia, Utopia, 'Palatino Linotype', Palatino,
serif;
margin: 0;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
color: #404040;
letter-spacing: .07em;
}
p {
font-size:14px;
line-height:26px;
}
a {
text-decoration:none;
color:#cea525;
}
a:hover {
}
a.quickedit img {width:18px!important;height:18px!important;}
h1,h2,h3,h4,h5,h6 {
font-family:"Open Sans", sans-serif;
}
.container {
width:1160px;
margin:0 auto;
}
.container.sp_sidebar {
overflow:hidden;
margin-top: 50px;
}
#main {
width:100%;
}
.container.sp_sidebar #main {
width:790px;
margin-right:30px;
float:left;
}
#sidebar {
width:320px;
float:right;
}
/********************************/
/*** Navigation ***/
/********************************/
#navigation {
background:#171717;
height:50px;
position:fixed;
z-index:999999;
width:100%;
-webkit-backface-visibility: hidden;
}
.slicknav_menu {
display:none;
}
#navigation .container {
position:relative;
}
.menu {
float:right;
}
.menu li {
display:inline-block;
margin-right:22px;
position:relative;
}
.menu li a {
font-family:"Open Sans", sans-serif;
font-size:11px;
font-weight:400;
letter-spacing:2px;
color:#fff;
line-height:50px;
text-transform:uppercase;
display:inline-block;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
}
/*** DROPDOWN ***/
.menu .sub-menu,
.menu .children {
background-color: #171717;
display: none;
padding: 0;
position: absolute;
margin-top:0;
left: 0;
z-index: 99999;
}
.menu li .sub-menu li ul{
left: 100%;
top: 0;
background: #383838;
display: block;
position: absolute;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
ul.menu ul a,
.menu ul ul a {
color: #999;
margin: 0;
padding: 6px 10px 7px 10px;
min-width: 160px;
line-height:20px;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
border-top:1px solid #333;
}
ul.menu ul li,
.menu ul ul li {
padding-right:0;
margin-right:0;
}
ul.menu ul a:hover,
.menu ul ul a:hover {
color: #fff;
background:#333;
}
ul.menu li:hover > ul,
.menu ul li:hover > ul {
display: block;
}
.menu li .sub-menu li:hover > ul {
visibility:visible;
opacity:10;
display:none;
}
.menu .sub-menu ul,
.menu .children ul {
left: 100%;
top: 0;
}
body#layout div#sidebar {
width: 270px;
}
.menu1 {
text-align:center;
}
div#navigation-wrapper1 {
border-top: 1px solid #ddd;
}
.menu1 li {
display:inline-block;
margin-right:35px;
position:relative;
}
.menu1 li a {
display: block;
line-height: 50px;
color: #7e7e7e;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
font-family: Raleway;
font-family: Lato;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
color: #222222;
}
/*** DROPDOWN ***/
.menu1 .sub-menu,
.menu1.children {
background-color: #171717;
display: none;
padding: 0;
position: absolute;
margin-top:0;
left: 0;
z-index: 99999;
}
ul.menu1 ul a,
.menu1 ul ul a {
color: #999;
margin: 0;
padding: 6px 10px 7px 10px;
min-width: 160px;
line-height:20px;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
border-top:1px solid #333;
}
ul.menu1 ul li,
.menu1 ul ul li {
padding-right:0;
margin-right:0;
}
ul.menu1 ul a:hover,
.menu1 ul ul a:hover {
color: #fff;
background:#333;
}
ul.menu1 li:hover > ul,
.menu1 ul li:hover > ul {
display: block;
}
.menu1 .sub-menu ul,
.menu1 .children ul {
left: 100%;
top: 0;
}
答案 0 :(得分:0)
转到博客设置并单击模板,感谢编辑模板查找要更改的菜单,而不是删除下拉菜单类代码并添加简单的<li>
标记。
希望这对你有所帮助,如果你有任何问题,请给我一些截图和代码,我会帮你更多
谢谢你