stará vs. nová verze zive.cz

Rady, náměty, připomínky...

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod monikash 13. 5. 2016 07:49

Je to takové nudloidní. Víc jak 2/3 plochy obrazovky tvoří reklama.
Moto G5+.
Sony NEX7, Panas GX80 a GX9
monikash
Moderátorka
Uživatelský avatar

Odeslat příspěvekod Nargon 13. 5. 2016 08:15

Mě hlavně vadí změna. Když už jsem si zvykl na to že tam jsou dva sloupečky, tak to zase někdo změní. To je jako v supermarketu, kde taky čas od času přeskládají regály, jen aby jste tam nic nemohli najít. Tohle mi připadá podobné. Určitě si na to časem zvyknu, ale nešlo by už udělat finální design do kterého se nebude šťourat?
Desktop: Ryzen 7 1800X (3.95GHz, 1.35V), Asus Crosshair VI Hero, 16GB DDR4 Ram (3200MHz), 128GB SSD + 3TB HDD, Nvidia GTX 1080
Notebook: Asus UL50VT 15.6" (SU7300@1.7GHz, 4GB ram, 500GB HDD, Intel GMA 4500MHD + nVidia G210M, dlouha vydrz cca 7+ hod)
Nargon
Moderátor

Odeslat příspěvekod Marek Lutonský 13. 5. 2016 08:47

V zakladu to snad takhle uz nejakou dobu zustane, ale mensi zmeny se asi prubezne budou objevovat. Divame se, jak lide web pouzivaji a budeme reagovat, kdyz overime, ze neco nefunguje.
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod JJezevec 13. 5. 2016 10:18

Po těch letech se dnes již vyrábějí téměř stoprocentně širokoúhlé monitory. Vám to dodnes neřekli?

Pokud ano, tak proč užíváte obrazovku na výšku?
JJezevec
Junior
Uživatelský avatar

Odeslat příspěvekod Marek Lutonský 13. 5. 2016 10:46

Již starý Gutenberg... Od určité šířky prostě přestává být text přehledný, špatně se čte, unavuje. Z tohoto důvodu se knihy netisknou na šířku, v novinách a časopisech se používá sloupcová sazba, ladí se poměr mezi velikostí písma a šířkou řádku. Na webech ze stejného důvodu bývá text v relativně úzkém sloupci.

Ideální je, když při čtení spíš jen vertikálně sjíždíte dolů a nemusíte moc pohybovat očima zleva doprava.

Rovnou odpověď na logickou námitku: Proč tedy neděláme obsah do sloupců? Protože to moc nefunguje, není to přirozené. Viděli jsme to třeba v předchozím layoutu, kdy jsme měli články vedle sebe a z chování návštěvníků jsme viděli, že stejně jedou ve svém úzkém sloupci.
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 5. 2016 12:27

Nová verze kompaktního vzhledu:
Kód: Vybrat vše
@namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain("www.zive.cz") {
  .ar-list .ar-tile {
    width: 100%;
    min-height: 0px;
    padding-bottom: 8px;
    margin-top: 4px !important;
    padding-top: 8px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    }
     
  .ar-list .ar-tile .ar-img {
    margin-bottom: 15px !important;
    margin-right: 10px !important;
    float: left;
    }
     
  .ar-list .ar-row {
    height: 70px;
    }
     
  .ar-list .ar-row .ar-img {
    width: 124px;
    height: 62px;
    }

  .ar-list .ar-row .ar-img a {
    width: 124px;
    height: 62px;
    }

  .ar-list .ar-row .ar-img a img {
    max-width: 124px;
    max-height: 62px;
    }

  .ar-list .ar-row .ar-txt h2 {
    font-size: 15px;
    font-weight: 500;
    }

  .ar-list .ar-row .ar-info span {
    font-size: 12px;
    }

  .ar-list .ar-row-promo .ar-img{
    width: 600px;
    height: 70px;
    }
     
  .ar-list .ar-row-promo .ar-img a{
    width: 600px;
    height: 70px;
    }
     
  .ar-list .ar-row-promo .ar-img a img{
    display: none;
    }
     
  .ar-list .ar-row-promo .ar-img h1 {
    font-size: 16px;
    max-height: 70px;
    font-weight: 600;
    }

  .ar-list .ar-row-promo .ar-img h1 a {
    padding: 10px 50px 42px 20px;
    }

  .ar-list .ar-tile-first-row {
    border-top: 1px solid #e9e9e9;
    }

  .bx {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    }

  .forum-simple .bx-cnt li {
    padding: 5px 0px !important;
    }

   .forum-comment {
    font-size: 13px;
    }
     
  .ar-detail .ar-annotation {
    font-size: 16px;
    }
     
  .ar-detail h1 {
    font-weight: 400;
    font-size: 30px;
    }
     
  .ar-detail .ar-content h3 {
    font-size: 20px;
    line-height: 130%;
    }
     
  .bx-head h2 {
    font-size: 16px;
    color: #FFF;
    }
     
  .forum-simple .bx-head h2 {
    font-size: 24px;
    font-weight: 400;
    }
     
  .ar-list-description h1 {
    font-weight: 400;
    font-size: 24px;
    }
     
  .forum-row-wrapper .forum-text p {
    font-size: 14px;
    }
     
  .ar-detail .ar-content {
    line-height: 150%;
    font-size: 15px;
    }
     
  .forum-row-wrapper .forum-post-actions {
    font-size: 11px;
    }
     
  .forum-simple .bx-head small {
    font-size: 14px;
    }
     
  .ar-society-networks.ar-society-networks.fixed {
    display: none !important;
    }
     
  .forum-new-post .post-wrapper textarea {
    font-size: 14px;
    }
}
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod Marek Lutonský 13. 5. 2016 14:42

Ukažte na obrázku, jak to vypadá. Nechce se mi instalovat stylish :-)
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 5. 2016 15:49

Marek Lutonský píše:Ukažte na obrázku, jak to vypadá.
Přílohy
Titulní strana.png
Titulní strana
lánek.png
Článek
lánek - diskuse + podobné články.png
Článek - diskuse + podobné články
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod powlcz 13. 5. 2016 15:59

:tleskani

Rozhodně lepší
Chronický Ujížděč na nevhodnostech
powlcz
Junior

Odeslat příspěvekod Marek Lutonský 13. 5. 2016 16:04

Moc malé :-)
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 5. 2016 16:17

Fonty si každý může doupravit dle svého.

Obří obrázky zvýrazněných článků považuji za vyložené plýtvání místem. Karusel, co jste měli kdysi, byl lepší řešení.
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod powlcz 13. 5. 2016 16:17

Takže si velkými věcmi léčíme svoje malé komplexy? :)

Co je dnes malé? 4k? QuadHD? FullHD?

Prostě se těžko bude přizpůsobovat těmto šíleným rozlišení, když 640x480 vs 800x600 a 1280x720 co bylo před léty, nebyly takové diametrální skoky jako dnes.

Na FullHD to prostě není malé.
Chronický Ujížděč na nevhodnostech
powlcz
Junior

Odeslat příspěvekod Bumerang 13. 5. 2016 19:55

podla mna uz spomenuta karusel na hornej casti stranky bola dobry napad, bolo tam 5 hlavnych tem ktore sa menili dookola, teraz tam je iba jeden obrovsky obrazok, r34ktor ma v tomto pravdu a jeho navrh je podla mna lepsi ako sucasny stav.
Bumerang
Junior
Uživatelský avatar

Odeslat příspěvekod Marek Lutonský 14. 5. 2016 00:34

Neni ani tak dulezite, co se komu zda lepsi, ale jak navstevnici web pouzivaji. Prvkem, na ktery se neklika, nema smysl zabirat misto na strance. Karusel se prilis neosvedcil, proto sel uz davno pryc.
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod r34ktor 21. 5. 2016 19:31

Nová verze custom stylu:
Kód: Vybrat vše
@namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain("zive.cz") {
  .ar-list .ar-tile {
    width: 100%;
    min-height: 0px;
    padding-bottom: 8px;
    margin-top: 4px !important;
    padding-top: 8px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    }
     
  .ar-list .ar-tile {
    border-top: 0px solid #e9e9e9;
    }
     
  .ar-list .ar-tile .ar-img {
    margin-bottom: 15px !important;
    margin-right: 10px !important;
    float: left;
    }
     
  .ar-list .ar-tile .ar-info {
    position: relative;
    margin-top: 6px !important;
    }
     
  .ar-list .ar-row {
    height: 70px;
    }
     
  .ar-list .ar-row .ar-img {
    width: 124px;
    height: 62px;
    }

  .ar-list .ar-row .ar-img a {
    width: 124px;
    height: 62px;
    }

  .ar-list .ar-row .ar-img a img {
    max-width: 124px;
    max-height: 62px;
    }
     
  .ar-list .ar-row .ar-txt {
    width: 440px;
    padding-left: 140px;
    }

  .ar-list .ar-row .ar-txt h2 {
    font-size: 15px;
    font-weight: 600;
    }

  .ar-list .ar-row .ar-info span {
    font-size: 12px;
    }

  .ar-list .ar-row-promo .ar-img{
    width: 600px;
    height: 70px;
    }
     
  .ar-list .ar-row-promo .ar-img a{
    width: 600px;
    height: 70px;
    }
     
  .ar-list .ar-row-promo .ar-img a img{
    display: none;
    }
     
  .ar-list .ar-row-promo .ar-img h1 {
    font-size: 16px;
    max-height: 70px;
    font-weight: 600;
    }

  .ar-list .ar-row-promo .ar-img h1 a {
    padding: 10px 50px 42px 20px;
    }

  .ar-list .ar-tile-first-row {
    border-top: 0px solid #e9e9e9;
    }

  .ar-list-description {
    margin-top: 16px !important;
    }
     
  .ar-list-description h1 {
    font-size: 20px !important;
    }

  .bx {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    }

  .forum-simple .bx-cnt li {
    padding: 5px 0px !important;
    }

  .forum-comment {
    font-size: 13px;
    }
     
  .ar-detail .ar-annotation {
    font-size: 16px;
    }
     
  .ar-detail h1 {
    font-weight: 400;
    font-size: 30px;
    }
     
  .ar-detail .ar-content h3 {
    font-size: 20px;
    line-height: 130%;
    }
     
  .bx-head {
    padding: 6px 6px !important;
    }
     
  .bx-head h2 {
    font-size: 16px;
    color: #FFF;
    }
     
  .bx-cnt {
    font-size: 13.4px;
    }       
     
  .forum-simple .bx-head h2 {
    font-size: 24px;
    font-weight: 400;
    }
     
  .ar-list-description h1 {
    font-weight: 400;
    font-size: 24px;
    }
     
  .forum-row-wrapper .forum-text p {
    font-size: 14px;
    }
     
  .ar-detail .ar-content {
    line-height: 150%;
    font-size: 15px;
    }
     
  .forum-row-wrapper .forum-post-actions {
    font-size: 11px;
    }
     
  .forum-simple .bx-head small {
    font-size: 14px;
    }
     
  .ar-society-networks.ar-society-networks.fixed {
    display: none !important;
    }
     
  .forum-new-post .post-wrapper textarea {
    font-size: 14px;
    }
}
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Předchozí stránkaDalší stránka

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků