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

8055540
10 Posts
8055540 posted this 5 days ago

Мне нужно сделать сложную шапку на сайте, подобную этой: 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 5 days ago by 8055540

Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 4 days ago

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
10 Posts
8055540 posted this 4 days ago

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

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

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

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
10 Posts
8055540 posted this 4 days ago

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

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

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

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

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

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

Last edited 4 days ago by 8055540

Support Team
Support Team posted this 4 days ago

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
10 Posts
8055540 posted this 4 days ago

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

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