phpRS layouty : phpRS Fórum
Sháníte nějaký vzhled webu? Nevíte kde upravit barvy?
phpRS - redakční a informační systém
Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-09-07, 18:53

Zdravím,
právě řeším předělání layoutu phprs na responsivní web, protože je zapotřebí reagovat na mobilní zařízení.

Ale mám problém:
Na původní stránce např. ZDE používám RangeFloaterWrapper (v pravém sloupci), který obsahuje nějaký obsah, který roluje souběžně s rolováním stránky a nevzniká tedy napravoprázdná a nevhledná část stránky, protože obsah floateru jej zaplní.
Jak to ale udělat při responsivním designu? A jde to vůbec?

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce



Celkem upraveno 1×. Poslední úprava ZdenekPNJ v 07.09.2013 18:54.

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-09-14, 17:22

Potřeboval bych poradit s jednou věcí, která s responzivním designem souvisí.

Jedná se o načítané obrázky.

Chtěl bych pomocí stylu show-for-small a hide-for-small zoobrazit určité obrázky jen pro mobily a větší verze pro počítače. Ale je zde problém, že by se musely načítat obojí, což pro mobily není vůbec OK.

Nevíte někdo, jak by se to dalo ošetřit?

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-09-17, 10:19

Tohle vypadá zajímavě
[http://adaptive-images.com/]

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-09-17, 13:51

Tak jsem to zkusil nainstalovat, ale nevím,jestli mi to funguje tak, jak má. Nevíte někdo, jak by se dalo zjistit jestli to správně načítá jen ty obrázky ze složky /ai-cache, které má (mobil, tablet, pc apod.).

Nakonec jsem se rozhodl tento způsob nepoužít (více níže).


LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce



Celkem upraveno 1×. Poslední úprava ZdenekPNJ v 17.09.2013 20:49.

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-09-17, 16:58

A co tohle?
[https://github.com/teleject/hisrc]
Zdá se to být jednodužší.

Test na stránce [http://regionycr.cz/t2/]

------
<div class="breakpoint">
<img src="nejmensi-obrazek.jpg"
data-maxwidth320px="maly-obrazek.jpg"
data-minwidth1124px="nejvetsi-obrazek.jpg"
data-minwidth1024px="jeste-vetsi-obrazek.jpg"
data-maxwidth1023px="vetsi-obrazek.jpg"
data-maxwidth767px="maly-obrazek.jpg"
data-maxwidth479px="maly-obrazek.jpg"
alt="Celebrating Halloween in style" style="width:100%" />
</div>
------

Ale nejsem si jistý, jestli to takto stačí. Budu rád, když někdo poradí.

A ještě dotaz? Jde mi hlavně oto, aby mobily nenačítaly velké obrázky určené pro web. PageSpeed mi ale ukázal, že se načítají všechny obrázky, takže si nejsem jistý jestli to nebude ještě horší, když místo jednoho obrázku (byť velkého) se k němu bude načítat ještě zbytek. Neexistuje nějaký nástroj, který by přesně ukázal, co které zařízení načítá???

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce



Celkem upraveno 3×. Poslední úprava ZdenekPNJ v 17.09.2013 20:45.

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-10-01, 11:09

Výborná věc:

[http://foundation.zurb.com/docs/components/interchange.html]

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-10-17, 19:32

Prosím o kritiku a případně návrhy vylepšení pro web [http://www.regionycr.cz] Zajímají mně i sebemenší detaily. Chci, aby to bylo dokonalé.

...více i zde ([http://www.phprs.net/forum/read.php?5,35256])

Jinak pokud by měl někdo zájem, rád pomohu při přechodu na responzivní design.

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce



Celkem upraveno 3×. Poslední úprava ZdenekPNJ v 18.10.2013 09:37.

Re: Responsivní layout
Zaslán uživatelem/kou: josef (IP adresa zaznamenána)
Datum: 2013-10-17, 22:11

Malá chybička.
Pokud dáš vyhledat slovo phprs napíše to chybu:

Warning: include(): Unable to access image/2013/sab-clanky/cla_strict.php in /data/www/www_regionycr_cz/regionycr_cz/search.php on line 509 Warning: include(image/2013/sab-clanky/cla_strict.php): failed to open stream: No such file or directory in /data/www/www_regionycr_cz/regionycr_cz/search.php on line 509 Warning: include(): Unable to access image/2013/sab-clanky/cla_strict.php in /data/www/www_regionycr_cz/regionycr_cz/search.php on line 509 Warning: include(image/2013/sab-clanky/cla_strict.php): failed to open stream: No such file or directory in /data/www/www_regionycr_cz/regionycr_cz/search.php on line 509 Warning: include(): Failed opening 'image/2013/sab-clanky/cla_strict.php' for inclusion (include_path='.:/usr/local/share/pear') in /data/www/www_regionycr_cz/regionycr_cz/search.php on line 509

Ještě není k nalezení tisková šablona.

Jinak dobrá práce.

Josef

ZdenekPNJ napsal/a:
-------------------------------------------------------
> Prosím o kritiku a případně návrhy vylepšení pro
> web
>
> ...více i zde
> (http://www.phprs.net/forum/read.php?5,35256)
>
> Regiony ČR - Zpravodajství z regionů ČR |
> T-AGE.cz - Mladí vytváří nejen zpravodajský web
> pro mladé





Celkem upraveno 2×. Poslední úprava josef v 17.10.2013 22:18.

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2013-10-18, 09:27

Děkuji za upozornění. Chybička se vloudí. Špatné cesty k šablonám. Opraveno.
Budu rád za další kritiku a nápady.

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2014-01-28, 11:00

Přidávám odkaz na web, který jsem dělat v phprs v kobinaci s responzivním designem za využití Foundation.

[http://www.rychlydovozaut.cz]

Budu rád za každou kritiku či nápad na vylepšení.

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce

Re: Responsivní layout
Zaslán uživatelem/kou: ladous (IP adresa zaznamenána)
Datum: 2016-01-17, 12:02

Krásný den,
po 8 letech běhu webu na phpRS v jedné vizuální podobě pomalu přemýšlím, že nastal čas pro změnu. V souvislosti se změnou designu bych se rád vydal cestou responzivního webu.

Předpokládám, že takto vylepšené layouty jsou zatím vzácností (ZdenekPNJ je průkopník) a nikde ke stažení k dispozici nejsou. Nebo se situace od posledního zdejšího příspěvku za uplynulé dva roky změnila?

Děkuji.

S pozdravem
ladous
[http://www.mo-na-ko.net]

Re: Responsivní layout
Zaslán uživatelem/kou: pa3k (IP adresa zaznamenána)
Datum: 2016-01-17, 20:11

Ak zvládneš základy, prekopanie HTML šablón pre phpRS je dosť jednoduché. Niekoľko som ich takto pre phpRS spravil z hotových HTML/CSS šablón, ktoré si majiteľ webu kúpil.



Celkem upraveno 1×. Poslední úprava pa3k v 17.01.2016 20:12.

Re: Responsivní layout
Zaslán uživatelem/kou: ZdenekPNJ (IP adresa zaznamenána)
Datum: 2016-02-25, 00:17

Ahoj,
ono jde hlavně o to, že phprs používám jen jako jádro, které už jsem hooodně přepracoval a tudíž by se nejednalo jen o nahrání šablony. Je to předělané ve všech souborech. Ale nedávnovyšla Foundation 6 na [http://foundation.zurb.com/] a tam nalezneš vše, jak weby postavit.

LinkedIn - Zdeněk Pikulík

Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce



Lituji, ale pouze registrovaní uživatelé mohou zasílat příspěvky do této sekce.
This forum powered by Phorum and designed by STaNBoSS.