Как правильно перенести панель навигации (бордер)

Posted 29 ноября, 20204 yr

Подскажите как правильно перенести или вставить панель навигации выше напротив лого.

Питался сам перенести, но увы, не много криво получается.

Если вписать в код display: flex;

#ipsLayout_header header {
    background-color: rgb( var(--theme-header) );
    color: rgb( var(--theme-header_text) );
    display: flex;
}

Цитата

29 ноября, 20204 yr

AnWey если делать сразу нормально, а не через Ж, то надо перевёрстывать всё целиком, чтобы на всех устройствах было норм.

Цитата

AnWey
1

29 ноября, 20204 yr

Author

6 минут назад, Elhombre сказал:

AnWey если делать сразу нормально, а не через Ж, то надо перевёрстывать всё целиком, чтобы на всех устройствах было норм.

Да это только ПК, на других устройствах оно свернуто отдельно и нормально.

Как этот кусок перенести ?

Цитата

29 ноября, 20204 yr

AnWey ну так слёту не скажешь, надо смотреть. Вот вроде получилось.

13 минут назад, AnWey сказал:

Да это только ПК, на других устройствах оно свернуто отдельно и нормально.

Как этот кусок перенести ?

Просто весь код с <nav> перенес в <div> с логотипом. Там ничего сложного то

Цитата

SlawkA and AnWey
2

29 ноября, 20204 yr

Author

42 минуты назад, Elhombre сказал:

AnWey ну так слёту не скажешь, надо смотреть. Вот вроде получилось.

Просто весь код с <nav> перенес в <div> с логотипом. Там ничего сложного то

Можно скрин, как код перенесли , то у меня не получается(

Цитата

29 ноября, 20204 yr

AnWey вот что в итоге получится должно

Спойлер

       <li id="elNavSecondary_34" data-role="navBarItem" data-navapp="sdsalespro" data-navext="Offers" data-originalwidth="91.7344">


               <a href="https://anweyproject.com/index.php?/offers/" data-navitem-id="34">
                   Offers<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>

       <li id="elNavSecondary_14" data-role="navBarItem" data-navapp="gallery" data-navext="Gallery" data-originalwidth="96.5938">


               <a href="https://anweyproject.com/index.php?/gallery/" data-navitem-id="14">
                   Gallery<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>

       <li id="elNavSecondary_11" data-role="navBarItem" data-navapp="blog" data-navext="Blogs" data-originalwidth="87.5625">


               <a href="https://anweyproject.com/index.php?/blogs/" data-navitem-id="11">
                   Blogs<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>

       <li id="elNavSecondary_46" data-role="navBarItem" data-navapp="core" data-navext="Leaderboard" data-originalwidth="132.094">


               <a href="https://anweyproject.com/index.php?/leaderboard/" data-navitem-id="46">
                   Leaderboard<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>

       <li id="elNavSecondary_47" data-role="navBarItem" data-navapp="core" data-navext="CustomItem" data-originalwidth="103">


               <a href="https://anweyproject.com/index.php?/contact/" data-navitem-id="47">
                   Support<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>

   <div id="elSearchWrapper">
       <div id="elSearch" class="" data-controller="core.front.core.quickSearch">
           <form accept-charset="utf-8" action="//anweyproject.com/index.php?/search/&do=quicksearch" method="post">
               <input type="search" id="elSearchField" placeholder="Search..." name="q" autocomplete="off" aria-label="Search">
               <button class="cSearchSubmit" type="submit" aria-label="Search"><i class="fa fa-search"></i></button>
               <div id="elSearchExpanded">
                   <div class="ipsMenu_title">
                       Search In
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-role="searchContexts">
                       <li>
                           <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                               <input type="radio" name="type" value="all" checked="" id="elQuickSearchRadio_type_all">
                               <label for="elQuickSearchRadio_type_all" id="elQuickSearchRadio_type_all_label">Everywhere</label>
                           </span>
                       </li>


                           <li>
                               <span class="ipsSideMenu_item" data-ipsmenuvalue="forums_topic">
                                   <input type="radio" name="type" value="forums_topic" id="elQuickSearchRadio_type_forums_topic">
                                   <label for="elQuickSearchRadio_type_forums_topic" id="elQuickSearchRadio_type_forums_topic_label">Topics</label>
                               </span>
                           </li>


                       <li data-role="showMoreSearchContexts">
                           <span class="ipsSideMenu_item" data-action="showMoreSearchContexts" data-exclude="forums_topic">
                               More options...
                           </span>
                       </li>
                   </ul>
                   <div class="ipsMenu_title">
                       Find results that contain...
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="andOr">

                           <li>
                               <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="or">
                                   <input type="radio" name="search_and_or" value="or" checked="" id="elRadio_andOr_or">
                                   <label for="elRadio_andOr_or" id="elField_andOr_label_or"><em>Any</em> of my search term words</label>
                               </span>
                           </li>

                           <li>
                               <span class="ipsSideMenu_item " data-ipsmenuvalue="and">
                                   <input type="radio" name="search_and_or" value="and" id="elRadio_andOr_and">
                                   <label for="elRadio_andOr_and" id="elField_andOr_label_and"><em>All</em> of my search term words</label>
                               </span>
                           </li>

                   </ul>
                   <div class="ipsMenu_title">
                       Find results in...
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="searchIn">
                       <li>
                           <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                               <input type="radio" name="search_in" value="all" checked="" id="elRadio_searchIn_and">
                               <label for="elRadio_searchIn_and" id="elField_searchIn_label_all">Content titles and body</label>
                           </span>
                       </li>
                       <li>
                           <span class="ipsSideMenu_item" data-ipsmenuvalue="titles">
                               <input type="radio" name="search_in" value="titles" id="elRadio_searchIn_titles">
                               <label for="elRadio_searchIn_titles" id="elField_searchIn_label_titles">Content titles only</label>
                           </span>
                       </li>
                   </ul>
               </div>
           </form>
       </div>
   </div>

</div>
</nav></div>

Кривовато правда и ссылки не удалил, но суть такая.

Edited 29 ноября, 20204 yr by Elhombre

Цитата

AnWey
1

29 ноября, 20204 yr

Author

18 минут назад, Elhombre сказал:

AnWey вот что в итоге получится должно

Скрыть контент

<div class="ipsLayout_container">



<a href="https://anweyproject.com/" id="elLogo" accesskey="1"><img src="https://anweyproject.com/uploads/monthly_2020_11/AnWeyProject_Logo2.png.2a1f9babc4db41786d8c7033e2bd6bdc.png" alt="AnWey Project - Музыкальный форум"></a>





                   <nav data-controller="core.front.core.navBar" class="ipsNavBar_noSubBars ipsResponsive_showDesktop" id="ips_uid_6196_2">
       <div class="ipsNavBar_primary ipsLayout_container ipsNavBar_noSubBars">
           <ul data-role="primaryNavBar" class="ipsClearfix">





       <li id="elNavSecondary_34" data-role="navBarItem" data-navapp="sdsalespro" data-navext="Offers" data-originalwidth="91.7344">


               <a href="https://anweyproject.com/index.php?/offers/" data-navitem-id="34">
                   Offers<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_14" data-role="navBarItem" data-navapp="gallery" data-navext="Gallery" data-originalwidth="96.5938">


               <a href="https://anweyproject.com/index.php?/gallery/" data-navitem-id="14">
                   Gallery<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_11" data-role="navBarItem" data-navapp="blog" data-navext="Blogs" data-originalwidth="87.5625">


               <a href="https://anweyproject.com/index.php?/blogs/" data-navitem-id="11">
                   Blogs<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_46" data-role="navBarItem" data-navapp="core" data-navext="Leaderboard" data-originalwidth="132.094">


               <a href="https://anweyproject.com/index.php?/leaderboard/" data-navitem-id="46">
                   Leaderboard<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_47" data-role="navBarItem" data-navapp="core" data-navext="CustomItem" data-originalwidth="103">


               <a href="https://anweyproject.com/index.php?/contact/" data-navitem-id="47">
                   Support<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>



               <li class="ipsHide" id="elNavigationMore" data-role="navMore" style="">
                   <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore" id="elNavigationMore_dropdown">More <i class="fa fa-caret-down"></i></a><ul class="ipsHide ipsMenu ipsMenu_auto" id="elNavigationMore_dropdown_menu" data-role="moreDropdown"></ul>
                   <ul class="ipsNavBar_secondary ipsHide" data-role="secondaryNavBar">
                       <li class="ipsHide" id="elNavigationMore_more" data-role="navMore">
                           <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore_more" id="elNavigationMore_more_dropdown">More <i class="fa fa-caret-down"></i></a>

                       </li>
                   </ul>
               </li>
           </ul>


   <div id="elSearchWrapper">
       <div id="elSearch" class="" data-controller="core.front.core.quickSearch">
           <form accept-charset="utf-8" action="//anweyproject.com/index.php?/search/&do=quicksearch" method="post">
               <input type="search" id="elSearchField" placeholder="Search..." name="q" autocomplete="off" aria-label="Search">
               <button class="cSearchSubmit" type="submit" aria-label="Search"><i class="fa fa-search"></i></button>
               <div id="elSearchExpanded">
                   <div class="ipsMenu_title">
                       Search In
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-role="searchContexts">
                       <li>
                           <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                               <input type="radio" name="type" value="all" checked="" id="elQuickSearchRadio_type_all">
                               <label for="elQuickSearchRadio_type_all" id="elQuickSearchRadio_type_all_label">Everywhere</label>
                           </span>
                       </li>


                           <li>
                               <span class="ipsSideMenu_item" data-ipsmenuvalue="forums_topic">
                                   <input type="radio" name="type" value="forums_topic" id="elQuickSearchRadio_type_forums_topic">
                                   <label for="elQuickSearchRadio_type_forums_topic" id="elQuickSearchRadio_type_forums_topic_label">Topics</label>
                               </span>
                           </li>


                       <li data-role="showMoreSearchContexts">
                           <span class="ipsSideMenu_item" data-action="showMoreSearchContexts" data-exclude="forums_topic">
                               More options...
                           </span>
                       </li>
                   </ul>
                   <div class="ipsMenu_title">
                       Find results that contain...
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="andOr">

                           <li>
                               <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="or">
                                   <input type="radio" name="search_and_or" value="or" checked="" id="elRadio_andOr_or">
                                   <label for="elRadio_andOr_or" id="elField_andOr_label_or"><em>Any</em> of my search term words</label>
                               </span>
                           </li>

                           <li>
                               <span class="ipsSideMenu_item " data-ipsmenuvalue="and">
                                   <input type="radio" name="search_and_or" value="and" id="elRadio_andOr_and">
                                   <label for="elRadio_andOr_and" id="elField_andOr_label_and"><em>All</em> of my search term words</label>
                               </span>
                           </li>

                   </ul>
                   <div class="ipsMenu_title">
                       Find results in...
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="searchIn">
                       <li>
                           <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                               <input type="radio" name="search_in" value="all" checked="" id="elRadio_searchIn_and">
                               <label for="elRadio_searchIn_and" id="elField_searchIn_label_all">Content titles and body</label>
                           </span>
                       </li>
                       <li>
                           <span class="ipsSideMenu_item" data-ipsmenuvalue="titles">
                               <input type="radio" name="search_in" value="titles" id="elRadio_searchIn_titles">
                               <label for="elRadio_searchIn_titles" id="elField_searchIn_label_titles">Content titles only</label>
                           </span>
                       </li>
                   </ul>
               </div>
           </form>
       </div>
   </div>

       </div>
   </nav></div>

Кривовато правда и ссылки не удалил, но суть такая.

Спасибо, суть понял!!! ))

25 минут назад, Elhombre сказал:

AnWey вот что в итоге получится должно

Показать контент

<div class="ipsLayout_container">



<a href="https://anweyproject.com/" id="elLogo" accesskey="1"><img src="https://anweyproject.com/uploads/monthly_2020_11/AnWeyProject_Logo2.png.2a1f9babc4db41786d8c7033e2bd6bdc.png" alt="AnWey Project - Музыкальный форум"></a>





                   <nav data-controller="core.front.core.navBar" class="ipsNavBar_noSubBars ipsResponsive_showDesktop" id="ips_uid_6196_2">
       <div class="ipsNavBar_primary ipsLayout_container ipsNavBar_noSubBars">
           <ul data-role="primaryNavBar" class="ipsClearfix">





       <li id="elNavSecondary_34" data-role="navBarItem" data-navapp="sdsalespro" data-navext="Offers" data-originalwidth="91.7344">


               <a href="https://anweyproject.com/index.php?/offers/" data-navitem-id="34">
                   Offers<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_14" data-role="navBarItem" data-navapp="gallery" data-navext="Gallery" data-originalwidth="96.5938">


               <a href="https://anweyproject.com/index.php?/gallery/" data-navitem-id="14">
                   Gallery<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_11" data-role="navBarItem" data-navapp="blog" data-navext="Blogs" data-originalwidth="87.5625">


               <a href="https://anweyproject.com/index.php?/blogs/" data-navitem-id="11">
                   Blogs<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_46" data-role="navBarItem" data-navapp="core" data-navext="Leaderboard" data-originalwidth="132.094">


               <a href="https://anweyproject.com/index.php?/leaderboard/" data-navitem-id="46">
                   Leaderboard<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>






       <li id="elNavSecondary_47" data-role="navBarItem" data-navapp="core" data-navext="CustomItem" data-originalwidth="103">


               <a href="https://anweyproject.com/index.php?/contact/" data-navitem-id="47">
                   Support<span class="ipsNavBar_active__identifier"></span>
               </a>


       </li>



               <li class="ipsHide" id="elNavigationMore" data-role="navMore" style="">
                   <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore" id="elNavigationMore_dropdown">More <i class="fa fa-caret-down"></i></a><ul class="ipsHide ipsMenu ipsMenu_auto" id="elNavigationMore_dropdown_menu" data-role="moreDropdown"></ul>
                   <ul class="ipsNavBar_secondary ipsHide" data-role="secondaryNavBar">
                       <li class="ipsHide" id="elNavigationMore_more" data-role="navMore">
                           <a href="#" data-ipsmenu="" data-ipsmenu-appendto="#elNavigationMore_more" id="elNavigationMore_more_dropdown">More <i class="fa fa-caret-down"></i></a>

                       </li>
                   </ul>
               </li>
           </ul>


   <div id="elSearchWrapper">
       <div id="elSearch" class="" data-controller="core.front.core.quickSearch">
           <form accept-charset="utf-8" action="//anweyproject.com/index.php?/search/&do=quicksearch" method="post">
               <input type="search" id="elSearchField" placeholder="Search..." name="q" autocomplete="off" aria-label="Search">
               <button class="cSearchSubmit" type="submit" aria-label="Search"><i class="fa fa-search"></i></button>
               <div id="elSearchExpanded">
                   <div class="ipsMenu_title">
                       Search In
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-role="searchContexts">
                       <li>
                           <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                               <input type="radio" name="type" value="all" checked="" id="elQuickSearchRadio_type_all">
                               <label for="elQuickSearchRadio_type_all" id="elQuickSearchRadio_type_all_label">Everywhere</label>
                           </span>
                       </li>


                           <li>
                               <span class="ipsSideMenu_item" data-ipsmenuvalue="forums_topic">
                                   <input type="radio" name="type" value="forums_topic" id="elQuickSearchRadio_type_forums_topic">
                                   <label for="elQuickSearchRadio_type_forums_topic" id="elQuickSearchRadio_type_forums_topic_label">Topics</label>
                               </span>
                           </li>


                       <li data-role="showMoreSearchContexts">
                           <span class="ipsSideMenu_item" data-action="showMoreSearchContexts" data-exclude="forums_topic">
                               More options...
                           </span>
                       </li>
                   </ul>
                   <div class="ipsMenu_title">
                       Find results that contain...
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="andOr">

                           <li>
                               <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="or">
                                   <input type="radio" name="search_and_or" value="or" checked="" id="elRadio_andOr_or">
                                   <label for="elRadio_andOr_or" id="elField_andOr_label_or"><em>Any</em> of my search term words</label>
                               </span>
                           </li>

                           <li>
                               <span class="ipsSideMenu_item " data-ipsmenuvalue="and">
                                   <input type="radio" name="search_and_or" value="and" id="elRadio_andOr_and">
                                   <label for="elRadio_andOr_and" id="elField_andOr_label_and"><em>All</em> of my search term words</label>
                               </span>
                           </li>

                   </ul>
                   <div class="ipsMenu_title">
                       Find results in...
                   </div>
                   <ul class="ipsSideMenu_list ipsSideMenu_withRadios ipsSideMenu_small ipsType_normal" role="radiogroup" data-ipssidemenu="" data-ipssidemenu-type="radio" data-ipssidemenu-responsive="false" data-filtertype="searchIn">
                       <li>
                           <span class="ipsSideMenu_item ipsSideMenu_itemActive" data-ipsmenuvalue="all">
                               <input type="radio" name="search_in" value="all" checked="" id="elRadio_searchIn_and">
                               <label for="elRadio_searchIn_and" id="elField_searchIn_label_all">Content titles and body</label>
                           </span>
                       </li>
                       <li>
                           <span class="ipsSideMenu_item" data-ipsmenuvalue="titles">
                               <input type="radio" name="search_in" value="titles" id="elRadio_searchIn_titles">
                               <label for="elRadio_searchIn_titles" id="elField_searchIn_label_titles">Content titles only</label>
                           </span>
                       </li>
                   </ul>
               </div>
           </form>
       </div>
   </div>

       </div>
   </nav></div>

Кривовато правда и ссылки не удалил, но суть такая.

Еще раз огромное спасибо! теперь я понял как редактировать весь шаблон)))

Вопрос только остался как это в теме организовать ) просто непросто в теме поменять местами расположение контейнеров?

Цитата

Mano
1

29 ноября, 20204 yr

26 минут назад, AnWey сказал:

Вопрос только остался как это в теме организовать ) просто непросто в теме поменять местами расположение контейнеров?

Смотря что с чем, надо смотреть уже по факту.

Цитата

29 ноября, 20204 yr

Author

16 минут назад, Elhombre сказал:

Смотря что с чем, надо смотреть уже по факту.

Даже не знаю какой вариант лучше?

Перенес вроде норм, ну я хз))

Цитата

29 ноября, 20204 yr

AnWey ну да, норм, всё ровно теперь встало. Как по мне, так последний вариант лучше.

Цитата

AnWey
1

29 ноября, 20204 yr

Author

1 минуту назад, Elhombre сказал:

AnWey ну да, норм, всё ровно теперь встало. Как по мне, так последний вариант лучше.

Спасибо большое! то и не с кем посоветоваться )))

Просто место пустое осталось, думаю нахре*** его пустым оставлять)

Цитата

Mano
1

Sign In

Как правильно перенести панель навигации (бордер)

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)