将HTML输入标记添加到站点导航

时间:2013-09-17 作者:Stephen

我正在使用“二十一二”主题构建一个网站。我需要在菜单导航栏的最左侧添加一个输入文本框。这是来自标题的HTML。php和css from style。css。

HTML

<nav id="site-navigation" class="main-navigation" role="navigation">

        <h3 class="menu-toggle"><?php _e( \'Menu\', \'twentytwelve\' ); ?></h3>

        <a class="assistive-text" href="#content" title="<?php esc_attr_e( \'Skip to content\', \'twentytwelve\' ); ?>"><?php _e( \'Skip to content\', \'twentytwelve\' ); ?></a>

        <?php wp_nav_menu( array( \'theme_location\' => \'primary\', \'menu_class\' => \'nav-menu\' ) ); ?>

    </nav><!-- #site-navigation --
CSS:

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    display: inline-block !important;
    text-align: left;
    width: 100%;
    background-color: #000000;
    text-align: right;
    font-size: 50%;
    position: relative;
}
.main-navigation ul {
    margin: 0;
    text-indent: 0;

}
.main-navigation li a,
.main-navigation li {
    display: inline-block;
    text-decoration: none;

}
.main-navigation li a {
    font-size: 120%;
    font-family: \'calibri\';
    border-bottom: 0;
    color: #ffffff;
    line-height: 3.692307692;
    text-transform: uppercase;
    white-space: nowrap;

}
有人能帮我把输入文本和表单嵌入导航栏吗?我会用这个为客户提供他们的电子邮件地址。

1 个回复
SO网友:Manish

将输入文本标记和wordpress导航放在一个div中,并分别赋予它们左浮动和右浮动。如果工作正常,请尝试调整宽度。

结束