Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. szeptember 27. 10.03

Nem tudom, hogy Drupal 6 alatt pontosan miképp működik, de a 7-es kiadásban minden "body" tag kap néhány kiegészítő stílust attól függően, hogy az pl. főoldal vagy sem, egy ill. kettő oldalsáv jelenik meg vagy sem, stb.

Erről bővebben itt olvashatsz a Drupal API oldalán:
http://api.drupal.org/api/drupal/includes%21theme.inc/function/template_...

Nyiss meg egy böngésző ellenőrt (Firebug, web inspector, stb) és tanulmányozd át a weblap kódjának a szerkezetét és annak hozzáadott stílusait.

Figyeld meg, hogy milyen stílusokat kap a BODY elem.

Itt láthatod, hogy ha egy oldalsáv tartalmaz egy blokkot és megjelenik az oldalon akkor az alábbi CSS stílusokat kaphatja meg:

  • one-sidebar sidebar-first/sidebar-second » első oldalsáv vagy második oldalsáv jelenik meg
  • two-sidebars » mindkét oldalsáv megjelenik
  • no-sidebars » nincs oldalsáv

Ezt funkciót valószínüleg azért építették be a Drupal téma rendszerébe, hogy segítse a téma tervezőket. A témának figyelni kell arra, hogy ha valamelyik oldalsáv nem jelenik meg az aktuális oldalon, akkor a tartalom teljesen kitöltse annak helyét vagy ha semelyik oldalsáv nem jelenik meg, akkor a weblap teljes szélességét.

Ha ez nem történik meg, akkor valószínű, hogy nem figyelt oda a témakészítő és ezért marad "üresen" az egyik oldalsáv.

Megoldás lehet a problámára, ha létrehozol egy gyerek témát (Child theme) és magad szerkeszted úgy a CSS-t, hogy ilyen esetben megfelelően töltse ki a helyet.

Bár ha elfogadsz egy jótanácsot tőlem, akkor nem erölteted tovább a Marketstate témát, mert ahogy látom nem kap semmilyen támogatást a fejlesztőtől (http://drupal.org/project/marketstate).

Ilyen témát szerintem nem nehéz átportolni Drupal 7 alá, Drupal 6-ot azonban nem használok, ezért ebben nem tudok segíteni.

0
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. szeptember 28. 06.24

Sokat segít a Drupallal vagy valamelyik jelentős modullal most ismerkedőknek a Nagy Gusztáv által közkincsé tett Drupal 7 Alapismeretek Könyv digitális és ingyenesen letölthető változata, melynek szakmai lektora Palócz István szintén ismert Drupal kontribútor volt.

Neked szerintem a 15. fejezet anyagaira van szükséged a blokkokban történő automatikus tartalommegjelenítés kapcsán (Views alapmodulok, Nézetek létrehozása, Nézetek szerkesztése, Gyári nézetek, stb.)

Gusztáv nem csak könyvet ír, hanem aktívan és professzionális szinten oktatja is a Drupal és a web programozást. Ha érdekel a téma akkor további információért látogass el a weblapjára.

Szájbarágós leírást vagy ismertetést még az angol nyelvű videófelvételeken is találhatsz, legyen az akár a YouTube vagy más cég által fizetés ellenében kapott oktató anyag.

Elsőként lehet, hogy riasztó a Views modul, ám ha egyszer megismerkedsz vele, akkor látni fogod, hogy egy igazi nagyágyúval van dolgod.

Szinte kihagyhatatlan egy weblap létrehozásánál a Views. Nemhiába lesz a Drupal 8. kiadásának szerves része, ahogy azt olvashattuk Dries naplójában, mikor hivatalosan is bejelentette ezt a héten.

3
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 11. 19.24

Még 2011 elején kaptam egy megbízást egy kis somogyi falu egyszerű weblapjának átportolására a Drupal 7. kiadása után frissiben ahol egy pályázati kiírás részeként az "akadálymentesítést" is el kellett végezni rajta. (Csak halkan jegyzem meg: konkrétan fekete-sárga színhasználatot írtak/kértek).

Remélem, hogy nem koptak el teljesen az emlékeim és tudok segíteni az alábbi kivonatos esetleírással:

Amire szükséged lesz:

  1. Meglévő Drupal smink
  2. Akadálymentesített alsmink ami a fentire épül a régiók és blokkok elrendezése miatt
  3. Egy hasznos kis modul: Swichtheme (modul nélkül neked kellene leprogramoznod a dolgot)

A Swichtheme modul README dokumentumát megnézve elég alapos leírást találsz arra vonatkozóan, hogy miképp lehet beállítani a sminkváltást.

Egy egyszerű példa a kivitelezésre:

  • Állítsd be megfelelően a modult. A beállításoknál saját könnyen értelmezhető címkével láthatod el a látogatók számára elérhető sminkeket. Ha valamit nem szeretnél itt látni, akkor egyszerűen tedd inaktív állapotva azt a sminket (pl. Bartik), ezt a megjelenésnél tudod szabályozni a sminkek listájában.
  • A modul egy Blokkot hoz létre a sminkváltásra. Ez nem kimondottan szép, de azonnal használhatóvá teszi a rendszert.
  • A lényeg: hozz létre egy-egy blokkot, ahol beilleszted a gyengénlátók számára foganasított ikont, esetleg szöveges leírást hozzá és linkeld be az akaálymentesítésre szolgáló hivatkozást pl: http://www.weblapod.hu/?theme=akadalymentes_smink
  • A fenti blokkot csak a rendes sminken jelenjen meg. Ezt a blokkbeállításnál tudod szbályozni.
  • Hozz létre egy visszafelé mutató linket a fentiek alapján az akadálymentesített -> rendes smink irányába a másik blokkban és ezt is állítsad be úgy hogy csak a második sminken jelenjen meg. Pl. http://www.weblapod.hu/?theme=nem_akadalymentesitett_smink_neve

Az egészben az a jó, hogy nagyon egyszerűen kivitelezhető és a nem regisztrált látogatók számára is hosszútávon használható. Akár programozhatod is PHP segítségével a modult. A reg. tagok pedig ha kapnak rá jogosultságot, akkor akár állandó jelleggel beállíthatják maguknak a másik sminket alapértelmezettként.

Élő példa erre a korábban említett Várda Önkormányzat weblapja.

Remélem, hogy tudtam segíteni és hasznát veszed az infónak. Esetleg belinkeled majd a kész weblap címét is?

3
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 11. 19.20

Hoppá! Most vettem csak észre, hogy van egy kis hiba a várdai honlapon. Ha most nézitek meg, akkor látni fogjátok, hogy az akadálymentesítre készített oldalakon navigálva mindig a rendes sminkkel ellátott oldalra visz egy-egy menü.

Amikor átadtam a honlapot a megrendelő számára, ez nem így működött nyugodjatok meg. Azóta webmester és hoszting szolgáltató váltás történt, úgyhogy egy kis bug keletkezett a modul használatában.

Rendes esetben a Swichtheme úgy működik, hogy a böngésző megjegyzi azt, hogy sminkváltás történt és amíg nem kapcsolod át újra, tartani fogja az emlékezetében az aktuális smink nevét.

Ha valaki a Cookie-k használatát letiltja, akkor persze mindig visszafog térni az eredeti sminkre a weblap.

1
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 11. 19.42

Ha lenne egy élő fejlesztői (és nem lokális) weblap cím, amin láthatnánk a bugos navigációs menüt, akkor sokkal könnyebben tudnánk segíteni.

Csak magamból indulok ki ha Drupal designról van szó: Ha nem látom a kihívásra késztető ill. segítségnyújtásra szoruló weblapot, akkor minek vesződjek a beillesztett kód áttanulmányozásával? Számomra legalább annyira jól esne egy kolléga munkájára rápillantanom, mint ahogy a kódjára.

Ha megadod a weblap fejlesztői linkjét akkor szivesen rápislantok, nem lehet olyan nagy a baj a leírásod alapján.

2
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 12. 19.28

Mivel voltál olyan kedves és privát levélben elküldted a weblap elérhetőségét, sikerült egy rövid pillantást vetni a Nice menu modul által generált html szerkezetre és stílusra. Gyakorlatilag minden "li" felsorálás és minden "a" hivatkozás kap egy-egy stílust, azonosítót, stb. ezért úgy gondoltam, hogy én inkább nem piszkálok bele a munkádba.

Ettől föggetlenül ha érdekel, akkor szivesen megmutatom, hogy miképp lehet külső modul nélkül pusztán stíluslappal megoldani a többszintű menükezelést Drupal alatt.

Pusztán CSS segítségével a :hover állapotot felhasználva el lehet érni a kívánt hatást. Egyébként ez széleskörben elterjedt. A mobil tapogatós eszközökön is lehet használni, mert rendben megjelenik az almenü a tapasztalataim szerint.

Készítettem a számodra egy minta alsminket is a Stark téma alapján. Ezt felhasználva + egy kis módosítással akár 2-3 kattintással el lehet érni, hogy működjön az általad kíván menü és stílus.

TESZTKÖRNYEZETBEN HASZNÁLD ÉS PRÓBÁLD KI VAGY MÓDOSÍTSD!

A koncepció a következő:

  1. Installáld a Stark Alsminket amit belinkeltem a hozzászólásomban. Előfeltétel, hogy a Stark engedélyezve legyen a "Megjelenés" beállítási oldalon.
  2. A Stark Alsmink beállításánál kapcsold ki a "Főmenü" és "Másodlagos menü" opciót (sokat lehetne arról beszélgetni, hogy van-e valami értelme ennek funkciónak)
  3. A "Felépítés" » "Blokkok" beállításnál a Főmenü blokkot állítsd a Fejléc régióba (Header).
  4. A Főmenü blokk címének add meg "<none>" címkét, ezzel eltünteted a blokk címét, amire nincs szükségünk
  5. A menüpontokat szerkesztve, ragadd meg és húzd az egyik almenüt a szülő menüpont alá és gyakorlatilag ezzel kész is van a többlépcsős navigációs menü. Csak egy fontos dologra kell figyelni.
  6. A Címlap » Adminisztráció » Felépítés » Menük oldalt használva arra ügyelj, hogy egy egy menüpont aminek almenüt szeretnél adni úgy legyen beállítva ( » Hivatkozások listázása » Szerkesztés ), hogy a "Nyitott állapotban megjelenítve" kapcsoló mindig aktív állapotban legyen, így nyitott állapotban a menüpont gyermekei mindig látszani fognak.

Mindez amit fent írtam nem hekkelés vagy külső modul felhasználása, ilyen a Drupal 7 rendszer működése. A fenti menüpont beállítást manuálisan végezd el ott ahol kell, ne parázz, mert ezt csak egyszer kell megtenni, hiszen a menüszerkezet ritkán változik.

FELHASZNÁLÁSI TIPP:

  • A Stark Alsmink "style.css" kódját áttanulmányozva bátran felhasználhatod azt a weblapod elkészítéséhez.
  • A zöld és barna színeket az önkormányzati honlapod alapján használtam fel.
  • Egy kis CSS3-mal meg tudod úgy fűszerezni a menüt, hogy az pl. nyilakat tartalmazzon, az aktív állapot külön színt kapjon, elválasztó vonalakat, fentről-lefelé vagy balról-jobbra animálódjon, stb. Mindehhez ma már JavaScript sem kell csak alapos CSS ismeret.

Egy élő weblapot is tudok mutatni, ahol ezt a módszer alkalmaztam (igaz, hogy az ott látható kód nem valami mestermunka):

Remélem, hogy tudtam segíteni:

FORRÁSANYAG:

Stark Alsmink "starkalsmink.info" fájl:

  1. name        = Stark Alsmink
  2. description = Ez egy alsmink gyakorlati célból létrehozva. További hasznos infó magyar nyelven: http://drupal.hu/node/15822
  3. package     = Core
  4. version     = 1.0
  5. core        = 7.x
  6. engine      = phptemplate
  7. base theme  = stark
  8.  
  9. stylesheets[all][] = style.css

Stark Alsmink "style.css" fájl:

  1. /**
  2.  * sötétzöld: #3C8514;
  3.  * barna: #a52a2a;
  4.  */
  5.  
  6.  
  7. /* ÁLTALÁNOS
  8. ------------------------------------------------------------------------------*/
  9. body {
  10.   background: #eee;
  11. }
  12.  
  13. #page {
  14.   background: #fff;
  15.   margin: 30px auto;
  16.   width: 960px;
  17. }
  18.  
  19. /* MENU
  20. ------------------------------------------------------------------------------*/
  21. #header ul.menu {
  22.   display: block;
  23.   list-style-position: inside;
  24.   margin: 0;
  25.   padding: 0;
  26.   position: relative;
  27.   z-index: 100;
  28. }
  29.  
  30. /* Az elso szint menupontjai horizontálisan balrol jobbra tart */
  31. #header ul.menu li {
  32.   display: block;
  33.   float: left;
  34.   margin: 0;
  35.   padding: 0;
  36.   position: relative;
  37. }
  38.  
  39. /* A masodik, harmadik es negyedik szint vertikalisan fentrol lefele tart */
  40. #header ul.menu li ul > li {
  41.   float: none;
  42. }
  43.  
  44. /* Eltuntetjuk a nem kivant menuszinteket az inaktiv allapotvan */
  45. #header ul.menu li.expanded ul.menu,
  46. #header ul.menu li.expanded ul.menu li.expanded ul.menu,
  47. #header ul.menu li.expanded ul.menu li.expanded ul.menu li.expanded ul.menu {
  48.   display: none;
  49. }
  50.  
  51. /* Menupont szine */
  52. #header ul.menu a {
  53.   background: #3C8514;
  54.   color: #fff;
  55.   display: block;
  56.   line-height: 1;
  57.   margin: 0;
  58.   padding: 10px;
  59.   text-decoration: none;
  60. }
  61.  
  62. #header ul.menu a:hover {
  63.   background: #a52a2a;
  64. }
  65.  
  66. /* 2. szint
  67. ------------------------------------------------------------------------------*/
  68. #header ul.menu li.expanded:hover ul.menu {
  69.   display: block;
  70.   left: 0;
  71.   position: absolute;
  72.   top: auto; /* FONTOS!!! */
  73.   width: 240px;
  74. }
  75.  
  76. /* 3. szint
  77. ------------------------------------------------------------------------------*/
  78. #header ul.menu li.expanded ul.menu li.expanded:hover ul {
  79.   display: block;
  80.   left: 240px;
  81.   position: absolute;
  82.   top: 0;
  83.   width: 240px;
  84. }
  85.  
  86. /* 4. szint
  87. ------------------------------------------------------------------------------*/
  88. #header ul.menu li.expanded ul.menu li.expanded ul.menu li.expanded:hover ul.menu {
  89.   display: block;
  90.   left: 240px;
  91.   position: absolute;
  92.   top: 0;
  93.   width: 240px;
  94. }
3
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 12. 17.44

@Sk8erPeter Szia Péter!

Köszönöm a hozzászólásodat, jól esett. Igazából csak most kezdtem el bekapcsolódni a hazai közösségi életbe (leszámítva egy tavaszi budapesti Drupal találkozót a Bobek kávézóban Dunaújvárosból meló után felutazva).

Csak pislogok, mikor látom, hogy milyen mennyiségű segítséget nyújtasz Te és az Öreg Drupal Motorosok a válaszra váróknak. Szóval a köszönet Nektek jár!

Persze olyan is van, hogy néha röhögök a segítséget kérők ponyvaságán és abbéli hiszékenységükön, hogy az instant regisztrációjuk után két mondatban képesek bazi komplex kérdéseket feltenni. Tisztelet a kivételnek persze.

Én nem tudok ennyi mindenben segíteni, mert nem értek mindenhez, de RSS-en keresztül figyelem a sminkekkel kapcsolatos új kérdéseket és ha tudok akkor megpróbálok a jövőben válaszolni ezekre.

3
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 15. 12.09

Megpróbálok válaszolni a fenti hozzászólásodra és a hétvégén Tőled kapott leveledre, ok?

  • Most már világos a számomra, hogy Te a Fusion base theme-t használod, mellette a Mix and Match alsminket és ehhez készítettél még egy akadálymentesített újabb alsminket, nem semmi! Ilyen többszörös alá-fölé rendeltségben még soha nem használtam a Drupal smink rendszerét ezért igen korlátozott az a terület, ahol segíteni tudok neked.
  • Leveledben megemlíteted a Skinr modul konfliktust. Kérlek, hogy olvasd át a Mix and Match smink fejlesztői leírását alaposan. Ott azt írják, hogy nem ajánlatos egyáltalán ezt a modult a sminkkel használni éles környezetben, mert valamiért nem stabil. Ajánlanak egy alternatívát is, bár erre nem néztem rá, hogy működik.
  • Azt kérdezted még a leveledben, hogy lehetséges-e az az eset, hogy egy Drupal smink és egy modul konfliktusba kerül és hibaüzenetekkel halmoz el. Sajnos ez nagyon is lehetséges, mivel számtalan helyen olyan komlexitást és funkciót visznek bele a smink rétegbe, holott talán annak az lenne a dolga, hogy megjelenést és a kinézetet jelenítse meg pusztán, hogy az már túl sok. Számomra a megoldás azt jelenti, hogy megpróbálom leegyszerűsíteni a dolgokat, saját magam által írt sminket használok és persze kordában tartom a felhasznált modulok számát és minőségét.
  • A Swichtheme gördítősávján a választómezőt (select) érted? Az általad létrehozott Akadálymentes blokk az ikonnal és a Swichtheme által létrehozott témaválasztó blokk két különböző dolog. A Swichteme blokkját nem kötelező felhasználnod és nyugodtam eltüntetheted. Ha a modul aktív állapotban van akkor a háttérben is elvégzi a feladatát.
    1. Hozzál létre 2 db blokkot az ikonnal és rendelj mellé egy linket. Mindkét blokk ugyanazon a régióben szerepeljen, pl. sidebar vagy top
    2. Az első blokkot úgy állítsd be, hogy csak az alapértelmezett állapotban jelenjen meg és rejtve legyen az akadálymentes sminken. A blokkban lévő link az akalymentes sminkre hivatkozzon, pl: http://www.weblapod.hu/?theme=akadalymentes_smink
    3. A második blokkot úgy állítsd be, hogy csak az akadálymentes változatban jelenjen meg. Az itt lévő link értelem szerűen visszairányít az alapértelmezett sminkre, pl: http://www.weblapod.hu/?theme=nem_akadalymentesitett_smink_neve
  • Jól tudod, hogy az alsmink örökli a szülősmink stíluslapjait. Egész egyszerűen felül kell írni ezt az akadálymenes smink stíluslapján. Mivel csak képet küldtél erről, ezért nem tudom konkrétan megmondani, hogy ezt és ezt írd át és akkor jó lesz a főoldali hírblokk alapszíne. Csak útmutatót tudok nyújtani. Legjobb amit tehetsz az asz, hogy megnyitod a böngésző ellenőrt, vagy FireBug-ot és megnézed, hogy mit kell még átírnod. A forráskódban látod, hogy melyik stíluslap milyen sorrendben töltődik be. Ügyelj arra, hogy az akadálymentes smink legyen lehetőleg az utolsó
  • A Várda honlapján én gyakorlatilag nem is egy alsminket használtam, hanem egy különálló sminket ha jól emlékszem, így valamivel több időbe telt, mire elkészült, de például nem olvassa be a szölősmink összes stíluslapját és teljes kontrolt kaptam a régiók és a blokkok elhelyezésében.
  • %-ban általában nem szoktunk fontméretet megadni kivéve a html és a body elemeket a stíluslap normalizásánál. Használd inkább a régimódi PX vagy EM esetleg az újabb REM mértékegységet (ez utóbbit csak akkor ha tudod mit, miért teszed!)
  • Az id azonosítók (pl. #page) használatával jobb esélyed van az örökölt stíluslap felülírására a problémás helyeken. Kínos helyeken kényszerítheted is a felülírást az "!important" jelölést használva ha nagyon muszály, (pl:
    1. #content div {background:none transparent !important;}
    2. )

