+ Hozzászól a témához
Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (13) összesen

Téma: Webdesign mobilra

  1. #1
    Adminisztrátor Blog: SEO tanfolyam - második lecke
    Bagi Zoltán logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.542

    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
    622

    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

    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 Blog: SEO tanfolyam - második lecke
    Bagi Zoltán logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.542

    Alapbeállítás re: Webdesign mobilra

    180 px széles lenne a kijelző?



  5. #5
    Törzsvendég a zsolti logója
    Csatlakozott
    07-05-09
    Hozzászólás
    149

    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 Blog: SEO tanfolyam - második lecke
    Bagi Zoltán logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.542

    Alapbeállítás re: Webdesign mobilra

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



  7. #7
    Bölcs Blog: Nikon expo szám kiolvasása
    Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.654

    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.


    tutorial.hu & blog & Mac OS X | katalógusaim: gyik.com * blog.harder.hu

  8. #8
    Mentor Blog: Filmek: 2012. január
    ChrIsDrY logója
    Csatlakozott
    07-08-11
    Hozzászólás
    431

    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 Blog: Hétfő
    zsolti logója
    Csatlakozott
    07-05-04
    Hozzászólás
    674

    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 Blog: Facebbok rajóngói oldalon like-hoz kötött megjelenítés
    AlBrown logója
    Csatlakozott
    07-06-15
    Hely
    Budapest
    Hozzászólás
    398

    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
         

    ?>




+ Hozzászól a témához
Oldal: 1 / 2 12 UtolsóUtolsó

A téma címkéi:

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76