Template Journey Block 2 und 3

[pepso]

Hallo Herbi,

melde mich mal wieder.
Die Forumseite war kurzfristig nicht zu erreichen.
Hab viel herum gespielt und angepasst.
Was hälst Du davon?

LG.
Pepso

[herbi]

Hallo pepso,

du bist ja fleißig am werkeln.    

Was mir bei der Prüfung mit FF und FireBug aufgefallen ist, dass die "logobox" einen anderen Wert für left hat, als die Werte für die Contentbox und des Menus.

Die Logobox ragt deshalb (nur sichtbar mit FF) in die "leftpicbox" hinein.
Hier müsste der Wert für "left" vergrößert werden.

Der Wert für die Contentbox sollte in der Breite etwas verringert werden.
590px wären ein guter Wert.

Aber, dies ist nur ein Tip.
Wenn du FF und das Addon "FireBug" benützen würdest, so könntest du die Auswirkungen sehen.
Mit der Live-Bearbeitung wären die Änderungen sofort kontrollierbar.

Was mir noch aufällt.

Bist du dir sicher, dass dein Wert für "pagemargin" von (105em), deine Website richtig anzeigt bei Besuchern die Monitore mit einer Auflösung von z.B. 1280x1024px oder 1024x768px benutzen?

105em=1680pixel
Kannst du hier überprüfen: http://calculator.tobani.com/convert/px-to-em

Ein guter Wert, um die gebräuchlichsten Auflösungen gut zu bedienen, wäre m.E. 75em (1200px).

Die Seite hätte mit einem Monitor und der von mir bevorzugten Einstellung einen breiteren, blauen Rand, aber bei einer Auflösungseinstellung von 1280x1024 einen gerade noch sichtbaren blauen Rand.

Probier dies mal aus bzw. "google" mal im Web oder hier im Forum nach diversen Hinweisen.

[pepso]

Hallo Herbi,

wie immer einen herzlichen Dank für Deine Patenschaft.
Das Addon "FireBug" habe ich installiert - weis nur nicht wie das Teil aufgerufen oder bedient wird.
Deine Vorschläge werde ich dann mal umsetzen.
Schau mer mal.

Gruß
Pepso

[herbi]

Hi,

Aufruf mit F12

Wenn du nun mit der Maus den Quellcode bearbeitest, werden dir die einzelnen Bereiche hervorgehoben.
Da siehst du ganz genau, was wo ist.

Und, du kannst wechseln zwischen Html und CSS Code.
Auch die einzelnen CSS-Dateien sieht man und können bearbeitet werden.

Einfach mal in Ruhe ansehen.

   

[pepso]

Hi Herbi,

habe angepasst - wie sieht es jetzt aus?
Bin aber selbst nicht ganz glücklich mit dem Erscheinungsbild.
Habe nun mehrere Bildschirmauflösungen getestet, und bin total erschrocken.
Je kleiner die Bildschirmauflösung wird je schlechter wird das Ganze.
Bei 1024x768 ist nichts mehr auf seinem Platz wo es hingehört.
Meine Auflösung ist 1440x900 , da ist ja alles Super - aber bestimmt nicht bei 90% der User.
Hätte man die Möglichkeit das Template dynamisch zu machen?
So das bei jeder Bildschirmauflösung das gleiche Erscheinungsbild zu sehen ist.

Ach ja - wie bekommen ich denn den hellblauen Hintergrund weg?

LG.
Pepso

[herbi]

Hi,

so wie es im Moment aussieht, ist es nicht zentriert und alles an seinem Platz.

Wenn du es zentriert haben möchtest und es soll für alle gleich aussehen, so wird eine größere Umarbeitung unumgänglich sein. Oder, du stimmst es so ab, dass es für den kleinsten gemeinsamen Nenner, Auflösung 1024x768, optimiert wird.

Dazu musst deine Maximalbreite geändert werden und dementsprechend die anderen Container.

Ich mache mich heute mal dran und sende dir entweder eine PM oder eine Mail.

Ach ja - wie bekommen ich denn den hellblauen Hintergrund weg?

Den Farbwert für "body" ändern. 

[herbi]

Hallo Pepso,

im Anhang ist nun ein neues Template (journey1).
Dieses wurde nach dem hier http://www.maxdesign.com.au/articles/css-layouts/three-liquid/ angepasst.

Die Original-Dateien sind auch noch enthalten.
Diese sind lediglich umbenannt.

Dieses Template ist nun für alle Auflösungen.
Es passt sich automatisch dem Bildschirm an.
Wenn du in der "main_var1.css" den Wert für den DIV "container" veränderst, z.B. auf 100%, steht imMoment auf 95%, oder 75%, so ändern sich die Seitenränder entsprechend.

Alles andere ist dynamisch. Sollte es wenigstens sein.  

Die Bildgrößen musst du natürlich dementsprechend etwas anpassen.

Was nicht eingebaut ist, ist das Suchfeld und eine LoginBox.
Ein evtl. benötigtes Login wäre m.E. überein Droplet eh besser.
Da kannste es auf jeder Seite einbauen.

Die Suchbox, wenn diese noch gebraucht würde, muss halt noch eingebaut werden.
Wenn du diese einbaust, so würde ich diese in der rechten Box, oben, einbauen.

Probier es ´mal aus und gebe Bescheid.

[pepso]

Hi Herbi,

hab alles installiert - ohweh. ohweh.
Alles zerschossen.
Schau selbst einmal - hab es mal so gelassen.
Hab ich was falsch gemacht?

Ich denke mal mit dem Script komme ich nicht klar - da reichen meine Fähigkeiten nicht aus.

LG
Pepso

[herbi]

Hi,

Mit welchem Script?

Nur das Template "journey1" installieren.
Sonst  nichts!!  

Dann sieht es so aus wie im Bild mit FireFox.  
Das zweite Bild ist vom IE 8.  

Dieses Template enthält die Original Daten (Index.php, main.css).
Die urspruengliche Index ist umbenannt in index_original.

In der Neuen-Index sind die DIV-Bereiche anders definiert.
Diese wirken mit der neuen main_var1.css zusammen.

Wenn es nicht klappen sollte, richte mir mal einen Gastzugang ein und schreibe mir per PM die Daten.    

Hier auch noch einmal das Template...

[pepso]

Moin Moin,

habe nun alles richtig gemacht - mea culpa.
Das ist wirklich absolut spitze 
Ein ganz großes Lob.
Nun wird sich diese Woche entscheiden, ob ich es einsetzen kann (Vorstandsbeschluss nötig).
Wenn dem so ist, würde ich mich dann gerne erkenntlich zeigen.
Zu gegebener Zeit dann mehr.
Vorerst aber ein ganz großes Dankeschön.
Kann natürlich sein, das ich das ein oder andere nochmal nachfragen muß.

bis dann LG.
Pepso

[herbi]

  

Alles klar!!

[pepso]

Hallo Herbi,

wenn Du möchtest, können wir auf einer anderen Ebene komunizieren.
b-k-b (at) online.de

Gruß
Pepso