Zu ideeFix Tipp-Übersicht

ideeFix antwortet:
ideeNet: Umstellung auf Kacheldesign



Die ideeNet® Startseite kann auf das Kacheldesign umgestellt werden, das auf der Extras-Seite schon seit Jahren so ausgeliefert wird:

1. Vorgehensweise

Starten Sie ideeNetAdmin und zeigen Sie die Seite Seiten-Design an.

Kopieren Sie die bisherigen Inhalte der drei Seitenbausteine Header, Footer und Startseite über die Zwischenablage in eine TXT- oder DOCX-Datei, um den alten Stand zu sichern.

Danach löschen Sie diese drei Seitenbausteine vollständig. Ihre Seite sieht jetzt so aus:

Scrollen Sie jetzt an das Seitenende und klicken Sie auf Speichern.

Wenn Sie jetzt die drei Seitenbausteine anschauen, sind diese mit dem aktuellen standardmäßig mitgelieferten HTML-Code ausgefüllt. Sie haben jetzt bereits ein mit dem neuen Design funktionierendes ideeNet. Bitte starten Sie ideeNet® neu. Gegebenfalls müssen Sie auf der Startseite F5 oder STRG+F5 drücken, damit Ihnen der Browser tatsächlich die neue Seite anzeigt. Die Startseite sieht jetzt so oder ähnlich aus:

2. Anpassung des Headers

Wenn Sie den Header ändern wollen, können Sie oben in diesem Seitenbaustein beispielsweise "ideeNet® ®" und "e-" entfernen, indem sie die hier durchgestrichenen Zeichen entfernen:

<h1 style="margin: 15px 0 10px 0;"><em class="idee">idee<em>Net<sup>®</sup> <span class="show_ab4">e-Ideenmanagement</span></h1>

Wenn Sie ein Firmenlogo haben, können Sie das an Stelle von "images/birne.gif" einbinden, wie in diesem Beispiel:

<img src="images/birne.gifadd-ons/logo.gif" style="float: left; margin: -10px 10px 0 0;">

Den Dateinamen Ihres Logos können Sie in ideeNetAdmin | Add-ons Ordner ermitteln.

Es kann sein, dass Sie anschließend die margin-Angaben etwas verändern müssen. "-10px 10px 0 0" bedeutet, dass der obere Rand -10 Pixel, der rechte Rand 10 Pixel, der untere Rand 0 Pixel und der linke Rand 0 Pixel ist. Es müssen immer alle vier Ränder angegeben werden.

Wenn Sie hierzu Fragen haben oder dies nicht funktioniert, wie Sie es sich vorstellen, schicken Sie uns Ihr Logo per E-Mail zu. Wir schicken Ihnen dann einen Seitenbaustein für den Header zurück. Bis dahin sollten Sie vorübergehend wieder den Standard herstellen, indem Sie den von Ihnen veränderten Header vollständig löschen und die Seite speichern.

Hinweis: Alles was ab der Zeile <!-- Firmenlogo links mit umbrechendem Ideen-management --> im Header steht, ist auskommentiert, wird nicht in Ihrem Header angezeigt und illustriert lediglich weitere Möglichkeiten für einen Nutzerkreis, der sich mit HTML einigermaßen auskennt.

3. Anpassung des Footers

Tragen Sie bitte Ihren Namen mit E-Mail Adresse und Telefon-Nr. wie in diesem Beispiel ein:

...

<div style="margin: 12px 0; clear: left;">Bei Fragen wenden Sie sich bitte an das <a href="mailto:ideenmanagement@firma.deerika.mustermann@ihre-firma.de?subject=Anfrage">IdeenmanagementErika Mustermann</a> (Tel. +49 9999 123-007+49 1234 456-89)</span></div>

...

<div style="margin: 12px 0; line-height: 15px;">Bei Fragen wenden Sie sich bitte an das <a href="mailto:ideenmanagement@firma.deerika.mustermann@ihre-firma.de?subject=Anfrage">IdeenmanagementErika Mustermann</a> (Tel. <a href='tel:+499999123007+49123445689'>+49 9999 123-007+49 1234 456-89</a>)</div>

...

Statt Ihres Namens können Sie natürlich auch "BVW-Team" oder ähnliches mit einem Gruppen-E-Mail Account eintragen. Oder auch mehrere Ansprechpartner, indem Sie den entsprechenden Bereich kopieren und ihn daruntersetzen. Einen Zeilenumbruch nach dem ersten Ansprechpartner erreichen Sie mit <br> (steht für "Break").

4. Anpassung der Farben der Kacheln, Boxen und Schaltflächen

Siehe: Anpassung der Farben