Textgröße ; rechter Rand bei breiten Bidlschirmen ; Traffic-Grenze und fremde Links

**Whiz-zarD** · 11.10.2008 21:47

Zitat von Ralph

Andererseits : es gibt doch sicher eine Möglichkeit mit PHP die Bildschirmbreite abzufragen und je nach Größe ein anderes Stylesheet zu nehmen. Oder ist das nicht möglich?

Es gibt dafür nen JavaScript Objekt

Code:

screen.width

Zitat von Ralph

Ich werde mir vielleicht ein paar andere Farben überlegen. Kann sein, dass ich das zu sehr ignoriert habe weil ich rot und gelb für sehr schöne Farben halte.
Grafiken wären vielleicht nett, ich wüsste aber nicht so recht, wo diese sinnvoll wären. Ich will keine Grafiken nehmen, wenn sie nichts bringen

.

Mit grafiken meinte ich keine Grafiken, die Sinnlos irgendwo hingeklatscht werden, sondern ein grafisches Weblayout.

**Ralph** · 18.10.2008 11:35

Zitat von Whiz-zarD

Zitat von Ralph

Andererseits : es gibt doch sicher eine Möglichkeit mit PHP die Bildschirmbreite abzufragen und je nach Größe ein anderes Stylesheet zu nehmen. Oder ist das nicht möglich?

Es gibt dafür nen JavaScript Objekt

Code:

screen.width

Hm, mit Javascript kenne ich mich nicht aus. Gibt es da vielleicht einen fertigen Code oder ein Code-Gerüst?

Ich suche auch noch immer eine Möglichkeit, das bisherige Trafficvolumen zu ermitteln. Hat einer dafür eine passende Lösung parat?

Derweil habe ich ein wenig am Design herumgewerkelt und mir folgendes Farbschema überlegt :

Die Menü-Links sind nun schwarz beschriftet und bräunlich umrandet, der Hintergrund ist etwas heller und eher gelblich. (Vorher sah es so aus : altes Layout mit gelb beschrifteten und orange umrandeten Buttons, sowie mit einem grau-grünlichen Hintergrund.)
Ist es jetzt besser?

**Whiz-zarD** · 18.10.2008 12:03

Zitat von Ralph

mit einem grau-grünlichen Hintergrund.)
Ist es jetzt besser?

Ehrlich gesagt, sieht es jetzt noch schlimmer aus.

**Ralph** · 18.10.2008 13:11

Zitat von Whiz-zarD

Ehrlich gesagt, sieht es jetzt noch schlimmer aus.

Der Hintergrund oder das Menü? Welche Farben würdest du denn vorschlagen?

**Whiz-zarD** · 18.10.2008 13:18

keine Farben. Ein komplett neues Design.

**Ralph** · 18.10.2008 21:42

Ich habe mich mal umgesehen und ein wenig über Javascript informiert. Um abhängig von der Bildschirmbreite verschiedene Stylesheets abzurufen habe ich jetzt diesen Code gebastelt (der bei mir funktioniert) und wollte fragen, ob er korrekt aufgebaut ist.

Code:

<head>
 <link href="style1.css" rel="stylesheet" type="text/css" id="css">
 <script type="text/javascript">
  function CSS_2 () {document.getElementById("CSS").href = "style2.css";}
  function CSS_3 () {document.getElementById("CSS").href = "style3.css";}
  if (screen.width >= 1200) {
   window.location.href = "javascript:CSS_2()";
  }
  else {
   if (screen.width >= 800) {
    window.location.href = "javascript:CSS_3()";
   }
  }
 </script>
</head>

Bei einer Breite von über 1200 Pixeln soll Style2 abgerufen werden, zwischen 800 und 1199 soll es Style3 sein und alles unter 799 Pixeln soll Style1 benutzen.

**Whiz-zarD** · 18.10.2008 21:50

naja, wenn ich ne Auflösung über 1200 habe, sind ja beide Bedingungen Wahr.
Also ich hab ne Auflösung über 1200 und über 800.

beim zweiten würde ich

Code:

(screen.width >= 800 && screen.width < 1200)

schreiben.

Somit wäre gewährleistet, dass wirklich nur Auflösungen zwischen 800 und 1200 erfasst werden.

**Spark Amandil** · 18.10.2008 23:18

Ich würde bei sowas prinzipiell nie nach der Auflösung gehen. Nur weil ich 1920x1200x2 nutze, heisst das noch lange nicht dass ich den browser auch im Vollbildmodus betreibe. (auch bei kleineren Auflösungen durchaus der Fall da ich zb gern Messenger immer im Blick habe)

Nach der Fenstergröße gehen wäre in dem Fall vermutlich sinnvoller

**Xardas der Dunkle** · 18.10.2008 23:29

wundert mich das das funktionieren soll ... der IE ist auch doof -.-

Code:

<head>
 <link href="style1.css" rel="stylesheet" type="text/css" id="css">
 <script type="text/javascript">
  function CSS_2 () {document.getElementById("css").href = "style2.css";}
  function CSS_3 () {document.getElementById("css").href = "style3.css";}
  if (screen.width >= 1200) {
   CSS_2();
  }
  else {
   if (screen.width >= 800) {
    CSS_3();
   }
  }
 </script>
</head>

**NPC Fighter** · 18.10.2008 23:53

Zitat von Spark Amandil

Nach der Fenstergröße gehen wäre in dem Fall vermutlich sinnvoller

Wobei natürlich auch dann nicht ausgeschlossen ist, dass der Benutzer die Größe des Browserfensters ändert.
Zusätzlich gucken Besucher mit deaktiviertem Javascript im ungünstigsten Fall komplett in die Röhre.

Will heißen: Die Javascript Methode ist eigentlich die schlechteste, da ist die statische Breite noch zu bevorzugen.

**Ralph** · 19.10.2008 13:43

Zitat von Whiz-zarD

naja, wenn ich ne Auflösung über 1200 habe, sind ja beide Bedingungen Wahr.
Also ich hab ne Auflösung über 1200 und über 800.

Hm, aber die ELSE-Bedingung wird doch nur aufgerufen, wenn die erste nicht erfüllt ist, oder? Demnach würde bei 1400 Pixel nur der erste Teil interpretiert werden.

Zitat von Spark Amandil

Nach der Fenstergröße gehen wäre in dem Fall vermutlich sinnvoller

Wie heißt denn dort das Element? window.innerWidth? Das funktioniert bei mir nicht.

Zitat von NPC Fighter

Wobei natürlich auch dann nicht ausgeschlossen ist, dass der Benutzer die Größe des Browserfensters ändert.
Zusätzlich gucken Besucher mit deaktiviertem Javascript im ungünstigsten Fall komplett in die Röhre.

Will heißen: Die Javascript Methode ist eigentlich die schlechteste, da ist die statische Breite noch zu bevorzugen.

Naja, ganz in die Röhre würden sie nicht schauen, da in dem Fall wo kein Javascript beachtet wird Style1 abgerufen wird (der steht ja außerhalb der Javascriptcodes). Oder habe ich das falsch verstanden?

**Xardas der Dunkle** · 19.10.2008 14:12

Zitat

Wie heißt denn dort das Element? window.innerWidth? Das funktioniert bei mir nicht.

Ja, weil der Internet Verblöder dieses Eigenschaft nicht interpretiert: http://de.selfhtml.org/javascript/ob...tm#inner_width
lese unter Beachten Sie:

Thema: Textgröße ; rechter Rand bei breiten Bidlschirmen ; Traffic-Grenze und fremde Links

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen