Ahoj, mám tento problém. Dělám web. stránky, kde chci mít na obou krajích tmavou barvu, která jde postupně ke světlé.
Jako hlavní mám div, který je nastaven na 1000px. V tomto divu se odehrává děj www stránek a pozadí je bílé. Udělal jsem si proužek obrázku s přechodem a dal repeat v ose y. Tím se mi udělal přechod na levé straně tak jak chci,že ta světlá končí na levém okraji divu a přechází to do bílé. Jak ale nastavím tento přechod i pro pravou stranu? Díky
Udělání přechodu na kraji www stránek Vyřešeno
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Udělání přechodu na kraji www stránek
čau,
otočíš přechod a uděláš to stejný na druhý straně.
otočíš přechod a uděláš to stejný na druhý straně.
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Udělání přechodu na kraji www stránek
A mohu poprosit o informaci jak ho otočím? Děkuji
-
- Pohlaví:
Re: Udělání přechodu na kraji www stránek
Jednoducho, vytvor pozadie široké 1920px, v strede nechaj 1000px ničoho, keďže tam bude content (obsah stránky, hlavný div) a tie okraje naštýluj. Následne do body nastav toto pozadie a vypni repeat. Taktiež ho sprav statické, aby po scrollnutí ostalo na mieste a zaroven nastav aby sa prisposobilo rozliseniu, tj. zobrazi sa cele na akomkolvek monitore.
Hlavný box zarovnáš na stred a odporúčam mierne odsadiť od vrchu, príklad:
Druha varianta je pouzit tiene... Ale to asi nieje efekt, ktory chces dosiahnut. Taktiez sa daju na toto pouzit CSS3 prvky bez nutnosti pouzitia akehokolvek obrazkoveho suboru.
Vela stastia.
Hlavný box zarovnáš na stred a odporúčam mierne odsadiť od vrchu, príklad:
Kód: Vybrat vše
#primarybox{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
//a zvysok CSS pre hlavny box
}
Druha varianta je pouzit tiene... Ale to asi nieje efekt, ktory chces dosiahnut. Taktiez sa daju na toto pouzit CSS3 prvky bez nutnosti pouzitia akehokolvek obrazkoveho suboru.
Vela stastia.
Re: Udělání přechodu na kraji www stránek
pajacz17 píše:A mohu poprosit o informaci jak ho otočím? Děkuji
V grafickém programu, ve kterém jsi ho vytvořil, snad dokážeš najít funkci převrácení obrázku, ne?
- Přílohy
-
- V GIMPu je to takhle
- GIMP_prevraceni.png (11.57 KiB) Zobrazeno 1144 x
- Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
- Výňatek z pravidel fóra PC-HELP:
- Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
- Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
- Mýliti se je Myloš.
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Udělání přechodu na kraji www stránek
jj určitě doporučuju udělat obrázek 1920px, potom totiž na mobilu nebude vidět nic víc než přechod z jedný strany
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
-
- Pohlaví:
Re: Udělání přechodu na kraji www stránek
@CZechBoY, písal som, nech tam pridá arguement na to, aby pozadie bolo rovnaké na všetkých zariadeniach, viem, že som to mal na svojom starom webe a pozadie 1920x1080 sa zobrazilo rovnako na UltraHD TV aj na nejakom Tablete, ktorý ma 480p. Tomu sa hovorí responsive design. Tj. stránka sa prispôsobí rozmerom zariadenia napr. poprehadzovaním či zmenšením boxov a pri pozadí sa skrátka pozadie "zcvrkne" alebo "natiahne" tak, aby presne sedelo a bol tam celý obsah pozadia.
Tuším, že je to nejak takto:
a dávať šírku 1000px je skôr blbosť, dal by som to takto:
tj. bude na lavej aj na pravej strane 10% z velkosti monitoru prazdnych a sted monitoru (tj. ten box) bude mat 80% z celkovej velkosti a max. 1000px.
TJ. bude to aspon trosku responzivne.
Tuším, že je to nejak takto:
Kód: Vybrat vše
background-image: url(obrazok.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
a dávať šírku 1000px je skôr blbosť, dal by som to takto:
Kód: Vybrat vše
width: 80%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
tj. bude na lavej aj na pravej strane 10% z velkosti monitoru prazdnych a sted monitoru (tj. ten box) bude mat 80% z celkovej velkosti a max. 1000px.
TJ. bude to aspon trosku responzivne.
Naposledy upravil(a) IDVert3X dne 07 črc 2014 12:20, celkem upraveno 1 x.
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Udělání přechodu na kraji www stránek
Určitě chci zoomovat na tabletu jak blbec
Nicméně, když se nedá šířka těch 1920px tak by to mělo fungovat s tím background cover
Nicméně, když se nedá šířka těch 1920px tak by to mělo fungovat s tím background cover
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
-
- Pohlaví:
Re: Udělání přechodu na kraji www stránek
Prečo zoomovať? Čo si chceš zoomovať pozadia stranky?
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Udělání přechodu na kraji www stránek
Stránku jako takovou...
Ale jak jsem psal.. s tim bz:cover by se mělo pozadí roztáhnout na max šířku prvku. Pokud ten prvek bude mít šířku 100% tak se na mobilu nebude muset zoomovat.
Ale jak jsem psal.. s tim bz:cover by se mělo pozadí roztáhnout na max šířku prvku. Pokud ten prvek bude mít šířku 100% tak se na mobilu nebude muset zoomovat.
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Udělání přechodu na kraji www stránek Vyřešeno
Díky. Místo cover jsme napsal 100% a vše funguje.
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
- 10
- 2788
-
od MrVoltz
Zobrazit poslední příspěvek
29 srp 2023 15:46
Zpět na “Web-tipy a vaše weby”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 20 hostů