WWW-sivujen kännyversiolle käyttöliittymä

Liittynyt
27.03.2018
Viestejä
645
Itse osaan JS:ää foorumia ajatellen sen verran, että saan sillä haluamani toiminnallisuudet, mutta siihen meikäläisen JS-osaaminen päättyy. Olen opetellut jQueryä vain sen verran kun olen sitä tarvinnut, en yhtään enempää.

No jos en saa sitä JavaScript-ongelmaa ratkaistua, mitä mieltä olet siitä isosta valikkolaatikosta? Minkä kokoinen se saisi maksimissaan olla koskien sen leveyttä? Se iso valintalaatikko on nimittäin ainoa järkevä vaihtoehto. Olisiko sen laatija avaaja kiva olla sivustalla yläosan sijaan? Laadin laatikon kuitenkin vasta ihan pakon edessä.
 

living_death

★ Still alive ™
Liittynyt
15.11.2016
Viestejä
4 364
Tarkoitatko valintalaatikolla menusysteemiä?

Jos tarkoitat, itse lähtisin rakentamaan sitä valmiilla plugarilla, jossa riittää valintoja enemmän kuin tarpeeksi ja samalla mitään ei olisi rikki erilaisilla päätelaitteilla sivua selatessa.

Max Mega Menu

 
Liittynyt
13.01.2021
Viestejä
301
Täytyy sen verran kommentoida tähän väliin, että varmasti fiksu ratkaisu lähteä miettimään tuota toteutusta vähän uusiksi. Kuulosti siltä, että siitä vanhasta versiosta oli tullut sellainen sotku ettei siitä ota enää kukaan selvää.

Vähän veikkaan, että tuo hitausongelma johtuu http palvelimen hitaudesta. Näyttää tosiaan siltä, että selain joutuu odottamaan hetken ennen kuin saa mitään vastausta palvelimelta. Ei tuo mielestäni ole kuitenkaan vielä mitenkään sietämättömän hidas, paljon hitaampiakin sivuja tulee välillä vastaan.
 

Kautium

IOdootti
Liittynyt
16.10.2016
Viestejä
11 759
Vähän veikkaan, että tuo hitausongelma johtuu http palvelimen hitaudesta. Näyttää tosiaan siltä, että selain joutuu odottamaan hetken ennen kuin saa mitään vastausta palvelimelta. Ei tuo mielestäni ole kuitenkaan vielä mitenkään sietämättömän hidas, paljon hitaampiakin sivuja tulee välillä vastaan.
Siitä on ihan tutkimuksiakin, että missä vaiheessa käyttäjät luovuttavat jos sivun lataus kestää ja tuolla sivustolla se raja-arvo ylittyy moninkertaisesti. Aivan liian hidas ja kankea sivusto. Jos palvelimen kapasiteetti tulee vastaan, niin sitä saa rahalla lisää. Aiemmin huomasin jotain kerjäysyrityksiä, että voisiko joku sponssata lisää kapasiteettia, mutta ei se niin toimi.

Arvostan aloittajan viitseliäisyyttä ja päättäväisyyttä, mutta toisaalta osaaminen näyttää olevan hyvin rajallista ja asenne jääräpäinen.
 
Liittynyt
27.03.2018
Viestejä
645
Tarkoitatko valintalaatikolla menusysteemiä?

Jos tarkoitat, itse lähtisin rakentamaan sitä valmiilla plugarilla, jossa riittää valintoja enemmän kuin tarpeeksi ja samalla mitään ei olisi rikki erilaisilla päätelaitteilla sivua selatessa.

Max Mega Menu

En minä uutta valikkosysteemiä kaipaa kuin 1140px viewport-arvon ylittäville laitteille. Muille teeman valikko on kiva.
pekka666:lle. Kyllä minä osaan muokata WordPressiä varsin hyvin ja CSS on varsin hyvin hallinnassa. JavaScript-osaaminen on hyvin vajavaista ja riittää vain sen ymmärtämiseen, mitä itse on saanut aikaan. Ei riitä suurempien JS-kokonaisuuksien hahmottamiseen.

Itse arvioisin, että sivusto on foorumiksi noin kolme kertaa liaan hidas. Foorumini on siis vain foorumidemo.

Otin mukaan vanhasta mielestäni sopivia osia. Mukaan tuli turhaa, joka pitää siivota pois. Olen tehnyt siivoamista, mutta se on kesken. Asiaa voi verrata siihe, että pari muuttaa yhteen ja roinaa on yllin kyllin. Sitten pitää katsoa, mikä roina joutaa kaatopaikalle - kirppikseen ei CSS-roinaa voi viedä.
 
Liittynyt
13.01.2021
Viestejä
301
Siitä on ihan tutkimuksiakin, että missä vaiheessa käyttäjät luovuttavat jos sivun lataus kestää ja tuolla sivustolla se raja-arvo ylittyy moninkertaisesti. Aivan liian hidas ja kankea sivusto. Jos palvelimen kapasiteetti tulee vastaan, niin sitä saa rahalla lisää. Aiemmin huomasin jotain kerjäysyrityksiä, että voisiko joku sponssata lisää kapasiteettia, mutta ei se niin toimi.

Arvostan aloittajan viitseliäisyyttä ja päättäväisyyttä, mutta toisaalta osaaminen näyttää olevan hyvin rajallista ja asenne jääräpäinen.
2 tai 3 sekuntia ymmärtääkseni tarjotaan usein rajana. Tässä omalla puhelimellani tuolle sivulle mennessä näyttää kestävän noin 4-5 sekuntia ennen kuin mitään tapahtuu, joten onhan tuo siinä mielessä liian hidas.
 
Liittynyt
27.03.2018
Viestejä
645
2 tai 3 sekuntia ymmärtääkseni tarjotaan usein rajana. Tässä omalla puhelimellani tuolle sivulle mennessä näyttää kestävän noin 4-5 sekuntia ennen kuin mitään tapahtuu, joten onhan tuo siinä mielessä liian hidas.
Foorumin pitäisi mielestäni toimia n. 1 sekunnin sisällä. Tähän nähden siis sivustoni on foorumiksi n. 3 kertaa liian hidas. Blogiksi sivustoni kelpaa, koska blogissa ei koko ajan vaihdeta sivuja eikä tule kommentteja, jotka pitäisi heti lukea.

Kun muutaman sivun selaa, aikaa menee 3-4 sek., eli hieman hidas blogiksikin, mutta menettelee. Yritän ensin heittää roskat pois ja katson, mikä on lopputulos. Jos en saa sivustoa toimimaan niin, että siirtymä on alle 1,5s. sivusto ei toimi foorumina.

Jos alle 1,5s. en pääse, vaikka teen kaiken, mitä osaan toiminnan nopeuttamiseksi, keskustelen ensin palvelun tarjoajan kanssa, mitä tehdä. Jos en saa järkevää tarjousta, ajattelin Sitegroundin palvelua - Suomessa hyvä WP-palvelu vaan maksaa ihan liikaa. Saisin Sitegroundilta kohtuuhintaan DNS ja CDN-pavelut.
 

living_death

★ Still alive ™
Liittynyt
15.11.2016
Viestejä
4 364
Onko foorumin pakko olla nettisivulla?

Nykyään on ollut tapana perustaa FB-sivu ja hoitaa keskustelut sitä kautta ja sen hallinnoiminen on muutenkin helpompaa ja sinne löytäisi x kertaa useampi käyttäjä.

Jos olisin itse yhtä kiinnostunut sanaristikoista kuin @Tapio X niin haluaisin ehdottomasti liittyä sellaiseen FB-ryhmään, enkä keskustella asioista nettisivulla olevan foorumin kautta.

Nettisivu voisi olla sisällöntuottamista varten ja erottaa keskustelut sinne missä ne toimisivat parhaiten.

Tämä foorumi on ihan eri juttu, koska se on perustettu ihan oikealla foorumisoftalla, eikä millään Wordpressiin vajavaisella ja rumalla kikkareella.
 
Liittynyt
27.03.2018
Viestejä
645
En halua olla FB:ssä - kyse on siitä, että en luota Zuckerberiin.
XenForo on siisti paketti. Olet täysin oikeassa, että bbPress on oletuksena ihan älyttömän ruma. Olen ottanut XenForo-foorumeista mallia bbPress ulkoasun luomiseen. Kohtuullisen lähellä olen päässyt. bbPressi pahin puute foorumina on hälytyskello-toiminnon puute. En tunne WordPressiä niin hyvin, että osaisin lisätä sen bbPressiin. En myöskään tunne hälytyskellon logiikkaa. Pitäisi ensin ymmärtää se, miten tällä sivustolla selaimen välilehteen ilmestyvä muistutus ja sivun päänavigoinnissa näkyvä hälytyskello-ikoni toimivat. Jos osaat sen selittää, ehkä osaan tehdä siitä bbPress-version.

Kivinta WordPressissä on se, että jos mallinteen laittaa child-hakemistoon, voi mihin tahansa mallinteen kohtaan näppärästi lisätä omaa koodia laittamalla
do_action('tassa_on_jokin_nimi');

