Autor Zpráva
emissary
Profil
Dobrý deň,

chcem sa spýtať, ako sa dá zabezpečiť optimálna veľkosť backgroundu pri rôznych rozlíšeniach - JEDNÁ SA MI IBA O ŠÍRKU. Ak som vytváral background s určitým rozlíšením....napr 1920 x 1080 a mal som menšie rozlíšenie automaticky vznikli posuvníky. Toto nechcem. Typický príklad je napr. stánka pokecu. Až pri nižšom rozlíšení ako je 1024 x XXXX začnú vznikať posuvníky. Ale pri veľkých rozlíšeniach ma dobrú kvalitu to pozadie a je roztiahnuté na celú šírku. Je vystredené a dokonca sú tam ďalšie elementy obrázka, ktoré nie sú vidieť pri nižšom rozlíšení.

rozlisenie 1024x768 tu je vidieť ako vyzerá background pokecu - dokonca s rozpoleným stromčekom, teda ten backgroud nezobrazuje celý obrázok, aby sa nezobrazia posuvníky.

rozlisenie1680x1050 tu je ružovo vyšráfovaná časť, ktorá je tam pridaná a je súčasť veľkého obrázka, čoho sú dôkazom tie ďalšie elementy obrázka (v krúžku stromčeky) - ktoré pri menšom rozlíšení nie sú vidieť, alebo len z časti.

Viete mi niekto povedať ako sa dá niečo takéto dosiahnuť?
Pri nižšom rozlíšení ako 1024 x XXXX sa už zobrazia posuvníky, teda je tam zadaný nejaký limit, pokiaľ môže okresávať obrázok backgroundu, aby boli zobrazené všetky podstatné údaje.

Ďakujem...
Dranel
Profil
emissary:
Pokud ten obrázek použiješ jako pozadí, tedy background v CSS, šířku stránky a tedy ani posuvníky to neovlivní. Dobré je udělat si nějaký obrázek a ten opakovat od středu do stran. Výsledkem je, že při všech rozlišeních je pozadí stejně napozicované (na středu) a vyplní celou plochu až do stran.
emissary
Profil
Dranel:
Áno, ale iba pokiaľ je ten obrázok po celej dĺžke rovnaký. Toto nie je tento prípad, ak si teda pozrel dobre obrázky ktoré som tu poskytol v odkazoch. Nechcem použiť žiaden "repeat" a pod. Toto poznám, pýtam sa na tento spôsob, ktorý som tu opísal.
Trejpa
Profil
emissary:
Toto poznám, pýtam sa na tento spôsob, ktorý som tu opísal.
Asi ne, když v tebou ofocené stránce to tak uděláno jest. Obrázek je široký, navazuje a opakuje se. Je na pozadí prvku se stoprocentní šířkou. Další vnořené bloky mohou být užší a vymezovat svým rozměrem a vystředěním vlastní obsah.
emissary
Profil
Trejpa:
Super... A kde sa stratili ten bočný stromček úplne v pravo v tomto rozlíšení monitora - 1024x768. Veď ten obrázok, tak ako si mi ho tu podal Obrázek ho tam celý má. A teda moja znalosť (možno zlá znalosť) hovorí, že ak vložíš obrázok, v našom prípade tento Obrázek - rozlíšenie 1400x238, tak ho zobrazí celý...a ak človek dá funkciu "repeat x" tak sa začne opakovať až po tom, čo sa celý zobrazí. Lenže pri rozlíšení 1024x768 sa celý nezobrazí, iba STRED toho obrázka! Vynechajú sa okraje, tak ako to je znázornené tu s rozlíšením 1024x768 oproti 1680x1050. Chápem, že pri väčšom rozlíšení sa začne opakovať, to je v poriadku.
Trejpa
Profil
emissary:
Když vložíš obrázek jako pozadí, tak se podle potřeby ořízne nebo opakuje. Stromeček zalézá mimo obrazovku. O tom, která strana zalézá za okraj, rozhoduje background-position. Koukni se na příklad.
emissary
Profil
Trejpa:
Ahá, tak idem to vyskúšať. :) Ďakujem zatiaľ.... Ak by niečo, tak sa tu určite ešte ozvem :)
emissary
Profil
Ale ešte jedna myšlienka ma napadla. Neexistuje niečo také, že vytvorím obrovský obrázok vo vysokom rozlíšení a budem ho aplikovať ako background no pri menších rozlíšeniach sa nebude zobrazovať v plnom rozlíšení, iba v takom aké potrebuje pre rozlíšenie daného užívateľa? To je asi totálna somarina....ale za pokus to stálo. :)
Trejpa
Profil
emissary:
Zmenšování obrázku na pozadí podle velikosti okna lze pomocí nestandardních technik dosáhnout, ale nevypadá to hezky. Za snahu to nestojí. Jestli o tom přesto přemýšlíš, pohledej zde na diskuzi.

Za sebe ti doporučuji jednu z technik:
1. Použij obrázek na míru textu a okolí nech prázdné.
2. Udělej obrázek větší navazující, aby se opakoval.
3. Udělej obrázek po stranách do ztracena, aby bez opakování plynule přešel do barvy pozadí.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0