Перейти к публикации

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


Рекомендованные сообщения

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

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

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

Спасибо!

Ссылка на сообщение
Поделиться на других сайтах
Цитата

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

Внимание !!!

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

 

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

 

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

 

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

 

Ссылка на сообщение
Поделиться на других сайтах
  • 4 месяца спустя...
В ‎19‎.‎08‎.‎2016 в 13:07, Коктебелец сказал:

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

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

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

Спасибо!

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

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, umelcev сказал:

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

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

Ссылка на сообщение
Поделиться на других сайтах
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; */
}

 

Это правильное решение? Я попробовал, но новости сползли на полэкрана вниз.
Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, umelcev сказал:
Цитата

 

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

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

 

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

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

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

Ссылка на сообщение
Поделиться на других сайтах
16 часов назад, germanydletest сказал:

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

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

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

Ссылка на сообщение
Поделиться на других сайтах
5 часов назад, umelcev сказал:

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

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

 

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...