Style für Mobiltelefone

[mawenzi]

@ alle Mobile-Style-Interessierten ...

... ich möchte nochmals darauf aufmerksam machen, dass meine oben beschriebene Variante (Parallel-Installation) schnell zu installieren ist ...
... die Browserweiche funktioniert ... mobile_Safari und _mobile_Opera ... konnte ich selber testen ... ( Nokia leider noch nicht ... ) ...
... ich habe für meine Website als "mobile Version" 4images ohne MOD's ( fast ...   ) und das Standard-Template mit 640px-Breite gewählt ...
... und so wie aus Andis Liste zu sehen ... ist das optimal für das iPhone ... ( man sollte sich immer am Klassenprimus orientieren ...   ) ...
... ich verwende in meiner mobilen Version die "Medium-Bilder" (im 800px-Format) und scalliere sie nur per Java-Script auf 440px herunter ...
... [MOD] Scale Images to fit in browser/ Bilder dem Browser anpassen : http://www.4homepages.de/forum/index.php?topic=15680.0 ...
... mit dem iPhone kann ich so die Bilder zoomen bei bester Qualität und ich brauche die vorh. Bilder auch nicht noch mal als 4.Version abzulegen ...
... mit einem Web-Kit für iPhone-Styles habe ich auch ein Template erstellt, doch ist das 'ne Menge Arbeit und das Ergebnis sieht wie Einheitsbrei aus ...
... also bin ich wieder beim 4images-Standard-Template gelandet ...
... es ist bekannt, dass meine Website überladen ist mit Modifikationen, die ihren Ladetribut fordern ... doch bleibe ich dabei ...   ...
... den abgespeckten Inhalt, in rasender Geschwindigkeit, halt nur mit Bildern kann man sich dann in der mobilen Version ansehen ...
... hier mal für euch zum Testen am PC die Gegenüberstellung der beiden Versionen der Website ... auf mobilen OS wird natürlich nur die mobile Variante gezeigt ...
... Die originale Index-Seite : hier
... Die mobile Index-Seite : hier
... Eine originale Kategorie-Seite : hier
... Die gleiche mobile Kategorie-Seite : hier
... Eine originale Detail-Seite : hier
... Die gleiche mobile Detail-Seite : hier
... und noch mal als Hinweis ... beide Versionen greifen auf die selbe DB zu und die Installation der mobilen Version ist in meinem vorherigen Beitrag beschrieben ...

[Jan-Lukas]

Mir gefällt das so, und wenn ich mein update + Forum beendet habe, werde ich das wohl auch so umsetzen.
wird also im Januar im Urlaub sein

[ucladidas]

How do I create a "parallel" installation within my image gallery?  For instance, if my original gallery is:

www.mysite.com/photos

But I want the second installation to be:

www.mysite.com/photos/mobile

I want the 'mobile' site to use the same images and db as the 'photos' site.  How do I do this?

Thanks for any help!

[webpit]

Helo there,
I've already tested both main version and mobile version,.. and so far is good.. just follow step by step Mawenzi suggest... excellent job there Mr Mawenzi..

pls cek my site .. main version at http://galeri.wayang.pitoyo.com .. mobile version http://m.galeri.wayang.pitoyo.com .. I install also auto-switch.. and its good.. .. It is in Indonesian but you can still enjoy the image...

Some tips during my experience to do the installation :

• parallel 4image installation, it is better really parallel,.. which mean if you install your main in www.mysite.com/4image .. then you do the same install under www.mysite.com/4imagemobile.. site by site.. not under it.. so it is important for the fisrt main installation better not to install under the root site. .. You dont have to copy 'data' folder.. because came from the same db, and you take the data from main folder as you redirect it at constant.php
• If you have some template name on main.. whatever it is.. just change the mobile template with the same name, even on mobile version have a simple lay-out inside.. because this two site has the same db.. and you already declare one name template there
• just a suggestion.. never go inside admin area via mobile.. because you dont see big enough to see the admin page.. so something can easily go wrong
• some media site not work well in opera mini.. I don't know why
• instead of using width="240" .. I'd rather like put width="100%".. because of many variation of mobile screen size these days..
• I've already tested on Blackberry, Android and Ipad... some one or two aesthetic problem come between.. but more or less ok for user to enjoy the image or media with simple comfortable look at mobile....

hope will help..

[webpit]

..one more thing I have to tell is about the viewport meta tag...
During I did some mobile view test, I found there some problem in width visualization in some mobile browser.. then I find a great article about using viewport meta tag which can improve web appearance on mobile device .. pls follow link http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html ..

technically I put some additional viewport meta tag on header.html of the template.. there will be two viewport meta tag to declare,.. one is at the top to define the user mobile device width using <meta name = "viewport" content = "width = device-width"> ... and two after <html> tag you still have to declare viewport meta tag again to force the css width in best look at mobile... usually using width=320 .. not too big not too small..

so, there are no more aesthetic problem between different mobile browser then..

[MrAndrew]

Hello! I`ve a question...

if i install a second gallery to the http://www.deine_seite.de/iphone/, how i will show photos from first (http://www.deine_seite.de/data/...)? How to do this?

I can`t understand how to do next:

parallel 4image installation, it is better really parallel,.. which mean if you install your main in www.mysite.com/4image .. then you do the same install under www.mysite.com/4imagemobile.. site by site.. not under it.. so it is important for the fisrt main installation better not to install under the root site. .. You dont have to copy 'data' folder.. because came from the same db, and you take the data from main folder as you redirect it at constant.php

How to install?
What parameters during install?
What to do next?
Which files replace after?

Thanks!

[Jan-Lukas]

Keine Ahnung warum ich das nicht weiter verfolgt habe 
OK, habe es jetzt eingebaut, klappt mit der Iphone Weiche auch bestens.
Nur da ich ja nicht alle Bilder in die parallel Seite schieben möchte, bräuchte ich noch eine Idee wie ich die anzeigen lassen kann.
LG Harald

[Jan-Lukas]

Sitze hier in Sardinien, und habe vergessen die Weiche wieder auszubauen 😳
Nun sehe ich wenigstens was andere User mit ihrem Handy sehen **nichts*** 😣
Jedenfalls keine Bilder
Lg
Harald