Egy lehetőség az akadálymentes stíluslap elkészítésére:

  1. /* ================================================
  2.  * GENERAL
  3.  * ================================================ */
  4. * {
  5.   background: none transparent !important;
  6. }
  7.  
  8. body {
  9.   background: none  #000;
  10.   color: #FF0;
  11.   font: 18px /150% Arial,Verdana,sans-serif;
  12.   margin: 0;
  13.   padding: 2em 0;
  14. }
  15.  
  16. img {
  17.   border: 1px solid #fff;
  18.   height: auto;
  19.   max-width: 100% !important;
  20. }
  21.  
  22. p {
  23.   margin-bottom: 1em;
  24. }
  25.  
  26. a {
  27.   color: #fff;
  28.   padding: 0,
  29.   text-decoration: underline;
  30. }
  31.  
  32. a:hover {
  33.   color: red;
  34. }
  35.  
  36. a.active {
  37.   color: red!important;
  38.   text-decoration: underline !important;
  39. }
  40.  
  41. :focus {
  42.   color: red;
  43.   outline: 1px dotted #fff;
  44. }
  45.  
  46. #sidebar {
  47.   border-right: 4px dotted #fff;
  48.   float: left;
  49.   padding: 0 2%;
  50.   width: 25%;
  51. }
  52.  
  53. #content {
  54.   float: right;
  55.   padding: 0 2%;
  56.   width: 65%;
  57. }
  58.  
  59. table, th, td, tbody, tr {
  60.  background-color: #333 !important;
  61.  border-color: #ff0 !important;
  62.  color: #fff !important;
  63. }
  64.  
  65. ul li {
  66.   list-style: disc inside none !important;
  67. }

