WebSite X5Help Center

 
Sebastian Z.
Sebastian Z.
User

Responsywny układ elementów na stronie.  pl

Autor: Sebastian Z.
Visitado 651, Seguidores 3, Compartilhado 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 em
13 RESPOSTAS - 4 ÚTEIS
Sebastian Z.
Sebastian Z.
User
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

Ler mais
Publicado em de Sebastian Z.
Maciej D.
Maciej D.
User

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

Ler mais
Publicado em de Maciej D.
Sebastian Z.
Sebastian Z.
User
Autor

Witaj, dziękuję za info.

Możesz mi podesłać kod css do analizy ?

Pozdrawiam

Ler mais
Publicado em de Sebastian Z.
Sebastian Z.
Sebastian Z.
User
Autor

Dla pewności dołączam zdjęcie.

Pzdr

Ler mais
Publicado em de Sebastian Z.
Maciej D.
Maciej D.
User

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

Ler mais
Publicado em de Maciej D.
Maciej D.
Maciej D.
User

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>

Sebastian Z.
Witaj, dziękuję za info. Możesz mi podesłać kod css do analizy ? Pozdrawiam
Ler mais
Publicado em de Maciej D.
Maciej D.
Maciej D.
User

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

Ler mais
Publicado em de Maciej D.
Maciej D.
Maciej D.
User

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! 

Maciej D.
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> Sebastian Z. Witaj, dziękuję za info. Możesz mi podesłać kod css do analizy ? Pozdrawiam
Ler mais
Publicado em de Maciej D.
Sebastian Z.
Sebastian Z.
User
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

Ler mais
Publicado em de Sebastian Z.
Maciej D.
Maciej D.
User

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ę. 

Ler mais
Publicado em de Maciej D.
Sebastian Z.
Sebastian Z.
User
Autor

Dzięki i życzę powodzenia ! 

Ler mais
Publicado em de Sebastian Z.
Maciej D.
Maciej D.
User

Dzięki i wzajemnie!!!

Pozdrowionka!

Sebastian Z.
Dzięki i życzę powodzenia ! 
Ler mais
Publicado em de Maciej D.