态度主题已用于我的WordPress网站 http://34.215.22.243。它功能强大且易于使用。

以下是其网站上有关此主题的一些介绍:

“态度是一种简单,干净且响应迅速的视网膜就绪WordPress主题,可自动适应您的平板电脑和移动设备。可以通过“自定义”轻松地自定义主题,其中包含众多主题选项。突出显示的选项包括两个网站布局(窄和宽),每个帖子/页面5种布局,5个页面模板,5个小部件区域,4个自定义小部件,突出显示您的帖子/页面的特色滑块,11个社交图标等等。还具有自定义背景,标题,菜单,网站图标,CSS,webclip图标和徽标。支持流行的插件,如Breadcrumb NavXT,WP-PageNavi和Contact Form7。它也可以翻译。可用翻译:繁体中文(台湾),西班牙语,挪威语(尼诺斯克),德语,俄语,荷兰语,意大利语和丹麦语。获得免费支持 http://themehorse.com/support-forum/

在原始主题中,菜单栏未放置在我想要的正确位置。它位于站点站点登录和标题图像之间。我发现要使用一些简单的CSS代码来操纵它。

1.使用绝对位置将其移到标题图像上方,并从顶部移至105px。 


#access {
position: absolute;
width: 100%;
z-index: 100;
}

.hgroup-wrap {
background-color: #fff;
top: 0;
}
#access {
top: 105px;
}


2.将其移至顶部并固定在窗口中,甚至滚动页面


#access {
position: fixed;
width: 100%;
z-index: 100;
background-color: #ffffff;
}

.hgroup-wrap {
background-color: #fff;
top: 0;
}
#access {
top: 0px;
}


3.使菜单栏更小,不透明度为90%,并且没有边框

#access {
position: fixed;
width: 100%;
z-index: 100;
background-color: #ffffff;
background: rgba(255, 255, 255, 0.9);
border: 0 none;
}

.hgroup-wrap {
background-color: #fff;
top: 0;
}
#access {
top: 0px;
}


#access a {
padding-top: 10px;
height: 30px;
}
.page-title-wrap {
padding: 10px 0;
}


4.制作子菜单Touch Horizo​​n菜单
单击子菜单时出现问题。每次鼠标移出水平菜单区域时,子菜单都会立即消失。最终,我发现这是因为我的子菜单距离“地平线”菜单太远了。
边距顶端:-25px 子菜单ul触摸菜单ul和padding-top:5px将第一个Li向下推5px。

#access {
position: fixed;
width: 100%;
z-index: 100;
background: #FFFFFF;
background: rgba(255, 255, 255, 0.9);
border: 0 none;
}

.hgroup-wrap {
background-color: #fff;
top: 0;
}
#access {
top: 0px;
}


#access a {
padding-top: 8px;
height: 26px;

}
.page-title-wrap {
padding: 8px 0;
}

#access li:hover ul {
display: block;
margin-top: -25px;
padding-top: 5px;
}



通过 约翰

发表评论