WebSite X5Help Center

 
Виктор Ф.
Виктор Ф.
User

Как создать простые векторные фигуры?  ru

Автор: Виктор Ф.
Просмотрено 1824, Подписчики 2, Размещенный 0  

Добрый день!

Как сделать footer и header с масштабируемыми геометрическими векторными фигурами?

Прилагаю образец. 

Размещено
14 Ответы - 1 Корректно
Aleksej H.
Aleksej H.
Moderator

Здравстввуйте. Попробуйте вставить SVG изображение.

Читать больше
Размещено От Aleksej H.
Виктор Ф.
Виктор Ф.
User
Автор

Не понял как его вставить... я новичок.

Читать больше
Размещено От Виктор Ф.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

(It> Ru) ... Существуют различные методы:
1) - первый путь; Объект выбора изображения (*.*), Или (*.svg) или (URL-SVG);
IT > https://helpcenter.websitex5.com/ru/post/204754
PL > https://helpcenter.websitex5.com/ru/post/211512
2) - второй путь; вставьте HTML-код OBJECT ... XML-файл SVG, код виден, открыв SVG-файл в блокноте, скопируйте его и вставьте TAG <svg>;
... >> см. пример 1 ... код Ctrl + U ...
3) - третий путь; прикрепить файл SVG в коде OBJECT | HTML эксперт | ПРИЛОЖЕНИЯ, по умолчанию он переходит в папку «файлы» и всегда вводит следующую строку кода в тот же HTML HTML HTML код:
<img src = "files/filename.svg" />
... >> см. пример 2 ... код Ctrl + U ...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Виктор Ф.
Виктор Ф.
User
Автор

Благодарю! Все получилось.

Читать больше
Размещено От Виктор Ф.
Виктор Ф.
Виктор Ф.
User
Автор

Коллеги, еще вопрос:

Почему не растягивается footer и header на всю страницу? 

http://fadvis.ru/weir-spm.html

Трапеция SVG соответственно тоже не растягивается

Читать больше
Размещено От Виктор Ф.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

(It Ru) ... может я не поняла, мне это кажется регулярным;
... однако я не могу проверить,  но вы должны проверить настройки в различных «точках останова» (breakpoint)...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Aleksej H.
Aleksej H.
Moderator

"Почему не растягивается footer и header на всю страницу?" - попробуйте эту опцию. Проверяйте её для каждой точки останова.

Читать больше
Размещено От Aleksej H.
Виктор Ф.
Виктор Ф.
User
Автор
Aleksej H.
"Почему не растягивается footer и header на всю страницу?" - попробуйте эту опцию. Проверяйте её для каждой точки останова.

я пробовал это делать. Не помогает. Более того, почему-то в адаптивных отображениях элементы, расположенные у края footer и header на сайте не стоят у края, а располагаются на расстоянии от края. 

Вот пример сайта, на котором сделано так, как я бы хотел.

https://www.aso-group.com/

Читать больше
Размещено От Виктор Ф.
Виктор Ф.
Виктор Ф.
User
Автор
 ‪ KolAsim ‪ ‪
проверить настройки в различных «точках останова» (breakpoint)... . ciao .

поясните подробнее, пожалуйста.

Читать больше
Размещено От Виктор Ф.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
Виктор Ф.
 ‪ KolAsim ‪ ‪ ... ...  поясните подробнее, пожалуйста.
 ‪ KolAsim ‪ ‪
(It Ru) ... ... ...  ... однако я не могу проверить,  но вы должны проверить настройки в различных «точках останова» (breakpoint)... ... ... 

(It > Ru) ... ... к сожалению, как я уже говорил, я не могу проверить, и у меня возникают трудности с переводчиком, но это вопрос выбора различных нижних точек останова (breakpoint), которые вы видите в вашем STAMP (1150-720-480), и правильного расположения объектов. ...

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Aleksej H.
Aleksej H.
Moderator

"Вот пример сайта, на котором сделано так, как я бы хотел. https://www.aso-group.com/" - в футере буква "А" - это растровое PNG изображение. Или Вы говорите о другом?

Читать больше
Размещено От Aleksej H.
Виктор Ф.
Виктор Ф.
User
Автор

Речь не о букве А в футере.
Речь о зоне футера, заполненной темно-серым. Эта зона во всю ширину страницы. 
И при любой выбранной ширине страницы она остается во всю ширину

Читать больше
Размещено От Виктор Ф.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

(It > Ru) ... в нижнем колонтитуле вы не видите темно-серый фон, ... но вы видите белый нижний колонтитул с фоном темного сайта (общее фоновое изображение) ...
... приложите ПЕЧАТЬ (STAMP - Screenshot), чтобы понять, что это ...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