AVADA-wordpress-tema-prisposobovanie rozlisenia

Takže deje sa takáto vec! Rieši to už aj Support od AVADA témy pre Wordpress ale. Stránka http://www.stiltbird.eu. Pre príklad som tam spravil Background s rozlíšením 1920*4000 a podložil ho týmto CSS:
#main {
background: url("http://stiltbird.eu/wp-content/uploads/2014/07/BACKGROUND.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
}

Problém témy je pokiaľ použijete ich nastavenia pozadie sa neprispôsobuje rozlíšeniu a je oversize na menších rozlíšeniach a na mobiloch je prsne cez polovicu. Je krásne vidno ako sa radí z ľavej hornej časti a z pravej sa uberá. Problém nastáva že nemôžem spraviť žiaden design lebo pozadie mi nesedí s textom nikdy vždy pri zmene rozlíšenia ako je fullHD sa to celé posúva. Ja potrebujem aby sa dialo s textom(webom) presne to čo sa deje s pozadím aby menilo veľkosť ale pozíciu vzhľadom na Background si držalo. Máte niekto s týmto skúsenosť ? Ďakujem. Za každú radu, kvapky som vďačný.
Ak by niekto vedel čo si mám naštudovať poprosím o nasmerovanie....

Ako inak vsetko v poriadku pozadie cez 3.2mb ...
ty chces prisposobovat obsah designu? background-position:top center a bude ti to orezavat zbokov, ak chces aj tie titulky sprav si ich cez css to nemusi byt v obrazku a budu sa ti pekne zalamovat ...

no a presne tomu orezávaniu sa chcem vyhnúť čiže background skrolovateľný width-100%! problém je že web nerobí čo má keby robil presne to čo background je všetko tak ako má byť. Napríklad tuto http://www.dota2.com/wraithnight/ viem že to nie je wordpress ale toto chcem dosiahnuť aby sami to celé vzhľadom na text nehýbalo. Poprosím trošku nasmerovať kam sa dívať aby som si to vedel naštudovať ak viete v čom je problém. ďakujem.

body {
min-width:1920px;
}

Ide to )! Ďakujem Ti don jebot.

urcite je to co chces mat? ved na mensich monitoroch treba horizontalne skrolovat.
don jebot poradil dobre, ale len pre velke rozlisenia.

podla to co chces je toto:


inak background-size nie je podporovane ie8 a starsimi (teda zalezi ci ti to vadi)
a este otazka - to fakt robis odsadenia textov cez <p></p> ci to je iba docasne?

Hatto13 OK ale pri tabletoch to oreže a to nechem a zas keď tam vratím min-width:1920px; tak na pc to je posunute a na tabletoch dobre.

preto je to dobre na tabletoch, lebo tablet ti zobrazi celu stranku (automaticky zazoomuje tak aby bola cela viditelna).
tak potom daj radsej min-width medzi 960px a 1280px (podla potreby). a bude to aj na tabletoch neorezane aj na desktopoch sa to zobrazi bez scrollovania

Skús na internete nájsť "css media query".

nepotrebuje media query, bude to sice trosku zmensena verzia ale myslim ze to v jeho pripade nevadi. zbytocne by si to iba skomplikoval

Diki moc za rady close this

// Spojený príspevok Pia 18.07.14 10:43



problem je ze ked sa stranka nacita tak je zozumovana v lavom hornom rohu :/ CSS je dobry

skusam