Ale nie! Kde je JavaScript?
Váš webový prehliadač nemá povolený JavaScript alebo nepodporuje JavaScript. Ak chcete správne zobraziť túto webovú lokalitu, povoľte JavaScript vo svojom webovom prehliadači, alebo inovujte na webový prehliadač, ktorý podporuje JavaScript.

Fórum

responzivne pozadie

9 príspevkov
702 zobrazení
Naposledy aktualizované pred 6 mesiacmi
J
Člen 127
Odoslané pred 6 mesiacmi
#1
Pouzivam Czechia tema a mam nejaky takyto web (dam tu len screen, lebo web nie je public). V hlavicke som pouzil tento obrazok na pozadi. Ked idem na web cez smartfon, tak web sa zobrazuje responzivne co je OK, ale obrazok na pozadi sa zobrazi len ta cast, ktoru som oznacil cervenou ciarou (cize zobrazu sa len ta cast na lavo od cervenej ciary).
Je mozne nejak nastavit aby bol aj obrazok na pozadi responzivny ?
RobiNN
Hlavný administrátor 763
Odoslané pred 6 mesiacmi
#2
Konečne niekto kto vie zladiť farby Páči sa mi to tuto tému už som videl všelijak upravenú a bolo to hrozne ale tato tvoja upráva nevyzerá zle Žmurkajúci.

Skus toto
.theme-header {
 background: #2980b9 url(bg.png) no-repeat center;
 -webkit-background-size: cover;
 background-size: cover;
}

PHP-Fusion Development Manager
GitHub profil: GitHub
PHP Fusion témy: PF-Projects/PHP-Fusion-Themes
PHP Fusion infúzie: PF-Projects/PHP-Fusion-Infusions, php-fusion/Addons
J
Člen 127
Odoslané pred 6 mesiacmi
#3
Teraz to mam tak
.theme-header {
 background: #2980b9 url(images/bg_main.jpg);
 background-attachment: fixed;
 padding: 15px 0;
}

Skusil som pridat bud toto
-webkit-background-size: cover;

alebo toto
background-size: cover;

A na mobile sa to zobrazuje OK, ale na PC sa to nepekne roztiahne.
Takze teraz je to vlastne obratene (na mobile OK na PC not OK)
Upravil/a jany dňa 05/01/2020 23:05, pred 6 mesiacmi
RobiNN
Hlavný administrátor 763
Odoslané pred 6 mesiacmi
#4
Skús obrázok kory ma cca 1920px na šírku a 500px na výšku.

Alebo toto

.theme-header {
 background: #2980b9 url(images/bg_main.jpg) no-repeat;
 background-attachment: fixed;
 padding: 15px 0;
}

/* Iba na telefóne to bude natiahnuté tak ako chceš */
@media (max-width: 567px) {
 .theme-header {
 -webkit-background-size: cover;
 background-size: cover;
 }
}



Toto je to iste, -webkit- je len prefix pre niektoré prehliadače
-webkit-background-size: cover;
background-size: cover;

PHP-Fusion Development Manager
GitHub profil: GitHub
PHP Fusion témy: PF-Projects/PHP-Fusion-Themes
PHP Fusion infúzie: PF-Projects/PHP-Fusion-Infusions, php-fusion/Addons
J
Člen 127
Odoslané pred 6 mesiacmi
#5
Toto funguje uz OK, dik
J
Člen 127
Odoslané pred 6 mesiacmi
#6
Este poznamka:
ked som smartfon otocil do horizontalnej polohy, tak sa pri nastaveni "max-width: 567px" ten obrazok roztiahol. Ked som nastavil "max-width: 800px" tak teraz je to este lepsie.

btw nevies nahodou o nejakom online nastroji, ktory simuluje rozne web prehliadace v roznych OS a na roznych zariadeniach ako napr. smartfon, tablat, desktop ....

Pretoze teraz sa mi web zobrazuje OK v linuxe (opera, chrome, firefox) a na smartfone android 6, ale rad by som si pozrel ako sa to zobrazuje aj inde napr. vo win 7/10. Nasiel som toto https://www.brows... ale tam fungovalo asi len 5 pozreti a dalej to chce upgrade a platbu
RobiNN
Hlavný administrátor 763
Odoslané pred 6 mesiacmi
#7
Pre DEV tím som pred rokom vybavil sponzoring od https://browserst... na testovanie rôznych prehliadačov a zariadení používam iba toto. Mám tam neobmedzené všetky nástroje, ktoré ponúkajú.
Pokiaľ viem tak majú aj nejakú trial verziu, možno ti pomôže
PHP-Fusion Development Manager
GitHub profil: GitHub
PHP Fusion témy: PF-Projects/PHP-Fusion-Themes
PHP Fusion infúzie: PF-Projects/PHP-Fusion-Infusions, php-fusion/Addons
J
Člen 127
Odoslané pred 6 mesiacmi
#8
OK dik, to neni az take doletite pre mna, predpokladam, ze sa to zobrazuje OK vsade Páči sa mi to
RobiNN
Hlavný administrátor 763
Odoslané pred 6 mesiacmi
#9
Tieto nástroje sú väčšinou platené.
Ak upravuješ iba farby a pridal si pozadie tak to bude ok.

Samotná téma už bola otestovaná počas toho ako som ju vytváral.
PHP-Fusion Development Manager
GitHub profil: GitHub
PHP Fusion témy: PF-Projects/PHP-Fusion-Themes
PHP Fusion infúzie: PF-Projects/PHP-Fusion-Infusions, php-fusion/Addons