Full screen width of the header
Autor: Lord Dark
Visitado 690,
Seguidores 2,
Compartilhado 0
Hello. I need to do the header of site. I has to be wide to all screen without space on the sides. It is very popular today. I want to do switching pictures like here: http://di-mebelufa.ru
How i can do this?
Publicado em
Autor
Мало ли если есть русскоязычные специалисты:
Нужно сделать хэдер шириной в экран, без пробелов по бокам. А ля параметр maxscreensize. И запилить переключающуюся галлерею. Щас это популярная тема, как организовать?
>> Этап 4 - Страницы > Команды панели инструментов и сетка > Окно Стиль Полос |
Список изображений— в качестве фона строки задается слайд-шоу, в котором изображения отображаются одно за другим.
- - вы также можете использовать> SWIPER и с небольшим дополнительным кодом, который вы можете расширить до полной ширины ...
.......................
EXTRA - Если вы можете сделать слайд-шоу (*) независимым, то я дам вам мой очень простой код, скопируйте / вставьте ...
... в случае, если вы разместите LINK своей страницы, а также ссылку своего слайд-шоу уже в сети; ... иначе как не сказано ...
(*) = maximage, vegas, tympanus, sorgalla, jssor, swiper, flexslider, amazingslider, wowslider, etc.;
привет
(IT) EXTRA - Se tu sei in grado di realizzare lo slideshow (*) indipendente, allora ti passo il mio codice semplicissimo, copia/incolla...
... nel caso posta il LINK della tua pagina ed anche il link del tuo slideshow già in rete;...altrimenti come non detto...
(*) = maximage, vegas, tympanus, sorgalla, jssor, swiper, flexslider, amazingslider, wowslider, etc.;
ciao
Autor
it is a properties of a page. but i need the same for a header. and cut spaces on the sides.
thats my page: https://lookatmyfacebitch.ru
i need a header width - full screen wide.
here is a project if you need: https://lookatmyfacebitch.ru/project.zip
1) ... сайт не «отзывчивый»;
2) ... вы не разработали независимое слайд-шоу, как я уже говорил;
3) ... я не могу скачать; ... У меня нет программы;
... в любом случае, я скорректировал свой код, чтобы расширить текущую полномасштабную слайд-шоу программы на основе вашей zip-страницы html-файла.
... копировать / вставлять >> этот код (временный!) в разделе по адресу:
Этап 1 - Настройки > Раздел Расширенные настройки > Статистика, SEO и код > Команды Раздела Эксперт | ▪Пользовательский код— | ▼- Перед закрывающим тегом HEAD.
....................................................
(IT) - 1)... il sito non è "responsive";
2)... non hai sviluppato lo slideshow indipendente, come avevo detto prima;
3)... non posso scaricare; ...non ho il programma;
... comunque, ho aggiustato il mio codice per estendere lo slideshow attuale del programma a tutta larghezza, basato sulla tua pagina html del file zip.
... copia/incolla >> questo codice (temporaneo!) nella sezione al Passo_1 | sesione Esperto | /HEAD...
привет, ciao
.
Autor
I didn't understand what mean "responsive" and something about independence slideshow...
But code is working. it is awesome. great thanx.
And i think it will be great to do this properties in program for 1-2 clicks )
Thanx a lot again.
Autor
There is a new problem with this option.
Menu i s not adapted when image resizing.
It is posible to always keep it in center and bottom of the header?
Autor
And one more, it didn't work in web. I'm looking on local machine and it's ok, image resizing fine. I'm uploading it in the web and something broke. Thats some materia sottile.
... заменить предыдущий код на >> этот новый код
x RESPONSIVE:
>> Лучшая практика > Этап 2 - Шаблон > Как создать дружественный для мобильных устройств веб-сайт > Как создать Адаптивный веб-сайт
.
привет, ciao
.
Autor
oh, no tnx, i don't have a purpose to construct adaptive site ) i need only for desktop.
ok, i'm uploading code. it seems that menu is on the bottom, but not in the center. my screen resolution 1920x1080 and menu is between left and center of the screen. In "internet explorer" image appear correct - fullscreen. but in "opera" and "chrome" nothing changing - it is small at left top corner.
grazie per aver provato, è importante per me
позже я пойду и посмотрю и проведу вашу веб-страницу ... ...
(IT) più tardi andrò a vedere e verificare la tua pagina in rete... .. .
вы изменили макет и пропорции.
... использовать >> этот другой код.
.............................
... в противном случае вы должны сделать то, что я сказал вначале, т. е. создать независимое слайд-шоу.
привет
(IT) hai cambiato disposizione e proporzioni.
... usare questo altro codice.
.............................
... altrimenti devi fare come avevo detto inizialmente, cioè creare lo slideshow indipendente.
ciao
.
Autor
Maybe you mean create a new project with a slideshow only?
Autor
ok, i have to go another country for a few days, we will continue conversation soon.
... в случае, если вы разместите LINK своей страницы, а также ссылку своего слайд-шоу уже в сети; ... иначе как не сказано ...
(*) = maximage, vegas, tympanus, sorgalla, jssor, swiper, flexslider, amazingslider, wowslider, etc.;
привет
... в этом случае помимо отправки LINK независимого слайд-шоу,
подготовить проект с пустым прозрачным заголовком или с фоновым изображением,
так что я могу регулировать ...
(IT) ... in questo caso oltre a postare il LINK dello slideshow indipendente,
preparare un progetto con l'intestazione vuota, trasparente, oppure con una immagine di sfondo,
in modo che io mi possa regolare...
.
Autor
Hello, i'm back and ready to continue. Sorry for my long missing.
I hope i understand you right, and i put a clear project to site only with slider and menu.
Say if something wrong.
... добро пожаловать ...
1) - этот пример сайта не реагирует (responsive), поэтому включите его в режим ожидания (responsive).
https://lookatmyfacebitch.ru/
2) - в HEDER вам не нужно ставить слайд-шоу, но вам нужно поместить только фоновое изображение;
3) - создает независимый слайд-шоу и опубликовать его в сети, с одной из услуг, которые я показал вам, как это мой > Пример с maximage.
... когда вы сделали шаги 1), 2), 3) и размещены две ссылки (сайт + слайд-шоу) по-прежнему будет сделано ...
привет
(IT) ... ben tornato ...
1) - questo esempio di sito non è responsive, quindi provvedi a convertirlo in modalità responsive.
https://lookatmyfacebitch.ru/
2) - in HEDER tu non devi mettere lo slideshow, ma tu devi mettere solo una immagine di sfondo;
3) - realizza uno slideshow indipendente e pubblicalo in rete, con uno dei servizi che ti avevo indicato, come per esempio questo mio > esempio con maximage.
... quando avrai fatto i punti 1),2),3) e postato i due link (sito+slideshow) continueremo il da farsi...
ciao
Autor
ok.
Delete slideshow. Put background image.
(IT) ... OK per il punto 2)...
...!... non è stato fatto il punto 1) ed il punto 3);
1) devi realizzare il sito in modalità responsive (responsive);
3) devi pubblicare lo slideshow indipendente (*), come il mio;
....(intanto puoi vedere questo >> esempio + maximage).
... ОК для пункта 2) ...
...!... это не было сделано пункт 1) и пункт 3);
1) вы должны создать сайт в режиме реагирования (responsive); >> Как создать Адаптивный веб-сайт
3) вы должны опубликовать независимое слайд-шоу, например, мое (*);
.... (тем временем вы можете увидеть это >> пример + maximage).
(*) maximage, vegas, tympanus, sorgalla, jssor, swiper, flexslider, amazingslider, wowslider, etc.;
.
Autor
1) I change a project to adaptive.
3) i hope i understand you right: https://lookatmyfacebitch.ru/slideshow/
your example looks awesome )
Autor
ok i decide to use your slideimage. it is important the resolution of images?
Autor
And it is working with some strange delay.
>> clone1
>> clone2 (images ratio 3:2)
...!... style.css >> slideshow >> https://lookatmyfacebitch.ru/slideshow/style.css ...!...
>> Этап 1 - Настройки > Раздел Расширенные настройки > Статистика, SEO и код > Команды Раздела Эксперт | ▪Пользовательский код— | ▼-Перед закрывающим тегом BODY :
(Исходный код Ctrl + U в строке 150(Исходный код Ctrl + U в строке 150):
<!-- DIV_CUSTOM + IFRAME K x /BODY - inizio -->
<div id="div_customK" style="position: absolute; top:0px;left:0px;z-index:1;width:100%;height:330px;overflow: hidden">
<iframe id="iframeK" src="https://lookatmyfacebitch.ru/slideshow/" width="100%" height="330" scrolling="no" style="position: absolute;top:0px;left:0px; height:100%"> </iframe>
</div>
<!-- DIV_CUSTOM + IFRAME K - fine -->
.
ciao
.
Autor
It is worked ! Awesome.
Thanx a lot.
Can i do some? Pay some? Buy some?
You best.
... ...
! ...NO! /HEAD >>> >>> /BODY