Persze ez csak egy gyorsan legépelt minta, messze nem tökéletes vagy optimális. Remélem, hogy sikerülni fog megoldani az akadálymentes stíluslap elkészítését és végre láthatjuk élesben is a weblapodat.

Kérlek, hogy linkeld majd be az önkormányzati honlapodat a többiek számára ha jónak látod, előre is köszönöm!

2
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 15. 15.27

Messze nem értek veled egyett abban, hogy csak az IE miatt építették volna bele a +- betűméretezőt a honlapokba.

Miért is vált egy időben nagyon divatossá ez?

Akkor számított ez újdonságnak vagy a weblap színenek megváltoztatása JS alapokon, amikor még a webmesterek az AJAX alapjaival ismerkedtek és azzal, hogy miképp lehet több funkcionalitást beépíteni a korábbi statikus weblapokba. Próbáltak a flash nyomdokaiba szegődni, nemegyszer láttam lepkéket repkedni a háttérben vagy pl. hóhullást egy-egy honlapon. Volt aki még pénzt is kért a +- vagy hasonló interaktivitás miatt. Az internetezők lassacskán elkezdték használni is a weblapokat és nem csak nézni őket. Mindegy, az a korszak lezárult. Ezt követte a beépített internetes alkalmazások megjelenése a weblapokon.

