Nach dem schönen, warmem Mai, den wir genutzt haben um viele wichtige Basisfunktionen (für zukünftige Erweiterungen) zu implementieren, wollen wir mit dem Monat Juni ein "Sommerfestival" neuer Funktionen einleiten, um unser System zum besten Homepage-Baukasten den es auf dem Markt gibt, zu machen! In den nächsten Wochen und Monaten werden Sie in relativ kurzen Abständen weitere Newsletter erhalten worin wir Ihnen neue Funktionen und Tools vorstellen werden. Ein Teil dieser Funktionen werden nur für die Premiumversion freigegeben. Wir bitten dafür um Verständnis. Die Weiterentwicklung und der Support kostet nun mal Geld und die Nutzer der Premiumversion finanzieren diesen Service, so dass wir diese Unterstützung natürlich auch mit zusätzlichen und exklusiven Funktionen honorieren möchten. Es gibt auf dem Markt kein System, dass zu so günstigen Konditionen so viele Möglichkeiten bietet. Ein Umstieg auf die Premiumversion lohnt sich daher in jedem Fall. Ihre Inhalte können selbstverständlich jederzeit bei einem Update mitgenommen werden. Das heutige Update steht allerdings allen unseren Usern zur Verfügung.

Bitte schicken Sie Ihre Anmerkungen zum Newsletter immer direkt an mfs@cms4people.de. Vielen Dank. So nun wollen wir Sie nicht länger auf die Folter spannen und wünschen Ihnen viel Spaß beim Lesen und Ausprobieren.

Bisher konnten Sie lediglich ein Designbild (Header-Bild) an die vorhandene Fläche anpassen. Damit Sie zukünftig mehr Möglichkeiten nutzen können, haben wir unsere gesamten Designvorlagen komplett überarbeitet und um weitere Funktionen ergänzt. Der neue Dialog zur Platzierung von Designbilder sieht so aus:



Welche neuen Möglichkeiten stehen Ihnen nun zur Verfügung?
Positionierung des Bildes: Mit den beiden Auswahlmenüs können Sie nun jedes eigene Bild horizontal (Punkt 3) und vertikal (Punkt 4) ausrichten. Für horizontal können Sie aus links, mittig und rechts auswählen. Vertikal erlaubt sind oben, mittig und unten.
Wiederholung des Bildes (Kachelung): Mit diesem Menüpunkt können Sie nun genau wie im Hintergrund Bilder kacheln (Punkt 2). Sie entscheiden zwischen Keine Kachelung, Horizontale Kachelung, Vertikale Kachelung und Kachelung. Eine kurze Erklärung dazu: Keine Kachelung ist klar, das Bild wird nur einmal angezeigt in der Position, die Sie vorgeben. Horizontale Kachelung bedeutet, dass Bild wird horizontal so oft wiederholt, bis die Breite komplett ausgefüllt ist. Vertikale Kachelung sorgt dafür, dass Ihr Bild solange wiederholt wird, bis die Höhe komplett ausgefüllt ist. Kachelung wiederholt das Bild in beiden Ausrichtungen und die gesamte Fläche wird von dem platzierten Bild ausgefüllt.
Bild an das Layout anpassen: Dieser Menüpunkt (Punkt 1) ist bereits bekannt, da diese Funktion schon länger online ist. Bitte beachten Sie, dass aus technischen und Gründen der Kompatibilität dieses Menü nicht sichtbar ist, wenn das Design Bilder benutzt, die eine unterschiedliche Höhe haben können. Sie erkennen das daran, dass die Darstellungsgröße nur die Breite benennt und die Höhe mit 0 Pixel angegeben wird. Beachten Sie ferner, das die
eingestellten Effekte mit den vorgegebenen Designbildern nicht sichtbar sind, da diese Bilder immer genauso groß sind, wie die gesamte Fläche des Headers. Um eine Kachelung zu erzeugen, sollte das Bild (oder Muster) entsprechend klein sein.

Wichtig: Wir haben die Symbole oben in der Admin-Leiste neu geordnet und umbenannt. Das Symbol Design-Hintergrund bleibt zwar, heißt aber zukünftig Design-Optionen, da dort mehrere Karteikarten zusammengefasst sind. Derzeit sind das vier Karteikarten, neben dem Hintergrund (diese Karteikarte ist unverändert) gibt es drei neue Karteikarten. Inhalts-Elemente, Design-Elemente und Einstellungen. Fangen wir mit der interessantesten Karteikarte (Design-Elemente) an. Über diese Karteikarte können Sie ab sofort das Design Ihrer Webseite komplett mit wenigen Klicks verändern. Die Karteikarte sieht so aus:



Welche neuen Optionen bietet diese Karteikarte?
Elemente im Design aus- und einblenden: Zukünftig werden wir Ihnen die Entscheidung überlassen können, ob Sie alle Elemente einer Designvorlage nutzen wollen oder nur bestimmte Teile davon. Das eröffnet Ihnen als Gestalter der eigenen Homepage ungeahnte Chancen, ein komplett neues Design für Ihre eigene Webseite zu entwickeln und zwar mit sehr wenig Aufwand und natürlich ohne das Sie Programmierkenntnisse haben müssen. Wir zeigen Ihnen das nach dieser Erklärung kurz anhand eines Beispieles.
Ab sofort verfügbar ist die Möglichkeit, Linien eines Designs komplett auszublenden. Bisher haben fast alle Designvorlagen um die einzelnen Bereiche (Inhalt, Navigation und Header) Rahmen (Linien) gehabt. Da Linien leider nicht durchsichtig gemacht werden können (was bei Flächen möglich ist) gab es keine technische Möglichkeit, Linien auszublenden. Aus diesem Grund wurden von uns erste Designvorlagen ohne Linien erstellt. Wir hätten nun einfach jede vorhandene Designvorlage umbauen können und Ihnen diese dann zusätzlich ohne Linien anbieten können. Da wir allerdings in den nächsten Monaten lieber ganz viele neue Designvorlagen mit Sidebar und anderen Optionen entwickeln wollen, haben wir statt dessen alle vorhandenen Vorlagen um zusätzliche Optionen erweitert. Sie können mit diesem Update alle Linien beliebig ein- oder ausblenden. Gehen Sie einfach auf das Symbol "Design-Optionen" und dann auf die Karteikarte "Design-Elemente". Mit einem Klick deaktivieren Sie alle Linien des gewählten Designs (Punkt 1). Sobald Sie den Dialog speichern werden die Einstellungen übernommen und die Webseite ohne Linien angezeigt. Wie so ein Design ohne Linien und mit der Möglichkeit der freien Platzierung aussehen kann, haben wir unter der Adresse http://00248.retail1.c4pserver.de/index.html einmal vorgemacht. Dieses Beispiel ist derzeit noch mit der alten Version gemacht (Linien lassen sich nicht ausblenden und die Seite ist immer mittig) und wird bis spätestens Donnerstag auf die neue Version umgestellt. Da wir ein PNG als Head-Images verwenden (um einen durchsichtigen Verlauf zu realisieren) sieht das Design im Explorer 6 nicht ganz so perfekt aus. Wie haben wir das Design umgebaut? Nun, zuerst haben wir uns ein Design ausgesucht mit der entsprechenden Bildgröße. In diesem Fall aus dem Layout Nr. 162. Dann haben wir zwei Bilder hochgeladen. Einmal ein neues Header-Images mit einem durchsichtigen Verlauf und eine Kachel mit der geplanten Hintergrundfarbe. Diese Kachel haben wir anstelle des Bild Nummer 2 (unter der Navigation) eingesetzt. Nachdem wir die Bilder ausgetauscht haben, wurden alle Flächenfarben auf durchsichtig gesetzt, die Linien im Design ausgeschaltet und das Design links im Browser platziert. Da das Design als Defaultwerte unter jedem Content eine Linie gezeichnet hat, haben wir diese Defaultwerte über die neue Karteikarte "Inhaltselemente" überschrieben. Das ganze geht sehr schnell und einfach. Wenn Sie Bilder verwenden mit unregelmäßigen Kanten und statt einer Farbe ein dezentes helles Bild in den Hintergrund legen, stehen Ihnen unendlich viele Möglichkeiten offen, neue interessante Webseiten zu gestalten. Wenn Sie eine Premiumversion (nur 4 Euro im Monat) nutzen, können Sie alle Ihre Entwürfe abspeichern und so zum Beispiel öfter mal mit einem Mausklick frischen Wind in das Design Ihrer Webseite bringen. Wir sind sicher, Sie werden diese neuen Funktionen lieben und wir würden uns freuen, wenn Sie uns ein Feedback dazu geben könnten.
Demnächst verfügbar sind die ersten Designvorlagen mit einer Sidebar. Wenn Sie ein Design nutzen, dass eine Sidebar hat, dann können Sie über diese Karteikarte die Sidebar genauso ein- und ausblenden wie Sie das mit Linien machen. So können Sie in Ruhe die Sidebar mit Inhalten füllen oder überarbeiten, ohne das Ihre Besucher das sehen können. Mit der Sidebar wird es eine Vielzahl an neuen Funktionen geben. Neben der Sidebar wird es wahrscheinlich weitere, neue Elemente geben, die Sie global ein- und ausblenden können. Wir halten Sie auf dem Laufenden.

Kommen wir zu der Karteikarte "Inhalts-Elemente". Die Karteikarte kennen Sie bereits. Bei jedem Content (Abschnitt) gibt es ein Designpanel, wo Sie die Möglichkeit haben, das Aussehen der einzelnen Abschnitte zu gestalten (Linien, Abstände und Hintergrundfarbe). Bei vielen Designvorlagen haben wir über eine Configurationsdatei Vorgaben mitgeliefert, die dafür gesorgt haben, dass zum Beispiel jeder neue Abschnitt automatisch eine Linie unten erhalten hat. Leider musste man bisher jeden einzelnen Abschnitt bearbeiten, wenn man diese Linie nicht haben wollte. Ab sofort können Sie das global steuern. Nutzen Sie die Karteikarte Inhalts-Elemente und bestimmen Sie zentral, wie alle Abschnitte auf Ihrer Webseite gestaltet werden sollen. Mit den Optionen in Punkt 1 können Sie alle Abschnitte umrahmen oder nur einzelne Ränder mit einer Linie versehen. Die Angaben bei Punkt 2 bestimmen den Abstand des Inhaltes eines Abschnittes zum Rand. Die Rahmenfarbe ändern Sie dort, wo Punkt 3 gekennzeichnet ist. Beachten Sie, dass Sie (Punkt 4) einen Hintergrund natürlich auch durchsichtig machen können, indem Sie die Farbe einfach löschen. Alle diese Einstellungen wirken sich auf alle platzierten Inhaltselemente aus. Damit haben Sie erstmals die Möglichkeit, mit einem Mausklick den gesamten Inhalt Ihrer Webseite zu gestalten.

Zum Schluss möchten wir Ihnen die Karteikarte Einstellungen vorstellen. Derzeit gibt es dort zwar nur zwei Optionen, diese sind ebenfalls neu und helfen Ihnen bei der Gestaltung Ihrer Webseite. Punkt 1: Abstand zwischen Layoutrand und Inhalt. Alle Inhalte sind in einem sogenannten Inhalts- oder Contentblock eingebaut. Bisher war der Abstand zum Rand fest vorgegeben (10 Pixel). Ab sofort entscheiden Sie, wie dicht Sie den Inhalt an den Rand platzieren wollen. Wenn Sie die Linien (Ränder) ausschalten, möchten Sie vielleicht, dass der Inhalt ganz bis zum Rand geht. Tragen Sie dann einfach 0 Pixel in das Feld ein. Wenn Sie möchten, dass der erste Inhalt zum oberen Rand mehr Abstand bekommt, können Sie weiterhin natürlich jeden Abschnitt mit eigenen Werten versehen um den Inhalt etwas nach unten zu verschieben. Punkt 2: Abstand zwischen den Inhaltselementen. Sie haben die Möglichkeit, beliebig viele Abschnitte auf einer Seite untereinander anzulegen. Zwischen jedem Abschnitt wurde bisher ein fest eingestellter Abstand gelassen. Jetzt haben Sie hier die Möglichkeit, diesen Abstand zu verändern. Sie können alle Abschnitte direkt aneinander stoßen lassen oder wenn Sie Platz mögen, zwischen jedem Abstand einen größeren Platz lassen. Beachten Sie nur, dass die Einstellung für alle Abschnitte auf allen Seiten gleichzeitig gilt. Es ist möglich, mit dem Designpanel der einzelnen Abschnitte, den Platz individuell zu vergrößern. Es ist aber nicht möglich, den Platz zwischen den Abschnitten für einzelne Abschnitte kleiner zu machen als hier global angegeben ist.

Viele unserer User haben angefragt, ob es möglich ist, auf unsichtbare Seiten zu verlinken. Da eine unsichtbare Seite niemals angezeigt werden kann (sonst wäre es keine unsichtbare Seite mehr) ging das natürlich nicht. Trotzdem gibt es eine technische Lösung wie man den Wunsch unserer User erfüllen kann. Es ist ab sofort möglich, Seiten aus der Navigation zu nehmen, die Seiten sozusagen vor dem Zugriff des Besuchers zu verstecken. Wenn eine Seite nicht in der Navigation zu sehen ist, kann man diese Seite nur erreichen, wenn man den direkten Link kennt. Sie können jetzt also auf Ihren Seiten Verlinkungen zu versteckten Seiten anlegen um Ihre Besuche auf diese Seiten zu führen. Es gibt dafür viele Anwendungsbeispiele. Ein Grund warum man ausgeblendete Seiten verwendet ist der, dass man die Navigation schlanker hält und dass man Seiten erst dann für Besucher erreichbar macht, wenn dieser vorab Informationen gelesen hat. Sie könnten zum Beispiel etwas über Ihre tolle Bildergalerie schreiben und am Schluss des Textes dann eine Verlinkung zu dieser Bildergalerie anlegen, die auf eine versteckte Seite erstellt worden ist. Beachten Sie bitte, dass Sie natürlich im Admin-Modus immer die Seiten sehen, um diese auch bearbeiten zu können. Die Funktion haben wir in die Seitenverwaltung eingebaut, die Ihnen ja bekannt ist.

Sie gehen folgendermaßen vor, um eine Seite auszublenden. Öffnen Sie die Seitenverwaltung und klicken Sie auf die Seite, die Sie ausblenden möchten. Klicken Sie dann auf das Symbol zum Bearbeiten der Seite. Auf der rechten Seite erscheinen alle möglichen Optionen zum Bearbeiten einer Seite. Gehen Sie zum Punkt Verlinkung (Punkt 1) und öffnen Sie das Auswahl-Menü. An zweiter Stelle finden Sie nun den Punkt 2 "Navigation ausgeblendet". Wählen Sie diesen Punkt aus und speichern Sie die Änderung. Wenn Sie nun links in die Seitenübersicht sehen, erscheint hinter dem Seitennamen der ausgeblendeten Seite (Punkt 3) in Klammern der Hinweis (ausgeblendet). So sehen Sie auf einen Blick, welche Seiten ausgeblendet sind. Schließen Sie den Dialog und loggen Sie sich aus. Die versteckte Seite ist nicht mehr über die Navigation erreichbar.
Wozu kann man diese neue Funktion nutzen? Sie können auf ausgeblendete Seiten natürlich verlinken. Nehmen wir einmal an, Sie haben eine Vielzahl an Galerien, die Sie allerdings nicht über die Navigation anzeigen möchten, sondern indem Sie auf der Titelseite (oder jeder anderen Seite) einen kleinen Text mit Bild und einem Link zu jeder Galerie schreiben. Der Besucher klickt dann auf den angegebenen Link und kann damit die entsprechende Seite mit der Galerie aufrufen. Um eine ausgeblendete Seite zu verlinken, benötigen Sie natürlich die entsprechende Adresse. Jede Seite Ihrer mit cms4people erstellten Homepage hat eine Nummer. Die Seite selbst hat immer einen Link wie folgt: www.meineseite.cms4people.de/xx.html. Das xx steht für die entsprechende Nummer. Oben im Screenshot der Seitenverwaltung sehen Sie im rechten Bereich ganz oben über den Eingabefeldern eine Zeile Bearbeitung (Punkt 4): Formulare intern (ID: 75). Das bedeutet, die Seite "Formulare intern" hat die Seitennummer 75. Diese Seite würde dann folgenden Link haben: www.meineseite.cms4people.de/75.html. Alternativ kann man jeder Seite einen Aliasnamen geben. Dann würde der Link wie folgt aussehen: www.meineseite.cms4people.de/Aliasnamen.html. Der Aliasnamen wird in der Feld "Alias" (Punkt 5) eingeben, was direkt unter dem Seitennamen steht. Bitte achten Sie darauf, dass Sie keine Sonderzeichen verwenden und das Sie die Seite nicht index nennen, es sei denn Ihre Seite soll die Startseite sein (was bei einer ausgeblendeten Seite sicher nicht der Fall sein kann). Nachdem Sie den Link ermittelt haben, können Sie diesen nutzen, um damit eine Verlinkung zu erstellen. Für Premiumkunden: Bitte beachten Sie, dass bei Ihnen natürlich nicht ".cms4people" im Link erscheint, sondern nur Ihre Domain. Wenn Sie die Verlinkung im Texteditor machen, können Sie wie bisher zur Verlinkung natürlich die Option "interne Seiten verlinken" nutzen. Ausgeblendete Seiten erscheinen weiterhin in der dort eingeblendeten Seitenübersicht.

Da wir Ihnen bald die Möglichkeit geben werden, das Aussehen der Navigation in einem Design auf einfache Weise zu verändern indem Sie einfach vorgefertigte Navigationsstile auswählen, war es notwendig, den Farben-Dialog zu teilen. Zukünftig finden sich in dem Dialog "Designfarben" nur noch die Farben für die Linien und Flächen (Hintergründe). Alle Einstellungen für die Navigation werden in einer neuen Karteikarte ausgelagert.

Wie Sie sehen können, haben wir nun dafür gesorgt, dass die Farbzuweisung einfacher wird. Sie sehen nicht mehr einzelne Zahlen sondern eine Beschreibung, welcher Bereich die Farbe benutzt. Sollte ein Design neben den klassischen Elementen Inhalt, Header und Navigation Schmuckflächen verwenden, werden diese alle als Sonderfarben benannt, da eine genauere Zuordnung aufgrund der Vielzahl an Möglichkeiten nicht vorgenommen werden konnte. Wir denken trotzdem, die neuen Angaben erleichtern Ihnen die Gestaltung erheblich.
Punkt 1: Hier werden alle Flächenfarben (Hintergrundfarben) aufgelistet. Wie man bei Punkt 3 sehen kann, hat man natürlich die Möglichkeit, sämtliche Farben zu löschen und alle Flächen damit durchsichtig zu machen. Unter Punkt 2 werden die Farben für die Linien aufgelistet. Bei Linienfarben fehlt die Möglichkeit, die Farbe zu löschen (Punkt 4). Linien ohne Farbangaben werden automatisch schwarz dargestellt.



Bei der neuen Karteikarte für die Navigationsfarben gab es auch eine Änderung. Ab sofort sind die Farben nach den einzelnen "Zuständen" angeordnet. Wenn Sie die Farben der Navigation ändern wollen, wenn jemand mit der Maus über den Navigationspunkt geht (Hover) dann können Sie jetzt an einer Stelle alle Bereiche (Schrift, Fläche und Linie) für den Zustand Hover auf einmal ändern und behalten viel besser den Durchblick. Es gibt bei einer Navigation 4 Zustände. Wenn die Navigation nicht "besucht" wird, dann wird der normale Zustand (Punkt 1) angezeigt. Man muss allerdings unterscheiden zwischen der Navigation und den einzelnen Seiten (Navigations-Einträgen) in einer Navigation. In der Navigation können gleichzeitig mehrere Zustände angezeigt werden. Eine Seite ist zum Beispiel gerade angeklickt worden und Unterseiten sind aufgeklappt. Dann sind alle anderen Seiteneinträge in einem "normalen" Zustand. Die aufgeklappte Seite ist "aktiv" (Punkt 2) und die Seite, auf der gerade unserer Mauszeiger steht hat den Zustand "Hover" (Punkt 3). Sollten wir nun auf eine der aufgeklappten Unterseiten klicken, dann wird diese Unterseite natürlich die aktive Seite und der Zustand der "Mutterseite" welche die Unterseiten aufgeklappt hat, wechselt zum Zustand "Kette" (Punkt 4). Wir haben die Möglichkeit, für alle diese Zustände Farben zu definieren, die dann angezeigt werden, wenn der Zustand eintritt. Eine Navigation kann mehrere Ebenen haben. Die letzte Ebene hat immer nur drei Zustände, da es keine weiteren Unterseiten gibt, kann keine Seite den Zustand "Kette" annehmen. Wie in Punkt 5 zu sehen (und natürlich auch bei den anderen Zuständen) kann man die Hintergrundfarbe einstellen (natürlich auch hier auf durchsichtig durch Löschen der Farbe), die Schriftfarbe und die Farbe der verwendeten Linien.
Kleiner Ausblick bzgl. der Navigation: Unter Punkt 6 sehen Sie eine vierte Karteikarte "Template/Vorschau". Hier werden Sie in einigen Wochen die Möglichkeit haben, aus verschiedenen Farbschemen und Navigationsvorlagen eine passende Navigation auszuwählen. Selbstverständlich wird Ihnen in einer Vorschau genau gezeigt, wie Ihre Auswahl aussieht. Wenn Sie die gewählte Navigation farblich anpassen möchten, wechseln Sie einfach zu den anderen Karteikarten und ändern wie gewohnt die Farben. Auf der Karteikarte Template/Vorschau können Sie jederzeit kontrollieren, wie die Farbveränderungen sich auf die Navigation auswirken, da die Vorschau sich dynamisch an Ihre Einstellungen anpasst. Ebenso werden Sie die Möglichkeit haben, eigene Farbschemen abzuspeichern. Ob diese Funktion auch den kostenlosen Versionen zur Verfügung stehen wird, können wir noch nicht mit Bestimmtheit sagen. Eines ist aber sicher. Wir kennen kein anderes System, das im Bereich Navigation diese Möglichkeit bietet. Sie erhalten damit noch mehr Kontrolle über Ihr eigenes Design und das auf ganz einfache Art und Weise.