Шапка из трёх строк

8055540
13 Posts
8055540 posted this 14 April 2019

Мне нужно сделать сложную шапку на сайте, подобную этой: http://demo.smartaddons.com/templates/joomla3/sj-iconstruct/index.php/joomla/content-component/single-article/
Как это можно реализовать в NP?

На мой взгляд это было бы проще реализовать, используя секции в заголовке.

Сейчас в заготовках NP есть шаблоны шапок, где есть две строки, на верхней значки соцсетей и она затемнена. Но это реализовано, на мой взгляд, скорее как заплатка, а не как хорошее решение. Серая полоса делается не окрашиванием блока, а наложением цветного прямоугольника. Это создаёт проблемы при перемещении между устройствами. Если секция адаптируется автоматически, то прямоугольник нужно "прорисовывать вручную".
Кроме того, на большом экране (у меня 1920 пикселей в ширину, а сейчас есть и более широкие) эти полосы-прямоугольники смещаются влево, то есть дизайн разрушается. И при попытке изменить длину прямоугольника даже на 1920 пикселей в окне свойств, она сбрасывается в 1300 пикселей. Это проблема!

В приведёном выше примере шапка состоит из трёх полос разного цвета. Сейчас выход - только рисовать прямоугольники. Это неудобно и непрофессионально (+ ухудшает код).

Возможно, я плохо знаю NP? Верно ли я понимаю, что в этом случае на текущий момент код для шапки мне придётся писать вручную или использовать решение с прямоугольниками?

Мне нужно сделать сложную шапку на сайте, подобную этой: http://demo.smartaddons.com/templates/joomla3/sj-iconstruct/index.php/joomla/content-component/single-article/ ***Как это можно реализовать в NP?*** На мой взгляд это было бы проще реализовать, используя **секции в заголовке**. Сейчас в заготовках NP есть шаблоны шапок, где есть две строки, на верхней значки соцсетей и она затемнена. Но это реализовано, на мой взгляд, скорее как заплатка, а не как хорошее решение. Серая полоса делается не окрашиванием блока, а наложением цветного прямоугольника. Это создаёт проблемы при перемещении между устройствами. Если секция адаптируется автоматически, то прямоугольник нужно "прорисовывать вручную". **Кроме того, на большом экране (у меня 1920 пикселей в ширину, а сейчас есть и более широкие) эти полосы-прямоугольники смещаются влево, то есть дизайн разрушается. И при попытке изменить длину прямоугольника даже на 1920 пикселей в окне свойств, она сбрасывается в 1300 пикселей. Это проблема!** В приведёном выше примере шапка состоит *из трёх полос разного цвета*. Сейчас выход - только рисовать прямоугольники. Это неудобно и непрофессионально (+ ухудшает код). Возможно, я плохо знаю NP? Верно ли я понимаю, что в этом случае на текущий момент код для шапки мне придётся писать вручную или использовать решение с прямоугольниками?

Last edited 14 April 2019 by 8055540

Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 15 April 2019

Elena,

Самый простой путь - это использование Grid.
Вот примерный лейаут.

menu.png

...................................................
Sincerely,
Arthur D.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Elena, Самый простой путь - это использование Grid. Вот примерный лейаут. !menu.png! ................................................... Sincerely, Arthur D. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
8055540
13 Posts
8055540 posted this 15 April 2019

Пробовала, замучилась выравнивать. Гриды (сетки) расплываются. :( Снова старая проблема - выравниваешь в десктопе, переходишь в мобильный, выравниваешь там, возвращаешься в десктоп - всё снова поплыло.

Кроме того - как покрасить строку сетки так, чтобы цвет полосы был на всю ширину экрана?

Пробовала, замучилась выравнивать. Гриды (сетки) расплываются. :( Снова старая проблема - выравниваешь в десктопе, переходишь в мобильный, выравниваешь там, возвращаешься в десктоп - всё снова поплыло. Кроме того - как покрасить строку сетки так, чтобы цвет полосы был на всю ширину экрана?
Support Team
Support Team posted this 15 April 2019

Elena,

Вы красите не сетку, а добавляете в секцию 2 прямоугольника. пришлите проект, мы попробуем сделать для вас хедер.

вообще общая рекомендация

1) добавляете сетку в десктоп
2) добавляете контент
3) выравниваете контент
4) делаете reset responsive

...................................................
Nicepage Support

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Elena, Вы красите не сетку, а добавляете в секцию 2 прямоугольника. пришлите проект, мы попробуем сделать для вас хедер. вообще общая рекомендация 1) добавляете сетку в десктоп 2) добавляете контент 3) выравниваете контент 4) делаете reset responsive ................................................... Nicepage Support Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
8055540
13 Posts
8055540 posted this 15 April 2019

Про прямоугольники писала выше - непрофессионально, неудобно и долго. Собственно, примерно так и делала до обращения к вам, но вся эта возня занимала кучу времени и периодически макет слетал. С выравниванием контента тоже то и дело проблемы...

Что значит кнопка "Reset Responsive", для чего она?

Удивительно, но сегодня на пустом проекте начало получаться - удалось сделать под сеткой длинные прямоугольники шириной аж в 4000 пикселей. Правда, пришлось руками перемещать в центр, т.к. автовыравнивания по центру нет. :(

Если где-то снова будут сбои, обращусь.
Но вообще проще было бы, если бы была возможность добавлять секции и в шапку, и в подвал. Хотелось бы делать всё самостоятельно, не обращаясь к вам.

UPD: рано радовалась. Снова всё слетело... И если ЭТОТ проект сделаете ВЫ, то это не выход. Вы же не будете делать для меня каждый мой проект, верно?

Про прямоугольники писала выше - непрофессионально, неудобно и долго. Собственно, примерно так и делала до обращения к вам, но вся эта возня занимала кучу времени и периодически макет слетал. С выравниванием контента тоже то и дело проблемы... Что значит кнопка "Reset Responsive", для чего она? Удивительно, но сегодня на пустом проекте начало получаться - удалось сделать под сеткой длинные прямоугольники шириной аж в 4000 пикселей. Правда, пришлось руками перемещать в центр, т.к. автовыравнивания по центру нет. :( Если где-то снова будут сбои, обращусь. Но вообще проще было бы, если бы была возможность добавлять секции и в шапку, и в подвал. Хотелось бы делать всё самостоятельно, не обращаясь к вам. UPD: рано радовалась. Снова всё слетело... И если ЭТОТ проект сделаете ВЫ, то это не выход. Вы же не будете делать для меня каждый мой проект, верно?

Last edited 15 April 2019 by 8055540

Support Team
Support Team posted this 15 April 2019

Elena,

"Reset Responsive" - поэто перенастроить адаптивность. т.е. все сделанные изменения в мобильных видах сбросятся, иногда - это проще начать все сначала.

На счет секций в хедер и футер, мы добавили предложение в wishlist.

...................................................
С уважением,
Nicepage Support

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Elena, "Reset Responsive" - поэто перенастроить адаптивность. т.е. все сделанные изменения в мобильных видах сбросятся, иногда - это проще начать все сначала. На счет секций в хедер и футер, мы добавили предложение в wishlist. ................................................... С уважением, Nicepage Support Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
8055540
13 Posts
8055540 posted this 15 April 2019

Ясно.
Благодарю.

Ясно. Благодарю.
You must log in or register to leave comments