De miért is lenne létjugosultásga 2012-ben egy +- betűméretezőnek, sminkváltónak vagy fel-le linknek a honlapokon?

Igazad van, mikor azt írod, hogy a böngészők mindezeket a funkciókat már egy ideje tudják:

Page Up, Page Down = egy-egy oldalt navigál le ill. felfelé
Home és End = a weblap tetejére és aljára navigál
Ctr + és - = betűméretet növel vagy csökkent
Ctrl + Tab = lapot vált a böngésző felületén

Mégis szerinted hányan használják netezés közben a billentyűzetet és hányan vannak tisztában ezzel a nem látható funkcióval?
Személyes tapasztalatom szerint egy átlag számítógép és internet használó egyáltalán nem használja a billentyűzetet a navigálásnál. Maradnak a jól bevált egérhasználatnál. És igen, ha látják hogy egy kattintással eljutnak a weblap felső részére, akkor használni fogják ezeket az interaktiv elemeket.

Szerintem ezeknek az apróbb funkcióknak akkor van helye egy weblapon ha várhatóan lesz olyan közönség aki ezt használni is fogja.

Egy www.weblabor.hu oldalon biztosan nem kellenek mert a célközönség tisztában van azzal, hogy miképp tudja könnyen használni a weblapot a böngészővel és billentyűzettel.

Azonban egy kis falusi önkormányzat weblapján amelyet mondjuk számos időskorú ember tekint meg, talán lesz aki használni fogja a betűméretezőt, nem gondolod?

Vagy hadd mondjak egy trendi példát is: egy-egy mobil digitális eszközön mint pl. hordozható táblagép, mobil telefon, szerintem nagyon jól jöhet a lap aljára figyelmesen elhelyezett felfelé navigáló link. Én nem nagyon szeretem órákig fel vagy le folytonosan mozgatni az ujjamat csak azért, hogy végtelennek tűnő weblap aljrára vagy tetejére érjek ismét.

Egy biztos, én nem várom el az ügyfeleimtől és a látogatóktól, hogy tanulják a meg a gyorsbillentyűk használatát, hanem ha kell, beépítem ezeket a weblapba meghagyva azt a szabadságot, hogy majd ők eldöntik, hogy használják-e vagy sem.

Ha jól vannak ezek az elemek beillesztve a weblapba, akkor nem zavarnak senkit és igen is van létjogusultságuk, ez az én filléres gondolatom.

