我想在页面选择器旁边放置搜索栏

时间:2019-04-19 10:08:44

标签: html css

我是新手,我想知道将搜索栏放在页面选择器旁边的方法。 现在是屏幕截图: https://imgur.com/a/S9X3sIc

我的愿望布局: https://imgur.com/a/0zx3rfl

我该怎么做?我需要你的帮助。提前致谢。我爱你们。 :D

    <div class="wpf-navi <?php echo esc_attr($class) ?>">
        <div class="wpf-navi-wrap">
    <div id="wpf-widget-search" class="wpforo-widget-wrap"><form action="<?php echo wpforo_home_url() ?>" method="get">
        <?php wpforo_make_hidden_fields_from_url( wpforo_home_url() ) ?>
        <input type="text" placeholder="<?php wpforo_phrase('Search...') ?>" name="wpfs" class="wpfw-70" value="<?php echo isset($_GET['wpfs']) ? esc_attr(sanitize_text_field($_GET['wpfs'])) : '' ?>" ><input type="submit" class="wpfw-20" value="&raquo;">
                </form></div>
            <span class="wpf-page-info">
                <?php wpforo_phrase('Page') ?> <?php echo intval($paged) ?> / <?php echo intval($pages_count) ?>
            </span>
            <?php if( $paged - 1 > 0 ): $prev_url = ( ($paged - 1) == 1 ? $sanitized_current_url : sprintf($url, $paged - 1) ); ?>
                <a href="<?php echo esc_url( WPF()->user_trailingslashit($prev_url) ) ?>" class="wpf-prev-button" rel="prev">
                    <i class="fas fa-chevron-left fa-sx"></i> <?php wpforo_phrase('prev') ?>
                </a>
            <?php endif ?>
            <select class="wpf-navi-dropdown" onchange="if (this.value) window.location.assign(this.value)" title="<?php esc_attr( wpforo_phrase('Select Page') ) ?>">
                <option value="<?php echo esc_url( WPF()->user_trailingslashit($sanitized_current_url) ) ?>" <?php wpfo_check($paged, 1, 'selected') ?>>1</option>
                <?php for($i = 2; $i <= $pages_count; $i++) : ?>
                    <option value="<?php echo esc_url( WPF()->user_trailingslashit( sprintf($url, $i) ) ) ?>" <?php wpfo_check($paged, $i, 'selected') ?>>
                        <?php echo $i ?>
                    </option>
                <?php endfor; ?>
            </select>
            <?php if( $paged + 1 <= $pages_count ): ?>
                <a href="<?php echo esc_url( WPF()->user_trailingslashit(sprintf($url, $paged + 1) ) ) ?>" class="wpf-next-button" rel="next">
                    <?php wpforo_phrase('next') ?> <i class="fas fa-chevron-right fa-sx"></i>
                </a>
            <?php endif ?>
        </div>
    </div>

0 个答案:

没有答案