Jump to content
Sign in to follow this  
Коктебелец

Не вмещается длинное меню в шаблоне Default

Recommended Posts

Здравствуйте!

Очень понравился новый шаблон Default, но, как оказалось, если левое меню навигации имеет достаточно большое количество строк (длинное меню), то часть этого меню не вмещается в экран, а при просмотре на больших мониторах меню не прокручивается. Можно ли это исправить без каких-либо сложных манипуляций?

Пробовал изменить у класса .header {position: fixed;} на {position: absolute;}, но тогда и шапка сайта начинает прокручиваться:(

Спасибо!

Share this post


Link to post
Share on other sites
Цитата

Правила форума

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

 

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

 

2. На данном форуме строго запрещено предлагать или навязывать свои платные услуги. За любое сообщение типа "Помогу дешево, ICQ ..." участник блокируется на форуме без предупреждения.

 

3. Обязательно прочитайте разъясняющую тему http://forum.dle-news.ru/announcement/1-определение-понятия-нелегальной-копии-скрипта-и-понятия-nulled/

 

Share this post


Link to post
Share on other sites
В ‎19‎.‎08‎.‎2016 в 13:07, Коктебелец сказал:

Здравствуйте!

Очень понравился новый шаблон Default, но, как оказалось, если левое меню навигации имеет достаточно большое количество строк (длинное меню), то часть этого меню не вмещается в экран, а при просмотре на больших мониторах меню не прокручивается. Можно ли это исправить без каких-либо сложных манипуляций?

Пробовал изменить у класса .header {position: fixed;} на {position: absolute;}, но тогда и шапка сайта начинает прокручиваться:(

Спасибо!

Коктебелец , решили проблему? Тоже интересует решение данного вопроса.

Share this post


Link to post
Share on other sites
1 час назад, umelcev сказал:

Коктебелец , решили проблему? Тоже интересует решение данного вопроса.

Решение "проблемы" человек нашёл, но ни здесь, так как не обладает (не обладал) лицензией. Гуглите

Share this post


Link to post
Share on other sites
2 часа назад, germanydletest сказал:

Решение "проблемы" человек нашёл, но ни здесь, так как не обладает (не обладал) лицензией. Гуглите

Отличный совет! ))) Гуглить и искать решение проблемы по шаблону ДЛЕ на сторонних сайтах и этот совет дают в официальном форуме поддержки )))

Прежде чем писать тут вопрос-погуглил, но результат что-то мне не нравится-все идет криво и сомневаюсь, что найденное решение правильное. Ниже собственно само найденное решение:

 

 

Цитата

 

Вынести блок

 

<div id="cat_menu">
                            <nav class="cat_menu">
                                <div class="cat_menu__tm">{include file="modules/topmenu.tpl"}</div>
                                {include file="modules/catmenu.tpl"}
                            </nav>
                            <div class="soc_links">
                                <a class="soc_vk" href="#" title="Мы вКонтакте">
                                    <svg class="icon icon-vk"><use xlink:href="#icon-vk"></use></svg>
                                </a>
                                <a class="soc_tw" href="#" title="Мы в Twitter">
                                    <svg class="icon icon-tw"><use xlink:href="#icon-tw"></use></svg>
                                </a>
                                <a class="soc_fb" href="#" title="Мы в Facebook">
                                    <svg class="icon icon-fb"><use xlink:href="#icon-fb"></use></svg>
                                </a>
                                <a class="soc_gp" href="#" title="Мы в Google">
                                    <svg class="icon icon-gp"><use xlink:href="#icon-gp"></use></svg>
                                </a>
                            </div>
                        </div>
за пределы header и убрать стиль float: left у .mid side

Будет тут -
 

            
                    </div>
                </div>
            </header>
            <div id="cat_menu">
                            <nav class="cat_menu">
                                <div class="cat_menu__tm">{include file="modules/topmenu.tpl"}</div>
                                {include file="modules/catmenu.tpl"}
                            </nav>
                            <div class="soc_links">
                                <a class="soc_vk" href="#" title="Мы вКонтакте">
                                    <svg class="icon icon-vk"><use xlink:href="#icon-vk"></use></svg>
                                </a>
                                <a class="soc_tw" href="#" title="Мы в Twitter">
                                    <svg class="icon icon-tw"><use xlink:href="#icon-tw"></use></svg>
                                </a>
                                <a class="soc_fb" href="#" title="Мы в Facebook">
                                    <svg class="icon icon-fb"><use xlink:href="#icon-fb"></use></svg>
                                </a>
                                <a class="soc_gp" href="#" title="Мы в Google">
                                    <svg class="icon icon-gp"><use xlink:href="#icon-gp"></use></svg>
                                </a>
                            </div>
                        </div>
            <!-- / Header -->
            <div class="conteiner">
                <div class="midside">
                    <div class="content_top">
                    {include file="modules/carousel.tpl"}



/* 158 строка по стандарту */
.midside {
    /* float: left; */
    padding: 0 350px 0 13%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


у блока cat_menu убрать отступ сверху

/* 399 строка по стандарту */
@media only screen and (min-width: 601px)
#cat_menu {
    float: left;
    width: 13%;
    position: relative;
    z-index: 10;
    /* margin-top: 105px; */
}

 

Это правильное решение? Я попробовал, но новости сползли на полэкрана вниз.

Share this post


Link to post
Share on other sites
15 минут назад, umelcev сказал:
Цитата

 

 
Это правильное решение?

да, так как ТС там написал в комментариях, что у него всё нормально.

 

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

но результат что-то мне не нравится-все идет криво

потому что по хорошему, для того что бы сделать то что Вам нужно, надо переделывать вёрстку а этого Вам делать никто не будет, так как шаблоны, которые поставляются с дистрибутивом сделаны лишь для демонстрации возможностей самого скрипта. Если хотите что-то в них переделать, то изучайте html и css, либо нанимайте человека, который переделает шаблон под Вас.

  • Upvote 1

Share this post


Link to post
Share on other sites
16 часов назад, germanydletest сказал:

потому что по хорошему, для того что бы сделать то что Вам нужно, надо переделывать вёрстку а этого Вам делать никто не будет, так как шаблоны, которые поставляются с дистрибутивом сделаны лишь для демонстрации возможностей самого скрипта. Если хотите что-то в них переделать, то изучайте html и css, либо нанимайте человека, который переделает шаблон под Вас.

germanydletest , если Вам есть что по теме (указанной проблеме) сказать конкретно - пишите, а флудить (абы написать сообщение) лучше не надо. То что у человека все нормально визуально получилось это не значит, что с точки зрения построения кода страницы правильно.

За меня сделать что-то я не прошу, а прошу помощи, подсказки. Для того чтобы снять закрепление меню уверен полная переделка сайта не нужна! И потом, процесс изучения html и css подразумевает под собой вопросы, что я и делаю иначе бы заказал за денежку.

Share this post


Link to post
Share on other sites
5 часов назад, umelcev сказал:

И потом, процесс изучения html и css подразумевает под собой вопросы

Которые к DLE не имеют никакого отношения, так что как минимум Вы ошиблись разделом. Да и ответы на все вопросы по html и css Вы найдёте здесь

 

5 часов назад, umelcev сказал:

То что у человека все нормально визуально получилось это не значит, что с точки зрения построения кода страницы правильно.

Что бы с точки зрения построения кода было всё правильно, нужно менять html сетку и переписывать весь css, который относится к сетке. Так что если не владеете знаниями html и css, то заказывайте за деньги.

  • Upvote 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...