Off-topic: Tudjátok, hogy hol szoktam egyedül a fontméretet növelni a gyorsbillentyűk segítségével egészen addig, amíg annyira berágtam, hogy egy idő után már sem ezt, sem a Safari beépített Reader funkciója nem segített és dobtam az oldal látogatását?
John Gruber weblapjáról van szó, ahol a szerző nem átallott 11px-es fontméretet beállítani ezzel továbbra is szivatni a közvetlen honlap látogatóit 2012-ben.

3
0
Robert Petras képe

Beküldte Robert Petras (nem ellenőrzött) - 2012. október 15. 18.35

Ismét csak oda lyukadunk ki, hogy Te is úgy gondolod, hogy a számítógépet használók és az interneten böngésző emberek tisztában vannak a gyorsbillentyűk használatával és ismerik a böngészők kiegészítő funkcióit. Nincs ezzel semmi bajom azon kívül, hogy én épp az ellenkezőjét gondolom. Szerintem többen vannak akik nem használják ezeket, mint akik ismerik és nekik lehet, hogy igen is problémát jelent a kis betűméret.

Az, hogy ettől miért válik egy böngésző- és eszközfüggetlen az interaktivitást segítő weboldalba beépülő funkció fölöslegessé így általánosan a szemedben, azt nem tudom. Gondolom, hogy pl. egy a tartalmat, kategóriát, kulcsszavat szűrő blokk használata nem zavarna ennyire, mint az "elegánsan" (hi-hi, ezt jól megkaptam Tőled) elhelyezett egyéb elemek/eszközök.

Tök jó, hogy írod, hogy egy jó layout és stíluslap megoldás lehet a problémára. Én is így gondolom, mint ahogy sokan mások is. Az internetes oldalak megjelenési felülete egyszerre szűkül be az okos mobiltelefonok használatának elterjedésével és egyszerre tágul ki a monitorok méretének/felbontásának bővülésével ill. az újabb internet befogadó eszközök pl. a TV készülékek használatával. Egy okosan elkészített weboldal simán lekezeli ezt. Egyébként is erre megy a trend, nem ritka a 16-18pt használata a kenyérszövegre azaz bekezdésre alkalmazva.

Azt nem tudom pontosan, hogy mit értesz azon, hogy a "táblagépek ugyanis a viewport tetejére tappolással mind az oldal tetejére scrolloznak" és hogy miért rossz ettől a fenti példám. Az biztos, hogy az iPhone telefonom nem megy sehova hiába tappolom a weboldal alján, vagy csak én nem tudom, hogy hol van a viewport... ;-)

Twitter mobil alkalmazásom szereti a saját frame-ben megjeleníteni a külső hivatkozásokat, ergo rejtve marad a böngésző/oprendszer chrome, szóval itt biztos megszívom, mert mégiscsak nekem kell felfele scrollozni. Tudom, tudom van arra is lehetőség, hogy az a fránya link mégis csak a mobil Safariban nyíljon meg (én is ezt szeretem használni).

Egyébként az összes táblagép tudja ezt a funkciót, márkára és op. rendszertől ill. kiadástól és böngészőtől függetlenül? Ha igen akkor szuper.
Az iOs szimulátort használva keresem ezt a funciót az iPad nézetnél. A képernyő tetején megjelenő fekete infromációs sávra gondolsz? Az tényleg a weblap tetejére visz ha kétszer tappolok rá, de ezt csak most tudtam meg tőled, eddig ez nem volt egyértelmű a számomra (miért is tappoltam volna csak úgy magamtól a toolbarra?). Mindegy, holnap elmegyek a helyi t-mobilos bemutató terembe és megnézem ezt az android készülékeknél is.

Az akadálymentesített stílussal is teljesen igazad van (valaki szólhatna már a minisztériumban és az EU-s pályázatok elbírálóinak erről...).
Ha készítek egy szimpla HTML oldalt mindenféle CSS stíluslap nélkül, akkor 100% biztos lehetek abban, hogy az nemcsak "akadálymentes" hanem még mobilbarát is lesz, reszponzív!

Igazad van abban is, hogy a Drupal.hu tökéletesen akadálymentesített, hurrá! Most így a fórum textarea-ban írva nekem semmi gondom nincs a kontraszttal és fontmérettel, mert jó a szemem. A gyengénlátó segítségre szoruló tagok pedig biztos használni fogják a CTLR+ kombinációt... no problem.

Amúgy vágom, hogy mire gondoltál és részemről teljesen ok a dolog, ezen nem veszünk össze szerintem.

1
0