Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (13) összesen

Téma: Webdesign mobilra

  1. #1
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás Webdesign mobilra

    Egy két dolgot olvasgattam a napokban és az jött le nekem, hogy a Google nagyon rágyúrt a mobilos netezőkre. Az én készülékem pont nem alkalmas a feladatra, de nem szeretnék bármiféle hátrányban szenvedni, hogy a lap szétcsúszik azon a felbontáson. A problémám adott, ki kellene derítenem, hogy milyen felbontásra kell új css-eket gyártanom, és hogy hogyan váltogassam őket a felbontástól függően.

    Zoli nagyon hálás lesz a segítségedért



  2. #2
    izb
    izb nem elérhető
    'Say Hello To My Little Friend' izb logója
    Csatlakozott
    07-07-12
    Hozzászólás
    580
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    Idézet Bagi Zoltán eredeti hozzászólása Hozzászólás megtekintése
    Egy két dolgot olvasgattam a napokban és az jött le nekem, hogy a Google nagyon rágyúrt a mobilos netezőkre. Az én készülékem pont nem alkalmas a feladatra, de nem szeretnék bármiféle hátrányban szenvedni, hogy a lap szétcsúszik azon a felbontáson. A problémám adott, ki kellene derítenem, hogy milyen felbontásra kell új css-eket gyártanom, és hogy hogyan váltogassam őket a felbontástól függően.

    Zoli nagyon hálás lesz a segítségedért
    Nokia 95-ös mobilom van, ez irányban tudok segíteni ha kell.



  3. #3
    Tag Papp Máté logója
    Csatlakozott
    07-07-18
    Hozzászólás
    99
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    ( Lehet, hogy nem erre gondoltál )

    Mindent rendezz középre és maximum csak 180 px széles legyen a szöveg és a kép! És szépen egymás alá mehet minden.... Csak minimális CSS kell hozzá! link színei, szöveg, stb
    Már gyártottam egy pár mobilos oldalt



  4. #4
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    180 px széles lenne a kijelző?



  5. #5
    a zsolti
    Vendég

    Alapbeállítás re: Webdesign mobilra

    Felbontásfüggetlenre csináld, az a biztos. Úgy tervezd meg a mobil verzió css-ét, hogy egy darab hasáb legyen, az egyes információk egymás alá kerüljenek, logó, menü felül, aztán a tartalom, alul pedig "fel" gomb, esetleg "vissza". És mindent css-ből. Tehát én még <img src= ... -t de tennék, hanem a logót is css-ből. A menüt nyilván <ul><li> ... módon, egyébként pedig div-ek. Háttérképeket szintén kigyomlálni, meg ugye elve ügyelni rá, h az oldal mérete minél kisebb maradjon (felesleges javascripteket kiszórni).

    Amúgy ha szép strukturált oldalad van, általában nem is kell már sokat vesződni a mobil verzióval. Pl. a www. bicske. i n f o-t véletlenül megnéztem a napokban mobilról, és teljesen jól olvasható, pedig nem is gondoltam erre. Valszeg azért, mert csak <link media="screen" ... formátumú css-em van, az meg mobilon nem jelenik meg, tehát ott úgy néz ki most, mintha le lenne tiltva a css.
    Mobilverzióhoz egyébként: <link media="handheld" ... kell.



  6. #6
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    Zsolti ezer hála, köszönöm a kimerítő választ.



  7. #7
    Bölcs Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.873
    Begyűjtött 168 köszönetet
    109 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    Zoli, az Opera-nak van mobil nézete, használd a css kialakításakor szerintem, akkor nem igazán vagy tényleges mobilhoz kötve a lap elkészítésekor.



  8. #8
    Mentor ChrIsDrY logója
    Csatlakozott
    07-08-11
    Hely
    Budapest
    Hozzászólás
    453
    Begyűjtött 12 köszönetet
    9 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    üdv.

    Az én készülékem (Samsung SHG U600) és QVGA 240*320-as felbontást tud. -Annyira nem foglakoztam vele, az alapfunkcióit ellátja, másra alig használom.
    Ami érdekes lehet (ahogy harder is írta): operamini.com



  9. #9
    Coolfox zsolti logója
    Csatlakozott
    07-05-04
    Hozzászólás
    712
    Begyűjtött 2 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    hát Hardernek hála én most nagyon megnyugodtam. az összes oldal jól jön be kicsibe.



  10. #10
    nimda AlBrown logója
    Csatlakozott
    07-06-15
    Hely
    Budapest
    Hozzászólás
    405
    Begyűjtött 9 köszönetet
    6 hozzászólásával

    Alapbeállítás re: Webdesign mobilra

    hátha segít valakinek eme kis PHP kód: akkor szoktam használni, ha nagyon különböző dolgot akarok mutatni mobilosoknak, amit nem lehetne megoldani CSS ből, még régen szedtem valahonnan, csak kicsit írtam át:
    PHP kód:
    <?
          $mobile_browser 
    '0';
          if(
    preg_match('/(up.browser|up.link|windows ce|iemobile|mmp|symbian|smartphone|midp|wap|phone|vodafone|o2|pocket|mobile|pda|psp)/i',strtolower($_SERVER['HTTP_USER_AGENT'])))
           
    $mobile_browser++;
          
          if(((
    strpos(strtolower($_SERVER['HTTP_ACCEPT']),'text/vnd.wap.wml')>0) or (strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0)) or ((((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE']) or isset($_SERVER['X-OperaMini-Features']) or isset($_SERVER['UA-pixels']))))))
           
    $mobile_browser++;
          
          
    $mobile_ua strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
          
    $mobile_agents = array('acs-','alav','alca','amoi','audi','aste','avan','benq','bird','blac','blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno','ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-','maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-','newt','noki','opwv','palm','pana','pant','pdxg','phil','play','pluc','port','prox','qtek','qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar','sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-','tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp','wapr','webc','winw','winw','xda','xda-');
           
          if(
    in_array($mobile_ua,$mobile_agents)) $mobile_browser++;
           
          if (
    $mobile_browser>0){
                
    //MOBILRÓL NÉZIK
          
    } else {
                
    //NEM MOBILRÓL NÉZIK
         

    ?>




Oldal: 1 / 2 12 UtolsóUtolsó

A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •