Zurück   PSD-Tutorials.de > Webbereich > (X)HTML & CSS


Antwort
 
Themen-Optionen
Alt 07.07.2012, 18:52   #1 Nach oben scrollen
baley
Gast
 

Beiträge: n/a

Website für´s Smartphone


hallo,

meine website ist jetzt ziemlich umfangreich. deswegen habe ich Sie fürs smartphone optimiert, (smartphone.css) jetzt will ich aber die ganzen inhalte einfach neu machen, also von der index.html auf eine andere html verweisen, bei zb. 480 px

HTML-Code:
<!-- Smartphone  -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">
<meta name="viewport" content = "width=device-width, user-scalable = no">

<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/smartphone.css" media="only screen and (min-width : 320px) and (max-width : 480px)">
<link rel="stylesheet" href="assets/css/ipad-portrait.css" media="only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait)">
<link rel="stylesheet" href="assets/css/ipad.css" media="only screen and (min-width : 768px) and (max-width : 1024px)">
<link rel="stylesheet" href="assets/css/iphone4.css" media="only screen and (-webkit-min-pixel-ratio : 1.5), only screen and (min-pixel-ratio : 1.5)">

oder muss ich alles per { display:none; } machen?
werden die inhalte geladen und einfach ausgeblendet, oder komplett ignoriert?
  Mit Zitat antworten


Alt 07.07.2012, 19:01   #2 Nach oben scrollen
mensch
HelperHelper
 

Registriert seit: 01.09.2009
Beiträge: 314
Kamera: 60D
Verwendet: CS6, C4D

Zitat:
Zitat von baley Beitrag anzeigen
werden die inhalte geladen und einfach ausgeblendet?
Ja genau, leider…

Aber du kannst mit Javascript Inhalte nachladen lassen wenn die Auflösung einen bestimmten wert übersteigt.
  Mit Zitat antworten
Alt 07.07.2012, 19:50   #3 Nach oben scrollen
baley
Gast
 

Beiträge: n/a

ja responsive wäre sie, wenn ich eben die css variante verwenden würde, jedoch habe ich einige jquery inhalte, und fürs smartphone will ich die seite so schlank wie nur möglich halten, also quasi eine vertikale seite ohne buttons/verweise sonstiges... so würde sich eine "neue" website anbieten

wie funktioniert das mit dem js die inhalte zu blockieren?
  Mit Zitat antworten
Alt 07.07.2012, 21:33   #4 Nach oben scrollen
mensch
HelperHelper
 

Registriert seit: 01.09.2009
Beiträge: 314
Kamera: 60D
Verwendet: CS6, C4D

ob das mit dem Inhalt ausblenden nun sinnvoll ist oder nicht ist von hier aus schwierig zu beurteilen. Auf die diashow im Header kann ich z.B. auf meinem iPhone getrost verzichten. Ich denke aber das du weißt was du tust

Die wahrscheinlich einfachere Variante ist mit prototype.js. Das ist ein Framework mit dem du mittels AJAX-Requests einzelne divs dynamisch befühlen kannst.

Da du aber schreibst das du auch einige jQuery Inhalte benutzt und so mit der Denkweise von jQuery vertraut bist, ist vielleicht diese Lösung für dich interessanter: .load()

PS: Aber ich würde dennoch mal überlegen ob du nicht doch alle Inhalte auf deiner mobilen version anbieten willst. Ansonsten ist eine Möglichkeit auf alle Inhalte auch am Smartphone zugreifen zu können Pflicht!
  Mit Zitat antworten
Alt 08.07.2012, 14:39   #5 Nach oben scrollen
baley
Gast
 

Beiträge: n/a

was sasgt ihr zu :
Zitat:
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>
das funktioniert doch auf jedem smartphone was einfach kleiner als 700px ist oder?
  Mit Zitat antworten
Alt 08.07.2012, 18:55   #6 Nach oben scrollen
mensch
HelperHelper
 

Registriert seit: 01.09.2009
Beiträge: 314
Kamera: 60D
Verwendet: CS6, C4D

Ja das solte so klappen, aber dann musst du leider erst ein HTML Dokument vorschalten in dem dann entschieden wird welches HTML Dokument nachgeladen werden soll. Die nachgeladene HTML Datei ersetzt ja nicht die vorherige sondern hängt sich nur hinten dran

-> und damit währe natürlich jegliche Suchmaschienen Optimierung im ar***
  Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe für/bei Smartphone gestandeneFrau Off-Topic 8 20.06.2012 19:04
überprüfen der hp auf smartphone browser cat82 Allgemeines 3 12.12.2011 19:40
Umfrage für Diplomarbeit "Smartphone als Arbeitsmittel" Master09 Off-Topic 17 10.11.2011 21:43
Smartphone-Verteilung in der Community pascal-bajorat Off-Topic 11 25.12.2010 22:08