ja CodeSnippetilla
add_action ('tassa_on_jokin_nimi',... // anonyymi funktio tai funktion nimi
Lisäsin leivänmurut footer-osan yläpuolelle määrittämälla itse uuden do_action - add_action -parin.
Koodi:
<!-- #screenr_before_site_footer -->
<div id="screenr_before_site_footer"><?php do_action( 'screenr_before_site_footer' );?></div>
 
Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Semmonen JS-puute minulla on, että osaa lisätä elementille luokkia sen perustella, missä kohtaa sivua ollaan. Ymmärtääkseni tämän sivuston nuolet on jQueryllä, jossa luokkien vaihto on if-lausekkeen sisällä, joka tarkkaileen missä kohtaa näyttöä ollaan. En nuoliin vastaavaa kaipaa, mutta voisi ajatella laittaa hampulaisen eteen tekstin VALIKO, joka poistuu sopivan matkaa siirryttäessä. Tämä tarvitisi lisäksi useita if-lauseita näyttöportin koon mukaan
Koodi:
eli if($etaisuus=400 && $nayttoportti=1440){

...lisää tai poista luokka}

elseif{$etaisuus=300 && $nayttoportti=800){
...
}
 
Liittynyt
27.03.2018
Viestejä
645
Jätän sen mahdollisen laatikkomaisen valikon luontikokeilun myöhemmäksi ja jatkan toiminto- ja aihevalikoiden ymppäämisen kokonaisuuteen. Kuten näkyy, se istuu hyvin mobiilivalikkoon, mutta ei niin kivasti ehkä istuisi pudotusvalikkoon. No pudotusvalikkoa en saanut siististi leivänmurujen kanssa ja sen pystysuuntainen koko oli paikoin erittäin käyttäjäepäystävällinen. Laatikko on joka tapauksessa parempi vaihtoehto. Laatikkoon saa nätisti myös haun ja erityislinkit. Laatikon maksimileveys olisi 1140px varmaan aika passeli. Tällä hetkellä nuo linkit eivät tee mitään, joten ne pitää piilottaa.
 

Liitteet

Liittynyt
28.10.2016
Viestejä
428
Olen samaa mieltä Tapion kanssa ettei mitään FB ryhmiä. Vähän kuin tuputtais Suomessa käytettäväksi Paypalia maksuksi. Nope. Vai jos sitä kannattais laitetaas io-tech.fi alas ja siirrytään kaik FB:heen. Tuskin tulee kummoista tukea. Mieluiten tuen täällä käymistä mainostuloilla(kin) kuin jotain Zuckerbergiä mainostuloilla ja omien tietojen vuotamisella randomina aikoina. Toisena on se FB voi pistää foorumeita kiinni ihan omista syistä ja tilejä ilman että kunnoittaa sananvapautta jos satuttaa jotain korkeata henkilöä jollain vitsillä ihan suomenkin puolella kaverin tili jäädytetty jo montaa kertaa kun ärsytti esim. vihreiden edustajia jollain harmittomalla Greta vitseillä jossain ryhmässä ja leimas hänen puheet "vihapuheeksi". Eli käytetään systeemiä täysin väärin ja sille on täysin voimattomia FB mutkikkaan byrokratian takia jolloin parempi luovuttaa vain.
 
Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Sain valikkosysteemin lähdes valmiiksi. Valikkoa toimintovalikko pitää hioa. Samoin pitää miettiä, mikä olisi paras tapa esittää apuvalikoiden sulkemispainike. Valikon Aihevalikon logiikka toimii nyt täydellisesti. Aihevalikossa ainoa pieni jotakuta ärsyttävä kauneusseikka on tietokoneella välttämätön vierityspalkki. Sen voisi kyllä Chromella kätkeä, joilloin vierittää voi vain rullalla.

Sivuilla ei nyt ole mitään muuta kuin valikot, joista löytyy sivuston sisältö. Lähtötilanteessa sivu on maksimaalisen yksinkertainen tarjoten samalla maksimaaliset ominaisuudet yhden painikkeen takaa. Pääsin tavoitteeseeni, mutta eihän siitä suurta iloa ole nykyisellä palvelimella.

Sivusto on demo siitä, miten toiminnot voidaan samalla sekä kätkeä että ottaa ne käyttöön missä tilanteessa tahansa.
 

Liitteet

Liittynyt
27.03.2018
Viestejä
645
Tällä tavalla sen haluan juuri toimivan. Haluan sivuston olevan erilainen. Kun sivustolla ei ole muuta näkyvää linkkiä kuin ns. leivänmurut, se pakottaa avaamaan valikot ja etsimään sieltä - ja sieltähän löytyy ihan kaikki. Kyllä sen pitäisi kelvata. Varmaan nyt tavanomaisiin ratkaisuihin tottunut www-koodaaja vierastaa ajatusta. Kun sivuston nopeus on ihan perseestä, ei sivustosta juuri kukaan muu voi kiinnostua kuin devaajat. Kyllä mielestäni tällä logiikalla voisi moni muukin sivusto selvitä. Ainakaan sivuston toimintoja ei tarvitse etsiä milloinkaan kuin yhdestä paikasta.
 

Kautium

IOdootti
Liittynyt
16.10.2016
Viestejä
11 759
Varmaan nyt tavanomaisiin ratkaisuihin tottunut www-koodaaja vierastaa ajatusta.
Sinun pitäisi ymmärtää, että niiden "tavanomaisten ratkaisujen" taustalla on yleensä tutkimuksiin perustuva käyttäjäkokemus -ja käyttöliittymäsuunnnittelu, eikä mikään yksittäisen koodaajaan päähänpinttymä, kuten näissä sinun virityksissä juuri tuppaa olemaan.
 
Liittynyt
27.03.2018
Viestejä
645
Onhan tämänkin sivuston päävalikon suunnittelu mennyt siihen suuntaan kuin toivoin. Menen ajattelutavassa vain astetta pidemmälle. Vaikka sivustoni on hidas kuin mikä, voisit kokeilla idean toimivuutta. Kuten kerroin, joidenkin detaljien toteutus (kuten apuvalikoiden sijoittelun ja niiden sulkemisten toteutus) ovat kesken, mutta itse perusidea on se, minkä aion pitää.

Toivon, että se voisi olla jopa tiennäyttäjä. Parasta visuaalisessa mielessä on se, että ulkoasu on sivulta toiselle siirryttäessä mahdollisimman siisti, kun esillä ei ole juuri mitään härpäkettä. Vähemmällä härpäkemäärällä nyt ei oikein voi selvitä. Minusta ylös/alas-nuolet on tarpeen, jotta ei mene hermot rullailun kanssa. Suomi24 on kiva sivusto, mutta v***, että sieltä puuttuu ylös/alasnuolet. Muuten sivustolla on minusta varsin hyvä toimivuus. Yläpalkki on toteutettu mielestäni järkevästi.

Huomasin, että toimintovalikosta puuttuu "Seuraa/Lopeta seuraaminen" sekä "Lisää suosikkeihin" toiminnot. Ne täytyy joskus lisätä. Ja onhan siinä muitakin keskeneräisiä juttuja. Sitä ei siis pidä arvostella lopullisena toteutuksena. Toiminnot löytyvät kyllä valikosta "Aihevalikko" kohdasta Foorumin/aiheen tiedot, mutta saisi ne toisessakin valikokssa ehkä olla. Foorumin/aiheen tiedot kohdat ulkoasu on vähän rikki ja pitää korjata. Siinäkin on siis hieman korjattavaa.

Mitä nykyiseen XenForoon tulee, se kelpaisi minulle foorumisoftaksi. Ongelmana on siinä, että sivustoni on muutakin kuin foorumi. Minne minä sijoittaisin kaiken muun? XenForo myös maksaa.
 
Viimeksi muokattu:
Liittynyt
17.10.2016
Viestejä
1 331
Huh... Onpas hankala tuo valikko. Ja tosiaan kun jostain ihmeen syystä se hampurilainenkin näkyy vain tietyllä ikkunan leveydellä niin ei meinannut ensin löytää koko valikkoa. Minkä ihmeen takia nuo valikon kategoriat ei voisi suoraan olla tuossa sivun ylälaidassa? Olisi paljon käytettävämpi ja selkeämpi. Lisäksi tuon hampurilaisen näkyminen riippuu myös selaimen zoom-asetuksesta joka on myös melkoinen käytettävyyden tappaja. Itse olen tottunut isolla resoluutiolla hidpi-näytöllä zoomaamaan ctrl+rullalla sivuja eri zoomille sen mukaan mikä on miellyttävintä lukea ja tuossa sinun sivussasi tuo tekee kaikkea hassua eli sivu ei skaalaudu käyttäjän mukaan. Tuohon ongelmaan noin pahana en ole törmännyt missään muualla.
 
Liittynyt
27.03.2018
Viestejä
645
Ja tosiaan kun jostain ihmeen syystä se hampurilainenkin näkyy vain tietyllä ikkunan leveydellä niin ei meinannut ensin löytää koko valikkoa.
En saanut tyydyttävää lopputulosta yli 1140px leveydelle, joten poisti 1141 alkaen päävalikon kokonaan näkyvistä. Väliaikaisratkaisu siihen asti kunnes saa siistin näköisen valikon yli 1141px leveydelle. Laitoin väliaikaisesti tekstin:
KAVENNA SELAIMEN IKKUNAA, JOTTA NÄET VALIKKOPAINIKKEEN!

Yli 1140px viewport-arvon näyttöttölaitteet on pahin suunnitteluongelmani.


Minkä ihmeen takia nuo valikon kategoriat ei voisi suoraan olla tuossa sivun ylälaidassa? ... tuossa sinun sivussasi tuo tekee kaikkea hassua eli sivu ei skaalaudu käyttäjän mukaan.
  1. Samasta syystä kuin ei tämän sivuston valikossa ne näy kännykkälevelyksillä. Ne ovat täälläkin kapeilla leveyksillä hampurilaisen takana.
  2. Haluan pitää näkymän ehdottoman siistinä. Hampurilaisen avaus tuo vain yhden klikkauksen lisää.
  3. Vastineeksi kun olla sivun keskivaiheilla tai vaikka sivun lopussa, kaikki toiminnot ovat käytettävissä hampurilaisesta ihan samaan tapaan kun tällä sivustolla päävalikko on käytettävissä kiinteässä yläpalkissa. Hampurilainen vie sivun keskivaiheilla tai lopussa selattaessa vähemmän ruututilaa kuin täysleveä valikkopalkki.
  4. Päätin, että kaikilla mobiililevyksillä näytetään täysin sama näkymä. Minusta se on käyttäjälle selkeämpää kuin jatkuvasti tilanteen mukaan elävä valikko. Sinun mielestäni voi olla hassua, että leveyden mukana mitään ei tapahtu, mutta minusta se on selkeyttä. Minusta sivut nykyisin elävät liikaa tilanteen mukaan. Koen sellaisen itse toisinaan aika ärsyttävänä asiana.
Lisäksi tuon hampurilaisen näkyminen riippuu myös selaimen zoom-asetuksesta joka on myös melkoinen käytettävyyden tappaja. I
Hampurilaisen koko on sopiva mobiililaitteille. Teemassa se on kaikille mobiililaitteille saman kokoinen eikä muutu millään mobiilileveydellä. Isolla näytöllä sen koko jää varmasti melko pieneksi.

Itse asiassa tein hampurilaisesta alkuperäistä selvemmän laittamalla sen taakse toisen elemenin, jossa on reunukset ja taustaväriä. Valikon avaamiseen teemassa on vain hampurilainen, ilman mitään tekstiä. Toki voisihan sille ::before avulla teksin lisätä, joka sitten häipyisi pois, kun sivua on rullattu esim. 300px. Hampurilaisen näkyvyyttä voisi siis melko helposti itse parantaa. Tosin en nyt ole opetellut, miten onnistuu luokan vaihto sen perusteella, että sivua on rullattu x matka. Tämä pitäisi opetella. Olisi toki paljon selkeämpää, että pelkän hampurilaisen lisäksi aina sivun alussa lukisi VALIKKO. Koska en osaa saada siihen toistaiseksi koodia, joka pitää tekstin vain tietyn ruutumatkan ylhäällä, en ole tekstiä lisännyt. Idean kyllä ymmärrän.

Periaatteessa koossa voisi ottaa huomioon korkeusarvon, eli jos min-width:900px and min-height:xxx, painiketta skaalataan. Koska minulla ei ole isoa näyttöä, en pysty kuvittelmaan, mikä olisi sopiva skaalaussuhde isolle näytölle. En pysty laittamaan hampurilaisen kokoa skaalautuvaksi.

On valitettu myös sisältöalueen kapeutta isolla näytöllä. Jälleen kerran en pysty kuvittelemaan, mitkä olisivat sopivat leveysarvot yli 1600px levyiselle näytöllä. Minusta leveys toimii ihan ok tuohon leveyteen asti, jolla pystyn sivuja testaamaan. Olen pyytänyt ehdotuksia yli 1600px näytölle siitä, mikä olisi sopiva minimi- ja maksimileveys. Kukaan ei ole ehdotuksia antanut. Voisin laatia yli 1600px näytölle ehdollista CSS:ää, jos joku antaa minulle
Koodi:
@media sceen and (min-width:1601px) and (max-width:????px){
.entry-content,.comment-area{min-width:?;max-width:?}
}
@media sceen and (min-width:????1px) and (max-width:????px){
.entry-content,.comment-area{min-width:?;max-width:?}
}
 
Viimeksi muokattu:
Liittynyt
17.10.2016
Viestejä
1 665
Sivusto on demo siitä, miten toiminnot voidaan samalla sekä kätkeä että ottaa ne käyttöön missä tilanteessa tahansa.
KAVENNA SELAIMEN IKKUNAA, JOTTA NÄET VALIKKOPAINIKKEEN.

Kun sivuston nopeus on ihan perseestä, ei sivustosta juuri kukaan muu voi kiinnostua kuin devaajat.
Toivon, että se voisi olla jopa tiennäyttäjä.
Pari vuotta tätä, anteeksi vain, aika koomista touhua jatkunut ja nyt tilanne on se, että sivusto ei ole käyttövalmis edelleenkään ja laitettu demo-tasolle, ja sen pitäisi olla esimerkki muille kuinka nettisivuja pitäisi tehdä?

Tapio, jos oikeasti nautit tästä touhusta (ei ihan siltä tunnu kirjoituksiesi pohjalta) niin toki jatka vaan, harrastuksia on hyvä olla(!), mutta ehkä kannattaisi miettiä, että olisiko järkevämpi kuluttaa kallisarvoista aikaansa johonkin muuhun, ehkä mielekkäämpään hommaan.
 
Liittynyt
17.10.2016
Viestejä
1 331
Hampurilaisen koko on sopiva mobiililaitteille. Teemassa se on kaikille mobiililaitteille saman kokoinen eikä muutu millään mobiilileveydellä. Isolla näytöllä sen koko jää varmasti melko pieneksi.
Ei kun tarkoitin että vaikka ikkunan koko on alle 1140px niin riippuen zoom-asetuksesta tuo hampurilaisnappi joko näkyy tai sitten ei. Samoin se näkyy vaikka 1900px leveydellä kun zoom-arvo on sopiva tai sitten ei. Ja itseasiassa tuokin tuntuu toimivan eri tavalla eri selaimilla. Tuon takia en ymmärrä miksi se pitää piilottaa jollakin tietyllä kiinteällä pikselimäärällä kun näkymän leveys riippuu muustakin kuin vain selainikkunan leveydestä, kuten esimerkiksi tuosta zoom-asetuksesta.
 
Liittynyt
27.03.2018
Viestejä
645
Kyse on siitä, että 1140px on teemassa taitepiste. 1140px asti teema laittaa käyttöön ns. mobiilivalikon ja sen jälkeen pudotusvalikon. MUTTA pudotusvalikko voi tulla joillekin mobiililaitteillekin, mikä on paha asia. Lisäksi pudotusvalikon kanssa tuli ongelmia ns. leivänmurujen ja Googlen haun sijoittelun kanssa. En saanut lopputulos mieleiseksi, mistä syystä piilotin päävalikon kokonaan 1141px viewport-arvon jälkeen. Kun en saanut itseäni tyydyttävää ratkaisua, en halunnut näyttää kenellekään ratkaisua, josta en itse pidä yhtään.

zoom-arvo muuttaa selaimen tulkitsemaa viewport-arvoa. Jos laitat alle 1140px leveydellä zoom vaikka 70%, valikko saattaa näkyä. Jos laitat leveydellä 1900px zoom 150%, valikko ei näy. Zoom-arvo vaikuttaa AINA siihen, millaisena sivut näkyvät. Sen vaikutus on sama kuin mobiililaitteiden zoom-kerroin. Jos mobiililaitteen reso on vaikka 2500px ja se näyttää 1000px viewport-arvoiset sivut, se on sama kuin 2500px zoom 250%. Joka kerran kun muutat zoom-arvoa, selain tulkitsee muutoksen viewport-arvon muutoksena ja tarjoaa kulloiseenkin viewport-arvoon liittyvät sivut. Zoom on hyvä tapa vaihtaa viewport-arvoja ja siten sivujen näkyvyyttä. Sillä on itse asiassa varsin helppo emuloida mobiililaitetta - tosin näet mobiiliversion suurennettuna. Selaimelle on olennaista viewport, ei näytön todellinen resoluutio! Mobiililaite skaalaa todellista resoluutiota aina, mutta tietokoneella käyttäjä voi muuttaa zoomauksella skaalausta.

Yritin muuttaa taitepistettä. Löysin taitepisteen määrittelyn eräästä JS-tiedostosta, mutta vaikka muutin taitepisteen arvon 1140 lukemaan 3000, mitään ei tapahtunut. Teema ei reagoinut lainkaan tekemääni muutokseen.
 
Viimeksi muokattu:
Liittynyt
22.09.2019
Viestejä
212
Mikäs tässä nyt on punainen lanka tällä kertaa? Piti käydä vilkaisemassa keskustelun käydessä kuumana enkä kyllä saanut minkäänlaista käsitystä mitä tässä haetaan. Valikko ainakin mobiilissa on aikalailla käyttökelvoton.

Onko tuohon "modaliin" mihin valikko aukeaa tarkoitus työntää kaikki sisältö? Tällä hetkellä tuntuu siltä että siihen aukeaa ihan osa sivuistakin.
 
Liittynyt
27.03.2018
Viestejä
645
Olen testannut mobiililaitteilla HD-tabletlaitteella. Toimii hyvin, mutta siinä oli välillä toimintaongelmia.

Jos avaat valikon, sen pitäisi aueta lähes koko ikkunaan. Koska painike ei ole ihan yläreunassa, en laittanut valikkoa avautumaan ihan ikkunan yläreunaan vaan hieman alla olevaa sivua jää näkyviin. Valikkopainikkeen sijainti on sama, minkä teeman sille määritti.

Jos alla oleva sivu, joka ei täysin peity, häiritsee, ehkä pitää laittaa avautuva valikko koko ikkunaan.

Idean on se, että valikon avaaja jää yläreunaan ja sen jälkeen missä kohtaa tahansa sivua, kaikki sivun toiminnot ovat yhden napin takaa käytettävissä.
Vähän samaan tapaan kuin tämän sivuston päävalikko jää sivun yläreunaan. Jätän sinne vain "hampurilaisen". En nyt ymmärrä, mikä tässä on niin vaikeaa ymmärtää.

Ylhäältä avautuvat apuvalikot, joiden alapuolella on haku. Sitten on päävalikko, josta löytyy suurin osa sivuista. Aihevalikoissa on sivuja, joita ei päävalikokssa ole. Aihevalikoissa on aina kyseisiin sivuihin liittyviä muita sivuja tai sivuun liittyvää tietoa. Noista kolmesta valikosta löytyy kaikki sivuston tarvitsemat asiat. Apuvalikoissa ongelmana oli kovin vaaleana näkyvat yläosan linkit, joista ei meinannut erottaa tekstiä. Laitoin ainakin väliaikaisesti painikkeet, jotka ainakin erottuvat. Ulkoasun toteutus ei välttämättä ole lopullinen.
 
Liittynyt
18.10.2016
Viestejä
57
Eihän tuo valikkologiikka ole mitenkään käypänen oikeaan käyttöön, kokeile vaikka navigoida tabulaattorilla tai ruudunlukijalla. Tänä päivänä navigoinneista hierotaan mahdollisimmat helppokäyttösiä ja tehdään WCAG tms yhteensopivuuksia. Tuossa virityksessä on kaksi modalia joista toisen voi avata vain ensinmäisestä modalista ja sitten näppärästi ekan modalin saa kiinni vaikka toinen on vielä näkyvillä. Eikä oikein mistään näe että mikäs valikko nytten onkaan auki.

"Toiminnot" ja "Aiheet" pitäisi olla vastaavia avautuvia valikoita hampurilaisen takana, samalla tavalla kuin foorumit, blogi tms. muutkin ovat. Myös kahdesta päällekkäisestä scrollbarista pitää päästä eroon, ne ei oo ikinä helppokäyttösiä. Sopivilla näytön resoluutioilla saa myös ylös/alas painikkeet valikon alle jos haluaa noin tarkasti resoluutioita katella. Ainakin chromen kehittäjän asetuksista saa kokeiltua eri resoluutioita pienestä puhelimesta 2560px leveyteen riippumatta näytön todellisesta resoluutiosta.

Toisaalta sanoit haluavasi että sivusto on erilainen, siinä olet onnistunut. Tosin valmiita palikoita käyttäessä pitäisi ensiksi sisäistää mihin ne kykenee ja mennä sillä, johonkin "helppoon muutokseen" menee äkkiä viikkoja/kuukausia ja siinä ajassa olisi joko a) vaihtanut valmiita palikoita (tässä tapauksessa: eri teema, eri CMS jne.) tai b) rakentanu alusta ilman mitään valmista. Ongelma ei kylläkään rajoitu mitenkään tähän Tapion sivustoon vaan tulee eteen lähes aina kun lähetään tekemään Wordpress/Drupal/Joomla tms. sivustoja. Hyvä kehittäjä osaa virittää tarvittavan ominaisuuden kun todella hyvä tietää milloin sitä ei kannata lähteä edes tekemään.
 
Liittynyt
27.03.2018
Viestejä
645
Tuossa virityksessä on kaksi modalia joista toisen voi avata vain ensinmäisestä modalista ja sitten näppärästi ekan modalin saa kiinni vaikka toinen on vielä näkyvillä. Eikä oikein mistään näe että mikäs valikko nytten onkaan auki.
Hampurilaisen avaamalla saapäävalikon lisäksi haun + kaksi apuvalikkoa, toimintovalikon ja aihevalikon.

Kyllä sekä toimintovalikko että aihevalikko ovat itsenäisesti avautuvia. Ei tarvitse avata ensin toista ja sitten toista.
Voit siirtyä aihevalikosta toimintovalikkoon ensin sulkematta aihevalikkoa. Toisen avaaminen sulkee toisen.

Niissä oli joskus aktiivisen valikon ilmaiseva värin vaihto. Nyt se puuttuu, mutta sen voi siihen lisätä. Kieltämättä aktiivisen valikon värin puute on ongelma, jos joko toimintovalikon avaamalla voi avata myös aihevalikon. Ei välttämättä ole selvillä, kumpi valikko on auki. Valitun valikon atiivisuuden osoittaminen on jäänyt toistaiseksi koodaamatta. Olen vastaavia toteuttanut, joten sen ei pitäisi olla ongelma. Aiemmin aktiivinen painike oli "gold", mutta en nyt tiedä, mikä olisi sopiva väri. Oikean värin takiakin toteutusta en ole saanut aikaiseksi.

Aluksi oli niin, että valikon linkit näkyivät yläpuolella ja valikoilla oli yksi painike "Sulje valikko".
Kun nostin avautuvia valikoita hieman ylemmäksi, lisäsin rivin, jossa on kolme painiketta. Minulla on kyllä tallella se yhden painikkeenkin versio. Matalalla näytöllä vaan olisi hyvä olla valikot mahdollisimman ylhäällä. Nykyinen ratkaisu on sen takia, että valikot näkyisivät siedettävästi mobiililaitteella vaakasuunnassakin käytettynä. Tosin ylempänä voisivat olla, mutta tuli z-index-ongelmia. Valikon avaava/sulkeva painike jäi valikon alle, jos nosti valikon aivan yläreunaan. En osannut ratkaista z-index-ongelmia. Ovat pirullisia.

Se, että hampurilainen ei ole ihan ylhäällä, on mobiilia ajatellen erittäin hyvä asia. Tällöin vältytään tämän sivuston ongelmalta mobiililaitetta käytettäessä. Tämä sivusto, kuten moni muukin sivusto sisältää mobiiliselaimella todella ikävän piirteen. Kun käytti on rullattaessa piiloutunut ja suljet valikon, siirryt toiseen välilehteen! Selain tulkitsee valikon sulun SAMALLA VÄLILEHDEN VAIHDOKSI! PERIN JUURIN ÄRSYTTÄVÄ ASIA! SULKUPAINIKKEITA EI KOSKAAN SAISI SIJOITTAA AIVAN NÄYTÖN YLÄLAITAAN!

"Toiminnot" ja "Aiheet" pitäisi olla vastaavia avautuvia valikoita hampurilaisen takana, samalla tavalla kuin foorumit, blogi tms. muutkin ovat.
Toiminnot ei ole saman luonteinen kuin päävalikko vaan se on kooste tärkeistä toiminnoista. Siinä ei ole mitään tarvetta supista/laajenna -toiminnallisuudelle.

Aiheet tulee foorumin kohdalla myös tietoa foorumeista tai sen aiheista. Se ei ole samanluonteinen valikko kuin päävalikko.

Joissakin tapauksissa aiheet avaa sivualuekohtaisen lisävalikon. Mutta en se ei hyödynnä päävalikon mobile-koodia, joten supista/laajenna -tyyppistä ei sen valikoista saa - tai ainakaan minulla ei riitä taito samaan toimimaan samalla tavoin.

En pysty kuvittelmaan, miten oikeasti sivu näyttäisi 2560px isolla näytöllä. Näen ruudun pienennettynä, en sen todellisessa koossa.

Kaksi scrollbaria on välttämätöntä, jotta kiinteätä valikkoa voi tietokoneella lukea. Sisemmän saa Chromelta haluttaessa pois näkyvIstä tai sitä voi kaventaa. Jos piilottaa skrollin,vain rullahiiren rullalla voi vierittää valikkoa. Kiinteästi ylös asemoituva valikko nyt vaan toimii noin. Jos tila loppuu kesken, sitä on jatkettava vierittämällä.

MYÖS tällä sivustolla kapealla näytöllä päävalikon sisältö rullautuu ja tulee toinen vierityspalkki, jos kaventaa tietokoneella ikkunaa. Jos tietokoneella kavennat tämän sivuston kapeaan ruutuun, havaitset täsmälleen saman ilmiön eli saat toisen vierityspalkin.

Erona vai on se, että tarvittava uusi vierityspalkki nyt vaan ei ole toisen vieressä, koska avautuva valikko ei ole täyslevyinen ja valikko avautuu vasempaan reunaan. Kun valikko on minulla täyslevyinen, vierityspalkit tulevat vierekkäin. Teemassa valikon avaava painike kuulu nyt oikeaan eikä vasempaan reunaan. Toki voinhan vaihtaa paikan. Jos valikosta ei tee ihan täysleveätä, kaksi vierityspalkkia eivät tule vieri viereen. Jotenkin itse koen oikeasta reunasta avautuvan valikon luontevampana kuin vasemmasta reunasta avautuvan valikon. Oikeassa reunassa mielestäni osuu paremmin silmään. Tämä kai on makukysymys.

Kännykässä tila on käytettävä 100%, ei sitä voi kaventaa kauneussyistä. Siellä vierityspalkki ei näy, joten vierityspalkin tuomaa kauneusvirhettä ei näy. Se näkyy vain tietokoneella. Myös tällä sivulla ei mobiilissa näy kahta vierityspalkkia.
 
Viimeksi muokattu:
Liittynyt
22.09.2019
Viestejä
212
Tuo toimintovalikko on vaan siitä hölmö että se aukeaa edellisen valikon päälle. Ja sieltä kautta itse sisältökin aukeaa samaan modaliin. Sitten kun tuosta valikkohirvityksestä haluaa pois pitää se sulkea kahdesta eri paikasta. Myös komponentit näyttävät menevän toistensa päälle ja tekstit klippaantuvan ikävästi.

Kannattaisi siis harkita ihan reilusti uutta lähestymistapaa, jos sen valmiin teeman css:n ja js:n puukotus johtaa tuohon.

Edit: Tässä nyt ihan kuvan kanssa vielä. Kaikki aukeaa epämääräisesti edellisen päälle ja lopputulos on sekava. Tilaa menee hukkaan vaikka kuinka.
Screenshot_20210504-234449__01.jpg
 
Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Tuo kuvassa näkyvä valikko on edellisen kehitelmän perua ja sen ulkoanäkö on väärä. En ole ehtinyt korjata se, että kun valikko aukeaa toisen päälle, saat tiedot smaan ikkunnan. Sinun EI tarvitse siirtyä etsiessä opastusta, sivulle opastus. Jos haluat nähdä säännöt, sinun EI tarvitse siirtyä sivulle säännöt. Kyse on siitä, että voi kesken kaiken tsekata opastuksia kuten voit toimia tietokoneohjelmia Ei tarvitse avata uutta välilehteäkään noiden takia. Uuden välilehden avaus on kyllä tablet-laittessa helppoa, mutta ainakin vaimon kännykässä välilehtien käyttö vaikeaa. Sitäpaitsi opastus on tarkoitus olla luonteelta pikaopastus, josta käy ilmi tietyt foorumia koskevat asiat, kuten ikonien merkitykset, jos ne muuten eivät ole käy ilmi.

Huomasin itse, että ikävintä tuossa keskeneräisessä ratkaisussa on se, että homma ei toimi siististii. Tarkoitus on, että ikkunat aukeavat samaan kohtaan edellisen päälle. Tiedän, eetä nykyisellään nuo epämääräisesti aukeavat lisäikkunat tekevät lopputuloksen sekavaksi. Tarkoitus on myös mietti välilehtien avaajat ja taustaväri uusiksi. Ehkä näin pahasti keskeneräiset toiminnot olisi pitänyt laittaa visibility:hidden ja kokeilla rinnakkaissivustolla niin kauan, että lopputulos on siisti.

Jos avaa apuvalikon, se pitää sulkea. Minusta se ei sinänsä ole ongelma. Pieni ongelma on se, että jos haluat sulkea koko valikon, pitä sulkea lisävalikko, ettei se jää näkyviin. Yritin lisätä samaa luokkaa käyttäen oman toiminnon, joka sulkisi myös apuvalikot automaattisesti. Mutta teeman jQuery otti siitä nokkiinsa eikä päävalikko sulkeutunut. Ratkaisu ei siis ollut se, että luokka is-nav-visible hoitaisi valikon sulkemisen ohella mahdollisen apuvalikon sulkemisen erillistä jQueryä käyttäen.

jQuery-ongelman on kaksi ratkaisuvaihtoehtoa:
  1. Laitat rinnalle oman toimintalogiikan. Ymmärtääkseni homma voisi toimia, jos laitan niin, että kun klikkaa valikkopainiketta eikä valikko ole auki, teeman jQuery lisää painikkeeseen luokan. Samalla se lisäsi minun määrittämän luokan. Kun sulkee painallus poistaa sekä teeman lisäämän luokan että oman lisäykseni. Teeman Query ja oma jQuery olisivat ihan omia juttujaan. Ymmärtääkseni ne eivät häiritsisi toisiaan. Tämä on siis oletus.
  2. Jos kahden rinnakkaisen jQueryn kanssa tulee suotusongelmia, pitää mututaa alkuperäistä jQueryä ja siihen tulee mahdollisen apuvalikon sulkeminen.
Muutin valikkopainikkeen koodin tällaiseksi:
Koodi:
<a href="#" id="nav-toggle" class="open-mobile-menu">
Lisäämäni luokka ei häiritse alkuperäistä toimintaa. Seuraava koodi ratkaisi ongelman. Kohtaan 2. ei tarvitnnut turvautua.

Koodi:
$('.open-mobile-menu').addClass('close-additional-menus');

$('.close-additional-menus').click(function() {
var y = document.getElementById("tabC");
y.style.display = "none";
var x = document.getElementById("tabA");
x.style.display = "none";
})

$('.close-additional-menus').removeClass('close-additional-menus');
header.php-tiedotoon olen koskenut:
Koodi:
<div id="nav-toggle-wrapper" class="nav-toggle-wrapper"><a href="#" id="nav-toggle" class="open-mobile-menu"><?php esc_html_e('Menu', 'screenr'); ?><span></span></a></div>
  1. Lisätty emoelementti, että painikkeelle saa taustavärin ja reunuksen - teema ei antanut niitä lisätä painikkeelle.
  2. Lisätty luokka, jotta päävalikon sulkeminen sulkee myös mahdollisesti avoimeksi jääneen lisävalikon.
Tuo on tehty lapsiteemaan, joten alkuperäiseen teeman ei ole koskettu.
Apuvalikoiden vaihtajat ja sulkijat sekä Opastus ja Säännöt ulkoasu ovat seuraavat asiat, joita toimintavalikossa pitää korjata.

Ulkoasuehdotuksia aktiivisten ja ei-aktiivisten välilehtien vaihtajille saa antaa. En ole itsekään kovin tyytyväinen nykyiseen ratkaisuun, mutta kun teksti Sulje valikko näkyi todella huonosti tavallisena linkkinä, ainakin elementin A käyttö ei toimi. Syy ongelmaan on se, että siihen vaikuttaa teeman määrittämä A-elementin näyttäminen. Enkä nyt vaan saanut yliajattua teeman CSS:ää.

Span voisi kokeilla nykyisen button tilalla. Kyllähän noissa näpertelyä riittää.
 
Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Seuraava kuva osoittaa syyn, miksi EN sijoita valikon sulkijaa aivan avautuvan ikkunan ylälaitaan. Jot tuossa tilanteessa sulkisin ikkunan, techBSS-sivusto häviäisi näkyvistä! Niin on käynyt. Sitä sitten selaaja ihmettelee, minne se sivu hävisi. Tablet-laitteella pitää katsoa, minne sattui siirtymään ja missä ihmeen välilehdessä se techBBS nyt onkaan. Aiemman teeman kanssa kävi oman sivuston kanssa samoin. Kun sulki valikon, oma sivusto hävisi alta pois ja siirryin joillekin muulle sivulle. Vähän aikaa asiaa hämmästeltyäni huomasin, että oma sivu on muutaman välilehden verran vasemmalla. On äärimmäisen epämiellytävää selaimelle, että valikon sulkeminen vie käyttäjän ihan eri sivustolle! Tällaista epämielyttävää kokemusta ei pitäisi selaajalle koskkaan antaa. Pidän mm. tämän sivuston kuvassa olevan valikon toteutusta suunnitteluvirheenä, jolle pitäisi tehdä jotain.

Viimeistään siinä vaiheessa kun selaimen käyttöliittymä rullautuu pois näkymästä, sulkupainikkeen pitäisi siirtyä selaimen käyttöliittymän verran alemmaksi, jotta käyttäjä ei siirtyisi toiselle sivustolle valikon suljettuaan. Tiedän kyllä, että alemmaksi siirrettynä painike on visuaalisesti ongelmallinen. Kumpi on pahempi. Pieni visuaalinen rumuus vai hämmentävän selailukokemuksen tarjoaminen käyttäjille. Itse olen valinnut sen, että sen paremmin sulku kuin avauspainike ei ole ihan ikkunan ylälaidassa.

TechBBS valikko on kapeana siisti, mutta siinä tekstit rivittyvät tarpeettomasti. Tablet-laitteella toimisi, mutta kännykällä olisi valikoissa tosi paljon vierittämistä, jos käyttäisi vajaata ikkunaa. Sitäpaitsi välilehtien käyttö ei toimi noin kapeassa ikkunassa. Ainakin kännykällä ja tablet-laitteella laitetta pystysuuntaan käytettäessä koko tila pitää olla käytössä. TechBSS kavennettu valikko ei siis minulla toimi. Leveällä näytöllä kavennus olisi järkevää. Mietin mahdollista maksimileveyttä myöhemmin.

Jos siirtäisi valikon avautumaan vasemmalle ja tietokoneella se olisi kavennettuna silloin kun kavennus alkaisi toimia, toinen vierityspalkki ei kovastikaan häiritsisi kuten se ei häiritse tietokoneella tällä sivustolla.

Mutta eikö www-sivustoilla yleensä hampurilainen ole oikealla eikä vasemmalla - mikähän on prosenttiosuus?

Harkitsen avauspainikkeen siirtoa, sillä se poistaisi useimmissa tapauksissa kahden rinnakkaisen vierityspalkin. Vasta kun ikkunan kaventaisi kovin kapeaksi, vierityspalkit tulisivat rinnakkain. En nyt kokenut tätä tietokoneella esiintyvä visuaalista ongelmaa kovin suureksi.

Minusta nykyisin monet sivustot elävät liikaa. Edellinen teema eli ihan järkyttävästi koko ajan tietokoneruudulla. Tekstialueen leveys vaihtui vähän väliaä, samoin fonttien koko eli vähän väliä. Tietokoneella ikkunan levitys ja laajennus oli kammottava kokemus. Leveyden mukaan elämisessä täytyy olla jokin tolkku!

Menin nyt ehkä toiseen ääripäähän eli pyrin minimoimaan leveyden mukaan ulkoasun muuttumisen. Tunne ei ainakaan ole levoton, jos ei sitten käyttäjä zoomauksella koko ajan muuta selaimen tulkitsemaa viewport. Zoomauksen kanssa ulkoasu saattaa muuttua yhtä levottomasti kuin vaihtaisi ikkunan leveyttä. Tietokoneella zoomauksellla valikko vaihtuisi koko ajan mobiilivalikosta pudotusvalikoksi, mikä olsi varsin levotonta.

Olen ennen pitänyt tietokoneella pudotusvalikoista, mutta ne tekevät suunnittelun ongelmalliseksi ja leveän näytön pudotusvalikosta tuli minulle suurin ongelma.
 

Liitteet

Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Koska valikon sulkupainike rullautuu, ongelmaa vähentäisi se, että myös avautuvan valikon lopussa olisi sulkupainike. TechBBS:n kuvakaappauksessa oleva avautuva valikko ei käytettävyydeltään ole minuta ihan kunnossa. Joko siis alkuun ja loppuun avauspainike tai kiinteä painike ylhäällä n. 50px etäisyydeltä sivun yläreunasta niin, että sulkupainike ei koskaan osu selaimen käyttöliittymän välilehtien tasolle.

Minusta kuvassa näkyvässä tilassa tämän sivuston käytettävyys on huono. Suosittelen, että koodista vastaava korjaa käytettävyysongelman.

Koen tahattoman siirtymisen toiselle sivustolle todelliseksi ongelmaksi. Valikkopainikkeen voisi kokeilla vaihtaa vasemmalle. Sen jälkeen avautuville valikoille voisi määritellä maksimileveyden. Oikean reunan vierityspalkki tulisi sitten tietokonenäytöllä vasta silloin päävierityspalkin viereen kun tila loppuu kesken.
 
Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Koska tämän sivuston vasemmalta aukeava päävalikko on toimivampi ratkaisu kuin oikealla oleva avaaja, vaihdoin painikkeen paikan vasemmalle. Määritin maksimileveyden. Apuvalikoille on hyvä antaa 500px. Tuota isompi arvo on täysin tarpeeton. Kun näin tekee, ei tule ainakaan kahta rinnakkaista vierityspalkkia kuin ihan kapeille kännykkäleveksille. Ihan kapeilla kännykkäleveyksillä pitää ehkä pienettää välilehtien avaajien fonttikokoa, että kolme painiketta mahtuu rinnakkain. Se on todo-listalla. Tässäkin on näpertämistä.

Suurin ongelma on se, että haluaisin valikoiden toimivan 1141- ihan samalla lailla kuin mitä liitekuvassa. Mutta tämä edellyttää RAJUA lähdekoodin puukottamista. Rajuus tällä hetkellä taitaa ylittää osaamistasoni.

Avaus/sulkupainikkeen samoin valikoiden sijaintia nostin ylemmäksi. Valikkopainiketta eikä valikoita voi nostaa ylemmäksi, jos ei halua varta vasten aiheuttaa selaajalle hämmentä kun hän valikon sulkemisen jälkeen siirtyykin joskus ihan toiselle sivustolle!

Otin nyt kuitenkin mallia tästä sivustosta.


Eikä oikein mistään näe että mikäs valikko nytten onkaan auki.
Asia korjattu - ks. liitteenä oleva kuva. Jos osoittaminen vaikuttaa nyt liiankin rajulta, ehdotuksia saa antaa.
Sitten kun tuosta valikkohirvityksestä haluaa pois pitää se sulkea kahdesta eri paikasta.
Asia korjattu valikoiden Aihevalikko ja Toimintovalikko suhteen. Ne sulkeutuvat automaattisesti, kun koko valikon sulkee. Valikoita ei siis tarvitse enää erikseen sulkea.

Jos koko valikon sulkee, myös apuikkunat Ohjeet ja Säännöt piiloutuvat. Ne saattavat kyllä jäädä auki, jos niitä ei ole suljettu. Niidenkin automaattinen sulkeminen on mahdollista koodata.


Koska siirsin painikkeen vasemmalle, otsikon sijainti tulee tarkistaa eri leveyksillä.
 

Liitteet

Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Edit: Tässä nyt ihan kuvan kanssa vielä.
Tässä saman kohdan nykytila - väreissä on vielä korjattavaa. Ne tulevat vanhalle leiskalle tekemästäni CSS:stä. Myös asemoinnissa jne. voi olla korjaamisen tarvetta. Ei nyt pitäisi kuitenkaan enää näyttää ihan kamalalta, vaikka en itsekään ole lopputulokseen täysin tyytyväinen. Vanha CSS pitäisi käydä läpi ja tutkia, mikä antaa vääriä värejä. Kuten aiemmin totesin, värejä saa ehdottaa.
 

Liitteet

Liittynyt
30.11.2016
Viestejä
756
Pari vuotta tätä, anteeksi vain, aika koomista touhua jatkunut ja nyt tilanne on se, että sivusto ei ole käyttövalmis edelleenkään ja laitettu demo-tasolle, ja sen pitäisi olla esimerkki muille kuinka nettisivuja pitäisi tehdä?

Tapio, jos oikeasti nautit tästä touhusta (ei ihan siltä tunnu kirjoituksiesi pohjalta) niin toki jatka vaan, harrastuksia on hyvä olla(!), mutta ehkä kannattaisi miettiä, että olisiko järkevämpi kuluttaa kallisarvoista aikaansa johonkin muuhun, ehkä mielekkäämpään hommaan.
Tämä ketju oli ihan yleinen vitsi ja naurun aihe alkuun. Enää se ei palvele edes siinä. Sääli, kun Tapio oikeasti edelleen kuvittelee kaikkien muiden olevan väärässä ja hänen oikeassa. Siis siitä huolimatta ettei, sivuilla toimi mikään. Vika tosin toisen ketjun mukaisesti palveluntarjoajassa, ei muualla.
Kävin juuri vilkaisemassa sen maailman parhaan valikon ja... No, olen joskus ehkä huonomman nähnyt mutta harvemmin. Ensimmäistä kertaa koskaan törmää lisäksi varsin matalalla resoluutiolla ja pienellä selainikkunan koolla (no ei kyllä muutoinkaan ole nähty) ilmoitukseen "kavenna niin näet valikon". Todella mukavasti palveleva lähestymistapa.

Mukavin seikka on ehkä se, miten samaa asiaa spammataan monessa paikassa ja linkitetään ristiin. Lisäksi Tapiolla on ilmeisesti jokin erikoinen oikeus poimia muiden postauksia omille sivuilleen ja spekuloida niitä siellä. Eikä lähdettä luonnollisesti mainita.

Seuraava kuva osoittaa syyn, miksi EN sijoita valikon sulkijaa aivan avautuvan ikkunan ylälaitaan. Jot tuossa tilanteessa sulkisin ikkunan, techBSS-sivusto häviäisi näkyvistä! Niin on käynyt. Sitä sitten selaaja ihmettelee, minne se sivu hävisi. Tablet-laitteella pitää katsoa, minne sattui siirtymään ja missä ihmeen välilehdessä se techBBS nyt onkaan.

