Responsywny układ elementów na stronie. 
Autor: Sebastian Z.
Visitado 756,
Followers 3,
Compartido 0
Witam i pozdrawiam wszystkich,
Mam do Was pytanie.
Jak umieścić na stronie element np. nagłówek w postaci grafiki i dodatkowo napisu tak aby
wyświetliła się grafika na całej szerokości monitora, tekst był wycentrowany ale bez zmian?
Mam na myśłi np. rozciągnięty szary pasek na cały ekran, na środku wycentrowane zdjęcie, a na nim napis.
np. https://answers.websitex5.com/projects/117523/live_preview
Pozdrawiam
Publicado en
Autor
Dodam tylko, że nie chodzi mi o nagłówek i stopkę a o elementy umieszczane w zawartości strony, w tym przypadku nazwa działu.
Pozdrawiam
Witaj!
W ustawieniach tła wzorca umieszczasz grafikę i ustawiasz w opcji: dopasuj do strony, następnie w ustawieniach zaawansowanych strony za pomocą kodu css dodajesz tło kolorowe.
I masz efekt choćby taki: www.slawinscystudio.pl
Pozdrawiam
Autor
Witaj, dziękuję za info.
Możesz mi podesłać kod css do analizy ?
Pozdrawiam
Autor
Dla pewności dołączam zdjęcie.
Pzdr
Wstaw poniższy kod i zobacz na efekt:
<div style="background;color:#F60500;position:absolute;right:0px;width:100%;top:500px;height:300px"></div>
Pozdrawiam
Ta strona przykładowa jest przy pomocy kotwic robiona, i wszyskie elementy tej strony równocześnie sie skalują.
Wersja programu Evolution 11.
Na tym linku dokładniej sobie podejrzysz:
https://livepreview.incomedia.eu/projects/v11/549_special/
Jeśli będziesz chciał uzyskać lekką transparentność wstawianego tła kolorowego dopisz w kodzie to co zaznaczyłem tłustym drukiem. Im niższa wartość tym większa transparentność tła.
Pozdrawiam
<div style="background-color:#404040;position:absolute;right:0px;width:100%;top:2440px;height:300px;<b>opacity: 0.9</b>"></div>
Zapomniałem dodać, że numer koloru w kodzie (przykładowy color:#404040) ustalasz wg własnego życzenia.
Możesz to zrobić np tu: http://fonty.pl/porady,15,kolory.htm
Pozdrawiam
Wyszedł bałagan w kodzie zamiast grubej czcionki!
Zatem tu poprawny kod :
<div style="background-color:#404040;position:absolute;right:0px;width:100%;top:2440px;height:300px;opacity: 0.9"></div>
Transparentność stanowi końcowy człon kodu.
Sorki za zamieszanie!
Autor
Dziękuję za wszystkie mądre rady
Rozumię, że mam to wpisać we właściwości strony-zaawansowane-po tagu otw. sek. body ?
Pozdrawiam
Dokładnie!
Dla poszczególnych stron ustalasz sobie wtedy parametry indywidualnie.
Miłej zabawy!
Ps. walczę jeszcze z poprawnym kodem zawierającym element tekstury jako tło częściowe na stronie. Jak się uporam to się nim podzielę.
Autor
Dzięki i życzę powodzenia !
Dzięki i wzajemnie!!!
Pozdrowionka!