der Stromsparer
» Home

Das Layout

Dieses Design heisst: "Relaxen im Stadtpark".

Das Design haben wir so angelegt, das Sie das obere Foto ggflls tauschen könnten und die Transparenz trotzdem erhalten bleibt. Ihr Foto würde sich dann auch wie zu sehen hinter das Inhaltsfeld legen und sehr effektvoll dann auf der rechten Seite nach unten hin einen grösseren Ausschnitt zeigen.


Die Technik

Dies ist ein flexibles Template, z.B. Breite der Gesamtkonstruktion, Breite der rechten Spalte oder Höhe des oberen Bereiches/Bildes anpassbar.



Das Besondere an diesem Template: Es ist ein Transparenz-Layout, welches flexibel und anpassbar ist, z.b. können Sie die Breite oder Höhe der transparenten Felder ändern und alles passt sich auch verschiedenen Bildschirm-Auflösungen (z.b. 1024x768 oder 1280x720 o.ä.) an. Die transparenten Teile sind die News-Felder oben rechts, der Mouseover beim Doppel-Menü oben und das Feld beim Seitentitel - hier für die Startseite: "home".



In der News-Rubrik könnten Sie immer die jeweils letzten drei Neuigkeiten -ggflls. auch mehr- darstellen und dann z.B. auf die News-Seite per Anker verlinken.



Sie können die Breiten anpassen- und zwar ganz oben in der Datei "format.css" bei:
/* breite der gesamtkonstruktion  */
#breite {width:90%}

/* breite der linken spalte in pixel */
#breite_spalte_re {width:360px;}
Zur Erklärung:
Die Gesamtkonstruktion beträgt 90% von 100% der Monitorbreite.
Die rechte Spalte erhält 360 Pixel in der Breite, das Inhaltsfeld nimmt sich mit 100% Breite immer den Rest. Alle vorstehend genannten Werte sind veränderbar.


Die Navigation

Textlinks in allen Menüs. Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen. Das Menü in der rechten Spalte ist beliebig erweiterbar. Oben haben wir für Sie ein bei Mouseover transparentes Doppel-Menü als Haupt-Menü ausgewählt.

Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link: Beispiel-Link

Nicht nur für die Mouseover-Anpassung der Links im Inhaltsfeld, auch für weiterführende Links, die Sie eventuell einsetzen könnten, haben wir gesorgt: Sehen Sie hierzu bitte die Links in den News-Boxen oben rechts oder die Beispiel-Links in der "More Information-Box". Individuell einstellbar sind dort z.b. Schriftgrösse, Schriftfarbe, Mouseover o.ä. Nur falls Sie es ändern möchten, wir haben es ja bereits - bezogen auf dieses Design - für Sie angepasst.


Die Transparenz

Die transparenten Anteile (auch der Mouseover im Menü oben, also bei Mausberührung) funktionieren per PNG-Grafiken. Mittlerweile können alle modernen Browser transparente PNG darstellen.

Für den Brower Internet-Explorer in der Version 6, welcher noch keine transparenten PNG darstellen kann, erfolgt die Transparenz über einen CSS-Filter, der über eine Browserweiche ("alphafilter_iec.css") aktiviert wird.


Dead Text

Beispiel Füll Text. Klar, längere Monatsnamen im News-Bereich oben rechts sollten Sie natürlich abkürzen,damit dieser in das "Kalenderblatt" passt. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Liste mit Aufzählungszeichen "square", nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper
Morbi vitae nisl at felis placerat porttitor. Curabitur suscipit vehicula est. Donec venenatis. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

Liste mit Aufzählungszeichen "square", verlinkt:
Maecenas a nulla. Maecenas nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu massa. In semper. Morbi vitae nisl at felis placerat porttitor. Morbi molestie. Cras ligula sapien, consequat sed, scelerisque ut, pulvinar vel, sem. In vulputate gravida orci.


Die Fotos

Weitreichende Grün-Anlagen gibt es nicht nur in New York (Central Park), sondern auch in jeder größeren Stadt Deutschlands. Gemeinsam haben Sie oft eine zentrale Lage innerhalb der Stadt. Sie laden zum Entspannen (Relaxen) ein und sind ein willkommener Gegensatz zu der in der Innenstadt konzentrierten "hektischen Geschäftwelt".

Lokalität der nachfolgenden Fotos:
Die "Wall-Anlagen" der Hansestadt Bremen.






.: Strom sparen-Umwelt schützen  :.