Aiemman teeman kanssa kävi oman sivuston kanssa samoin. Kun sulki valikon, oma sivusto hävisi alta pois ja siirryin joillekin muulle sivulle. Vähän aikaa asiaa hämmästeltyäni huomasin, että oma sivu on muutaman välilehden verran vasemmalla. On äärimmäisen epämiellytävää selaimelle, että valikon sulkeminen vie käyttäjän ihan eri sivustolle! Tällaista epämielyttävää kokemusta ei pitäisi selaajalle koskkaan antaa. Pidän mm. tämän sivuston kuvassa olevan valikon toteutusta suunnitteluvirheenä, jolle pitäisi tehdä jotain.
Kerrotko vielä, mitä kuvasi lopulta esittää? En näe siinä välilehtiä joten on todella vaikea päätellä, miksi välilehti vaihtuisi.
Et toki viitsi mainita edes käyttämääsi selainta joten vaikea testata. Kuvaamasi kaltaisia ongelmia ei taas jostain syystä itselläni ole millään laitteella, vaikka aktiivisessa käytössä on kaksi puhelinta ja kaksi tablettia. Plus käytännössä kolme "kikkailuluuria" ihan varoiksi vanhemmalla androidilla ja LOS-kokeiluja varten tms. Ja iso kasa eri selaimia.

Sama on kerrottu moneen kertaan mutta kertaan vielä. LOPETA muiden sivujen haukkuminen ja keskity omaasi. Tee siitä hyvä ja tule sen jälkeen kertomaan "tämä on OMASTA mielestäni paras tapa".
Sekin on sanottu moneen kertaan, miten asioilla on oikeasti tarkoituksensa. Ei ehkä tarvitse toistaa joten tyydyn toteamaan: käytännössä kukaan muu ei pysty esittämään yhtä huonosti toimivaa sivustoa, mitä omasi on. Eikä varsinkaan pitämään sitä esimerkkinä, miten asiat tulisi tehdä.

Lisäksi esimerkiksi tämän sivun osalta olisi ehkä suotavaa huomioida käyttäjämäärät. Oletko huomannut muiden kritisoivan samoja asioita, mitä itse kritisoit? Jos et, voisiko olla niin, että olet yksinkertaisesti väärässä?

Ps. Unohdit kertoa, että oma sivusi toimii täydellisesti tyttäresi puhelimella ja hänen mielestään kaikki tämän sivun värit tulisi vaihtaa.

Pps. Googletin tosiaan nopeasti Tapion juttuja. Suomi24 ainakin saa näistä osansa ja siellä ihmettelevät, miten pitkä pinna täällä porukalla on. Eli tekkiläiset on huomioitu positiivisessa valossa :)
 
Liittynyt
27.03.2018
Viestejä
645
Onpas nyt kannustava asenne.
Ensimmäistä kertaa koskaan törmää lisäksi varsin matalalla resoluutiolla ja pienellä selainikkunan koolla (no ei kyllä muutoinkaan ole nähty) ilmoitukseen "kavenna niin näet valikon". Todella mukavasti palveleva lähestymistapa.
Kuten olen tuonut esille, fyysinen koko ei ole olennaisinta, vaan se, minkä selain tulkitsee kulloiseksi viewport-arvoksi. Tuo teksti alkaa tasan 1141px viewport-arvosta, joka ei edes tietokoneella suinkaan ole sama kuin näytön pikselimäärä. Yritä nyt ymmärtää, että näytön pikselit ja selaimen viewport-arvon mukaan laskemat pikselimäärät ovat kaksi eri asiaa. Ei pidä sotkea näytön pikselimääriä ja selaimen tulkitsemia pikselimääriä keskenään.
Sivun alussa lukee, että sivuston kehittely on kesken. Tuo asia on mainittu sitäpaitsi

Muitakin harrastuksia on, mutta ristikoiden ratkonta mm. on liiallisena tylsä harrastus.
 
Liittynyt
27.03.2018
Viestejä
645
Kerrotko vielä, mitä kuvasi lopulta esittää? En näe siinä välilehtiä joten on todella vaikea päätellä, miksi välilehti vaihtuisi.
Et toki viitsi mainita edes käyttämääsi selainta joten vaikea testata. Kuvaamasi kaltaisia ongelmia ei taas jostain syystä itselläni ole millään laitteella, vaikka aktiivisessa käytössä on kaksi puhelinta ja kaksi tablettia.
Minulla on Huawei MediaPad M5 Lite HD tablet laite. Kun käytän Chromea tätä sivustoa, olen avainnut valikot ja selaimen käyttöliittymä on hävinnyt näkyvistä. voi tulla tilanne jossa valikon sulkiessa siirryn SAMALLA toiselle sivustolle. Sama ongelma on Suomi24 sivustolla. Kuvaruutukaappauksen kohdalla valikkonuolen painasu saa usein aikaan sen, että suinkaan saa Suomi24:n valikkoon vaan siirryn toiselle sivustolle. Sille sivustolle, jonka välilehti sattuu olemaan.

Te nyt vain ette ota ollenkaan tosissaan, jos ilmoitan todellisesta suunnitteluongelmsta.

Tosin kun testasin asiaa, niin ei tapahdu aina. Toisinaan saan valikon, mutta toisinaan siirryn toiselle sivustolle. Jos suljen avoimen valikon, toisinaan pysysyn sivustolla ja toisinaan siirryn tahattomasti toiselle sivustolle.
 

Liitteet

Viimeksi muokattu:
Liittynyt
27.03.2018
Viestejä
645
Kerrotko vielä, mitä kuvasi lopulta esittää? En näe siinä välilehtiä joten on todella vaikea päätellä, miksi välilehti vaihtuisi.
Aktiivinen välilehti on tuossa kullankeltainen (väri ja tyyli voivat vielä vaihtua).
Laitoin valikoihin kevyesti väriä joihinkin elementteihin, jotta eri asiat erottuisivat. Jos värit häiritsevät, ne voi tietenkin poistaa. Mikä tuossa on nyt epäselvää.
Screenshot_20210505-222604.jpg
Screenshot_20210505-222620.jpg
 
Viimeksi muokattu:

living_death

★ Still alive ™
Liittynyt
15.11.2016
Viestejä
4 364
Sivua ei ole ilmeisesti suunniteltu tällä hetkellä lainkaan desktop versioille, koska en näe mitään muuta kuin aloitussivun, tekstin "KAVENNA SELAIMEN IKKUNAA, JOTTA NÄET VALIKKOPAINIKKEEN! " ja pari kuollutta ikonia ylä- ja alaosan breadcrumbissa?

Desktop versiossa ei ole mitään mikä kiinnostaisi klikkaamaan eteenpäin. Uusimmat sekä vanhemmat blogikirjoitukset ovat vain päivämäärättyjä, eikä oikein nappaa lähteä arpomaan mitä niiden takaa löytyy, koska suuremmissa osissa otsikoita ei ole mitään aiheita ja jos olisikin, etusivu olisi entistä sekavampi.

Etusivu on etusivu ja mielestäni sinne ei kannattaisi väkisin tunkea sisältö (blogikirjoituksista tai sivun sisällöstä) jos ei ole mitään muutakaan järkevää annettavaa. Kaikki nämä kuuluisivat oman linkin tai painikkeen alle.

Oikein valitulla Wordpress -lisäosalla saisit järjestettyä esim. blogikirjoitukset omiin graafisiin laatikoihin siististi, kuten esim täällä on tehty: https://urbanex.ninja/kohteet/

Osta XenForon lisenssi ja tuota foorumille sisältöä jos kerran tämänkin on tarkoitus suuntautua enemmän siihen suuntaan. XenForoon saa myös lisäosan, jossa voi tuottaa uutisia (blogikirjoituksia).

Tuolta voit luoda ilmaiseksi demoversion ja leikkiä siellä: Create a XenForo demo
 
Liittynyt
27.03.2018
Viestejä
645
Sivua ei ole ilmeisesti suunniteltu tällä hetkellä lainkaan desktop versioille, koska en näe mitään muuta kuin aloitussivun, tekstin "KAVENNA SELAIMEN IKKUNAA, JOTTA NÄET VALIKKOPAINIKKEEN! " ja pari kuollutta ikonia ylä- ja alaosan breadcrumbissa?

Desktop versiossa ei ole mitään mikä kiinnostaisi klikkaamaan eteenpäin. Uusimmat sekä vanhemmat blogikirjoitukset ovat vain päivämäärättyjä, eikä oikein nappaa lähteä arpomaan mitä niiden takaa löytyy, koska suuremmissa osissa otsikoita ei ole mitään aiheita ja jos olisikin, etusivu olisi entistä sekavampi.

Etusivu on etusivu ja mielestäni sinne ei kannattaisi väkisin tunkea sisältö (blogikirjoituksista tai sivun sisällöstä) jos ei ole mitään muutakaan järkevää annettavaa. Kaikki nämä kaikki kuuluisivat oman linkin tai painikkeen alle.

Muuten se home-ikoni on kyllä ihan toimiva. Avoin sivu ei ole linkki, mutta muu osa murupolkua on linkki.
Yli 1140 viewport-arvoilla tulee tuo teksti, kun en saanut siististi toimivaa desktop ratkaisua aikaiseksi. Kuten olen tuonut esille, en halua pudotusvalikkoa yli 1140 arvoisille näytöille.
Desktopissa yli 1140 ainoa toimiva navigointielementti on ns. leivänmurut. Myös sisällön linkeillä toki voi siirtyä eteenpäin. Etusivulla ei ole leivänmurujakaan. Poistin ne etusivulta näkyvistä, sillä ne eivät etusivulla johda minnekään.

Kuten olen tuonut esille, yrtän raktaista ongelman jossakin vaiheessa - vaikka yrittämällä puukottaa teeman ydinkoodia.

Yli 1140 leveyden lisäksi, etusivukin on ongelma. Otin siitä hieman tekstiä pois. Eräs henkilö ehdotti juuri tuon näköistä etusivua muutama vuosi sitten.

Mutta rehellisesti kirjoitettuna, etusivu ei ole erityisen tyylikäs, mutta en nyt oikein tiedä, mitä sinne laittaisi muuta kuin sen, mitä siellä nyt on. Poistin galleriaplugin, koska ajattelin, että se hidastaa kokonaisuutta liikaa. Diashow ei siis ole mahdollinen, mutta galleria ja sen diashow olisi sinänsä hyvä idea etusivulle. Olen kuitenkin karsinut pois kaikki sellaiset front-end-pluginit, joita en välttämättä tarvitse.

Oikein valitulla Wordpress -lisäosalla saisit järjestettyä esim. blogikirjoitukset omiin graafisiin laatikoihin siististi, kuten esim täällä on tehty: Kohteet – Urbanex Ninja ☠ Urban Exploring
Blogien on tarkoitus löytyä valikosta. Se on sivuasia, enkä välitä ainakaan nyt nostaa mihinkään laatikkoon. No tällä hetkellä "foorumi" on blogin jatke ja oikeastaan hoitaa blogin virkaa paremmin kuin blogiosio.
 
Viimeksi muokattu:

living_death

★ Still alive ™
Liittynyt
15.11.2016
Viestejä
4 364
En tiedä millä tavalla räpellät CSS-tiedostoja, mutta ei niitä ainakaan tehdä sillä tavalla, että otetaan vanhasta teemasta edellinen talteen ja kopioidaan se uuteen ja sitten ihmetellään miksi toisessa teemassa elementtien nimet ovat erilaisia ja mikään ei toimi ja sitten lähdetään vimmatusti "siivoamaan" jälkiä.

Firefoxissa klikkaus hiiren kakkosnapilla esim. kuten kuvassa rikki menneessä ikonissa ja valitaan "Tarkastele". Sitä kautta saa kaiken tarvittavan informaation elementin nimestä lähtien ja sen nykyisistä määrityksistä. Luulisin, että Chromessa toimii suunnilleen samalla tavalla.

Sieltä näkee vähän muutakin kivaa esim. sivuston eri osien latausajat yms.

kuvatus.PNG
 
Liittynyt
27.03.2018
Viestejä
645
Tarkastelen elementtejä kyllä. Olen testannut toistaiseksi kirjautuneena. Siinä sivusto-otsikko on eri paikassa. Valkoinen palkki kuten koko muukin sivun yläosa on täysleveä. Mitään harmaata aluetta ei oikeassa reunassa ole. Leivänmurut toimivat. Desktop ei näytä pahalta kirjautuneen lukuun ottamatta sitä punaista tekstiä, jonka varta vasten lisäsin. Alla pienennetty kuvakaappaus sivuiltani:

2021-05-05 23.19.58 www.sanaristikkofoorumi.net b7d5c0aaeb58.png


Latausaikoja en ole katsellut, vain rakennetta.

Vanhasta otin käyttöön bbPressin osalta lähes kaiken, sillä bbPress tarvitsee itse rakennetun CSS:n. Muuta vanhaa en juuri muutamia värejä lukuun ottamatta ottanut.
 
Liittynyt
30.10.2016
Viestejä
3 527
Lisäksi Tapiolla on ilmeisesti jokin erikoinen oikeus poimia muiden postauksia omille sivuilleen ja spekuloida niitä siellä. Eikä lähdettä luonnollisesti mainita.
Tämä on vähän huono asia mielestäni jos näin tapahtuu että esim. täältä poimitaan käyttäjien viestejä omille sivuille. Toki sallittua se kuitenkin taitaapa olla. Lähteet olisi kyllä hyvä silti mainita.
 
Liittynyt
27.03.2018
Viestejä
645
Tämä on vähän huono asia mielestäni jos näin tapahtuu että esim. täältä poimitaan käyttäjien viestejä omille sivuille. Toki sallittua se kuitenkin taitaapa olla. Lähteet olisi kyllä hyvä silti mainita.
Em minä muistaakseni täältä ole kommentteja kopioinut ainakaan ilman linkkejä. Sanariksen foorumiin ei uskalla Suomi24:ssä laittaa linkkejä firman sivuille, kun ei tiedä, miten robotti niihin suhtautuu. Voi poistaa linkit Sanariksen sivuille. Milläs sitten laitat lähteen.

Omilla sivuillani olen kyllä laittanut linkin Sanariksen sivuille, jos olen jotakuta siteerannut. Saattanut kyllä joskus jäädä pois, mutta kyllä ne ainakin lähes kaikissa sitaateissa on. Jos säie on kertaalleen tullut esille, ei välttämättä linkkiä säikeeseen vaan vain kommentin numero.
 

living_death

★ Still alive ™
Liittynyt
15.11.2016
Viestejä
4 364
Tämä on vähän huono asia mielestäni jos näin tapahtuu että esim. täältä poimitaan käyttäjien viestejä omille sivuille. Toki sallittua se kuitenkin taitaapa olla. Lähteet olisi kyllä hyvä silti mainita.
Ei ehkä ihan korrektia, vaikkakin tarkoituksena olisi saada sisältöä muuten tyhjälle foorumille.

Vähintäänkin kohteliasta olisi laittaa suora linkki kyseiseen postaukseen.

Olisi tosiaan outoa lukea oma postaus jostain toisesta foorumista, minne ylläpitäjä olisi sitten kommentoinut omia mielipiteitään, niin etten itse olisi siitä tietoinen ja pääsisi kommentoimaan o_O

Suoran linkin tämän foorumin keskusteluun saa klikkaamalla tuota risuaitanumerohässäkkää.

suora-linkki.PNG
 
Liittynyt
27.03.2018
Viestejä
645
Tiedän, miten täältä saa suoran linkin. Samalla lailla sen saa omilta sivuiltanikin. Suomi24 on hankalampi kopioida. Sanariksen foorumissa ei voi saada osoitetta kuin säietasolla. Ei ole esillä yksittäisen kommentin osoitetta kuten täällä ja omilla sivuillani. Tarkka osoitteen laittaminen ei kaikkialla onnistu (ainakaan järkevällä tavalla).

Ei tule mieleen, että olisin täältä mitään siteerannut. Kerran viittasin asian selostaen, mutta tarkkaa sitaattia ottamatta.

Mitä toimivuuteen tulee, joku TechBBS kertoi, että sivuston pitäisi toimia vähintään niin, että odotusaika siirtymisessätoiselle sivulle on enintään 2-3 sek. Jos ei ole, ei sivuilla viihdytä.
Tuo oli niin yleisluonteinen, etten ajatellu, että olisi kaivannut tarkan viittauksen. Olen linkittänyt täällä olleeseen kommenttiin. Muut ovat itse asiassa enemmän viitanneet tänne säikeessä
En minä ole anonyymi viittaja.
 
Liittynyt
27.03.2018
Viestejä
645
Kun nyt täällä puutututaan siihen desktop yli 1140 px suurempiin viewport-arvoihin, täytyy yrittää tutustua tarkemmin, mitä teema sisältää. Ainakin tekijän omiin JavaScript-tiedostoihin. Ei ongelma muuten selviä kuin niihin koskemalla.
 

living_death

★ Still alive ™
Liittynyt
15.11.2016
Viestejä
4 364
Eikö sulla ole asennettuna Google Analyticsiä? Siitä näkisit millä päätelaitteilla ja selaimilla sivustoasi suurimmaksi osaksi selataan.

Ainiin, Google omistaa Facebookin ja sitä rataa...

EDIT: Oli vähän kärkkäästi sanottu, mutta tulee turhautuneisuus, kun yrittää auttaa ja sitten vastapuolella on hyvin rajoittunut näkemys ja sivuja tehdään omien mieltymyksien takia, ei muiden käyttäjien.
 
Viimeksi muokattu:
Toggle Sidebar

Statistiikka

Viestiketjut
127 804
Viestejä
2 489 850
Jäsenet
49 798
Uusin jäsen
MiikkaN

Hinta.fi

Ylös Bottom