Heute mal ein etwas längeres Tutorial für alle die den Firefox in Ihrem Admin benutzen und die Probleme haben, Bilder oder Texte per Taste oder Tastaturbefehl in den HTML-Editor einzufügen.

Aus Sicherheitsgründen ist bei vielen Firefox/Modzilla Browsern das einfügen in Texte innerhalb des (Javascript) Html-Editors deaktiviert. So dass diesen Usern die Clipboard Taste wenig nützt. Aber auch über STRG-V (für einfügen) funktioniert es dann nicht und auch aus dem Browser-Menue kann man dann leider nichts einfügen. Klickt man auf das Clipboard Icon bekommt man eine entsprechende Hinweismeldung.



Klickt man hier auf OK, bekommt man in einem neuen Fenster eine Seite bei Modzilla.org angeziegt, die erklärt, wie man das Problem lösen kann.



Leider gibt es die Beschreibung nur in englisch und für die meisten User ist es auch gar nicht so einfach auf einem WindowsSystem die entsprechende User-Datei zu finden, meistens existiert sie auch noch gar nicht.

Wichtig: Kopiert Euch die 4 Zeilen aus der lila Codebox erstmal irgendwo in eine Text-Datei.

Um das ganze zu vereinfachen machen wir jetzt einen kleinen Zwischenschritt und holen uns Hilfe in unseren Firefox/Modzilla. Dazu besuchen wir die Modzilla Extension Seite auf der man ziemlich viele hilfreiche Zusatzmodule (Extensions genannt) für unseren neuen Lieblingsbrowser ;-) finden können. Gebt oben in der Suche einfach mal das Suchwort "Profile" ein und dann findet Ihr die Extension ChromEdit.



Über Install Now könnt Ihr die Extension installieren, folgt einfach den Schritten des Browser. Am Ende müsst Ihr den Browser einmal schliessen und neu öffnen und Eure Extension ist installiert. ChromEdit findet Ihr unter Extras.



Wenn Ihr das klickt bekommt Ihr ein neues Fenster mit einigen Reitern. Auf einem der Reiter steht unter anderem user.js, den klickt Ihr an und kopiert die obengenannten 4 Zeilen Code in das Fenster und klickt unten Speichern.



Danach den Browser einmal schliessen und wieder öffnen. Wenn Ihr jetzt im Adminbereich bloggt, dann funktioniert die ClipboardTaste des HTML-Editors zwar immer noch nicht und auch mit STRG-V kommt man noch nicht weit, ABER man kann tatsächlich über das Browser-Menü Texte oder Bilder die Ihr vorher in der Zwischenablage gespeichert hattet einfügen.

Euer Next

wirft auch ein paar Fragen auf, die ich heute mal erklären möchte.

Warum sortieren sich die Bilder so komisch?

Früher wurde die Galerie mit Tabellen gestaltet, heute "floaten" Container die Bilder in der Galerie. Floaten (geht nach rechts und links) bedeutet soviel wie, lege dich so lange neben das vorhergehende Element bis kein Platz mehr ist und dann fang auf einer neuen Zeile wieder vorn an.
Durch die feste Breite der Thumbs passen genau 4 Bilder nebeneinander. Beim Upload können wir aber die Höhe des Thumbs nicht beeinflussen, weil es sich je nach Grösse proportional zum Original verkleinert.

Auf der Abbildung sieht man, was dann beim Floaten passiert, Bilder die auf die nächste Zeile rutschen bleiben an zu grossen Containern hängen  und es kommt dann zu solchen Gebilden.

Abhilfe schafft die Sortierung über das Attribut Position, wobei ihr darauf achten müsst, dass in einer Zeile gleichhohe Thumbs sind. Vorteile haben da auch Perfektionisten, die Ihre Bilder vorher immer in ein und diesselbe Grössen auf dem Rechner vorbereiten und die Thumbs dann entsprechend immer gleich hoch sind.

Euer Next

will ich noch einmal versuchen, den Begriff Trackback zu erklären.

Nehmen wir an, Enjoy käme auf die witzige Idee eine Action in ihrem Blog zu starten, zum Beispiel zeigt mir doch mal den Staub hinter eurem Kühlschrank oder so . Und ich komm zufällig in ihrem Blog vorbei und lese diesen Beitrag. Dann könnte ich nun entweder erstmal kurz bescheid geben (in den Kommentaren), dass ich mitmache oder  ich nehme mir die Trackback-Url mit (siehe Abbildung1).

 

Unsere "Design"DesignBlogs erhalten es von uns, die Do-it-Yourself DesignBlogs sind nicht automatisch damit ausgestattet.
Die Rede ist von einem Favicon, diesen kleinen Bildchen, die vom Firefox immer und im IE dann angezeigt werden, wenn jene Seiten in den Favoriten abgespeichert wurde.

Doch wie erstellt man so ein Favicon und was ist dabei zu beachten?
Das möchte ich Euch heute erklären.

1. Als erstes brauchst du ein Motiv, dieses erstellst du in deinem bevorzugten Grafikprogramm. Wenn du zum Beispiel einen Teil deines Headers verwenden willst, dann schneidest du dir ein quadratisches Stückchen aus und verkleinerst es auf die Grösse 16x16px oder auch 32x32px. Anschliessend speicherst du es zunächst als jpg,gif oder png ab.
2. Nun muss das kleine Bild zu einem Windows Icon werden, ein reines umbenennen, funktioniert natürlich nicht. Dazu brauchst du ein Tool, um das Format zu konvertieren. Ich empfehle dir dazu die kostenlose Freeware "Irvan View"(Abbildung 2), eines der besten Bildbetrachtungstools im Web.
3. Geh dazu in IrfanView wie folgt vor:
   
   • Klicke in der Navigation auf "Datei"
   • Suche den Punkt "Batchkonvertierung/Umbenennung
   • in dem neuen Popup suchst du rechts oben dein kleines Bild auf deinem Rechner
   • markiere es und klicken auf den Button "Hinzufügen"
   • als nächstes mußt du die Einstellungen rechts unten vornehmen (Abbildung 3)
     
   • klicke auf den Button "Zielverzeichnis", um dein .ico im selben Verzeichnis abzulegen, oder suche über Duchsuchen ein neues Verzeichnis.
   • Bei "Arbeite als" wähle den Punkt Batchkonvertierung
   • und als Letztes wählst du im Selektor "Zielformat" das Windows Icon Format aus
   • Klicke ganz oben auf Start. Ein Verlaufsfenster zeigt dir den Erfolg der Funktion oder eventuelle Fehler
4. Nun findest du das bildname.ico in dem von dir gewählten Verzeichnis, benenne es entsprechende um, es muss zwingend favicon.ico heissen
5. Als letztes brauchst du das Bild nur noch in deinem Adminbereich unter Blog gestalten --> Headlines (nicht Mediamanager) Favicon, das Bild hochladen.
   

Abbildung 2:


Abbildung 3:


Viel Spaß beim basteln

Euer Next

Noch wird fleissig upgedated und einige von Euch warten sicher noch immer ganz gespannt auf das Neue. Die meisten Do-it-Yourself Blogs sind inzwischen aktualisiert, die Designs dauern leider etwas länger, denn schliesslich muss jedes Design noch einmal komplett neu erstellt werden.

Wir verwenden wie bereits berichtet, ein Update-Script um Daten aus dem Bestand zum Teil in neue Datenbanken zu transferieren. So ein Script erleichtert dabei ganz schön die Arbeit, allerdings kann so ein Script auch nicht wirklich alles, was so kommen kann, vorhersehen. Deshalb möchten wir Euch bitten, sofort nach Eurem Update nachzuschauen, ob auch noch alle Daten da sind. Insbesondere meinen wir damit Eure textlichen Seitenblöcke und die internen Seiten. Hier kann es durch von Euch verwendeten Code dazukommen, dass manchen Inhalte nicht sauber übernommen werden können. Durch unsere Backups sind wir in der Lage bis zu 10 Tage (früher wäre auf jedenfall besser) rückwirkend Daten wieder herzustellen, danach geht das leider nicht mehr. Also gleich schauen und gleich melden, dann klappts auch mit dem Update

Euer Next

Zwischendurchupdate: Um das Abrutschen der Blogseiten zu verhindern, haben wir nun den Blogcontentbereich etwas "weicher" eingestellt. Damit sind die Blogs nicht mehr ganz so sensibel und wenns dann mal ein, zwei Pixel mehr in der Breite sind, "hält" das Blog trotzdem ;-)
 

Refresh/Shoutbox
In der alten Version der DesignBlogs war die Shoutbox eine Extraseite in einem iframe. In der neuen Version ist dies nicht mehr der Fall. Sobald nun jemand einen Beitrag schreibt, reloadet sich die ganze Seite um das "form" abzusenden.
Beim Neuaufruf der Seite baut der Browser nach und nach die Seite auf und dabei geht er genau nach dem html-Code. D.h. erst der Header, dann die Navi und dann die linke Spalte, anschließend der Content, weiter mit der rechten Seite und zum Schluss die nochmal die Navi und dann den Footer. 
Da die Logik im Content ausgeführt wird, kann die Shoutbox, wenn sie links eingebunden ist, noch nichts von einem neuen Beitrag wissen. weil es den noch gar nicht gibt, wenn sie vom Browser aufgebaut wird. Der wird erst in der Mitte den Eintrag in die Datenbank schreiben und dann die normalen Einträge anzeigen und der Rest passiert, wie oben schon beschrieben.
Wenn man nun einen Reload der Seite macht, wird das Formular aus der Shoutbox nocheinmal abgeschickt - Folge, es werden zweimal die selben Beiräge eingetragen.
Abhilfe: Einfach auf "Startseite" klicken, oder die Shoutbox rechts vom Content einbauen.

Warum "hüpft" die Navi?
Ein Script berechnet beim Laden der Seite, wie breit die Navi ist und zentriert sie anschliessend. Wie der Ablauf des Ladevorgangs ist, haben wir im Punkt "Refresh/Shoutbox" beschrieben, dadurch erklärt es sich, wieso das "Navihüpfen" passiert.

habt ihr eigentlich schon mein hübsches Schwesterchen gesehen? 

Nicht wenige unter euch nutzen gerne WORD z.B. für Blogbeiträge aus bestehenden Texten (vorallem die professionellen Schreiberlinge unter euch).

WORD überträgt in den HTML-Editor natürlich alle Formatierungen, eigentlich ja recht praktisch, wenn da nicht auch eine Menge (überflüssiger und nicht-konformer) HTML-Code mitgeliefert werden würde.

Die Folge: Entweder wird der Text erst gar nicht angenommen - es gibt Fehlermeldungen, die Stylesvorgaben werden überschrieben oder es "zerreisst" das Blog.

Stylesvorgaben erhalten ein einheitliches Schriftbild - der Leser tut sich wesentlich leichter beim Lesen, als wenn er sich auf verschieden Schriftbilder einstellen muß. Ein weiterer Gedanke ist das harmonische Bild, das gegeben ist, wenn sich nicht zu viele Schriftgrössen - farben etc. auf der Seite tummeln.

Als Tipp für WORD-Dokumente, die übertragen werden sollen:
Das WORD-Docu als "Nur-Text" abspeichern und dann im EDITOR öffnen. Den Editor findet ihr unter "Start-> Programme -> Zubehör". Den Text dann, wie gewohnt, markieren, kopieren und im Blogtextfeld einfügen. Nun noch den Text nachformatieren und fertig.  

Da es unter euch auch einige gibt, die in der alten Blog-Version "offline" gebloggt haben und sich erst zum Abspeichern eingewählt haben: Das funktioniert leider nicht mehr. Der Grund ist die Session, die bei jedem neuen Einwählen/Einloggen neu generiert wird. Der Beitrag ist weg und muß neu geschrieben werden. Ärgerlich, klar. Abhilfe könnte auch hier, ein "Vorbloggen" mit eurem Editor sein.

Tipp fürs Copy&Paste: Wer mit dem Firefox surft, hat vielleicht nicht die "Copy&Paste"-Funktion eingestellt und kann demzufolge diese Funktion nicht nutzen. Hier geht ihr wie folgt vor: Wie gewohnt im Editor den Text "markieren -> kopieren" und dann im Blogbereich - ins Textfeld klicken und über das Browsermenü "Bearbeiten -> einfügen " wählen. Text ist eingefügt und kann formatiert werden.

Zur Textformatierung findet ihr hier Antworten >>>>

Alsoooooo ich soll da mal ein paar Dinge erklären 

Frage 1:
Wieso werden meine Texte im HTML-Editor anders angezeigt als im Blog?
Wenn man im HTML-Editor schreibt und um einen Absatz zu erzeugen einfach <Enter> klickt, dann schreibt der liebe gute HTML-Editor ein <p>... </p> Paragraph-Tag um den "Absatz". Ein normaler <p>-Tag hat in den verschiedenen Browsern normalerweise einen Abstand der erfahrungsgemäss unterschiedlich gross ist, aber in der Regel etwas grösser als eine Leerzeile dargestellt wird. Dies sieht man auch so imHTML-Editor. Schaut man dann in den Blog, sieht die Sache anders aus, der Abstand ist weg!

Warum? - Die Frage ist leicht beantwortet, da das Gesamte Design lediglich aus <div> Containern und zum Teil auch aus gestylten <p>-Tags besteht, wird durch das grundlegende CSS Files allen <p>-tags jegliche Abstände entzogen. Das greift natürlich auch durch auf in Euren Texten verwendeten <p>-tags.

Wie löse ich das Problem? - Es ist eigentlich ganz einfach. Wie auch in Version 4.2 empfehlen wir statt des einfachen <Enter> die Tastenkombination <Großschreibtaste> + <Enter> zweimal hintereinander auszuführen. Dadurch entsteht ein <br /><br /> "Doppelbreak" was einer Leerzeile entspricht. Der Vorteil die Abstände sind in allen Browsern gleich, der Text sieht wohlformatiert aus. Nur eine Frage der Übung

Frage2:
Mein Layout sieht im IE5.5 voll sch... aus.Warum?
Bitte versteht das nicht falsch, aber ohne irgendwelche CSS-Hacks wären solche Designs, wie wir sie jetzt bauen, einfach nicht machbar und all die Möglichkeiten der Gestaltung, die Ihr Euch lange gewünscht habt, nicht mehr umsetzbar.  Deshalb mussten wir uns auf die modernen Browser konzentrieren und dazu zählen nun mal nur der IE ab Version 6, der Netscape ab Version 7, Modzilla ab 1.4 und Firefox ab Version 1.0 , Safari Version 1.2 und Opera ab Version 7.x. Dies sind auch die zur Zeit meistgebrauchten Browser.

Frage3:
Warum gibt es keine bunten Scrollbalken mehr?
Auch hier eine einfache Erklärung, in XHTML 1.0 und CSS2.0 gibt es keine derartige Styles mehr, die den Balken einfärben können.

Frage4:
Gibt es ein Session-Timeout?
Nein, es gibt kein Session Timeout im Adminbereich, jedenfalls keines das von uns eingestellt worden ist. Mein Chef hier ist den ganzen Tag in mir eingeloggt und wurde noch nie rausgeschmissen. Solltet ihr im Einzelfall solche Probleme haben, dann wendet Euch an den Support , aber bitte mit genauen Angaben zu Eurer Arbeitsumgebung (sprich:  mit welchem System zb. XP Service-Pack 2 und mit welchem Browser möglichst die genaue Versionsnummer arbeitet ihr, laufen irgendwelche Firewalls und oder Antivirenprogramme), es muss nicht alles vom "Next" abhängen, wenn eines der genannten Programme zum Beispiel XP in einen standby modus schaltet, dann kann auch dadurch die Session gelöscht werden, weil die Verbindung zwischen Browser und Server unterbrochen wurde.

Frage5:
Wo kann ich die Bezeichnungen für die Navi ändern?
Gute Frage, das gab es doch bis jetzt noch in keiner Version, aber danke für den Hinweis, wir werden das gleich mit auf unsere Wunschliste setzen.

Frage6:
Kann man keine externen Bilder mehr einbinden?
Im Grunde nein. Wenn man den Bildbutton des HTML-Editors zum einfügen eines Bildes benutzen will, dann bekommt man nun nur noch einen Selektor der alle Bilder des Bildverzeichnisses anzeigt. Ordner werden dunkelblau eingefärbt und darunter sieht man dann die Bilder. Durch den Selektor muss man sich nun nicht mehr um die Richtigschreibung von Order und Bildname kümmern, dass übernimmt das System.

Ein kleiner Tipp: Du willst ein externes Bild einbinden, dann benutz den Button für das Bild einfügen, wähle das erste Bild das du findest und füge es ein, dann wechsele in den HTML-Modus und tausche im <img>-tag in der src="/images/kunde/...." durch deinen externen Pfad aus, dass ist auch ganz schnell gemacht.

Frage7:
Gibt es keine FAQ?
Doch hier bei mir ... Meine Macher haben hier schon fast über jede Funktion etwas geschrieben und wenn du etwas suchst, dann kannst du die Suchmaschine benutzen. Und wir werden die Hilfe und die Fragen zu Euren Fragen hier immer weiter ausbauen, also einfach öfters mal bei mir vorbeischauen, ich freu mich auf Euch.

Euer Next

PS: immer her mit weiteren Fragen und nicht schüchtern sein

Viele Updates sind ja inzwischen vollzogen und einige müssen sich sicher ziemlich umstellen. Nicht nur dass einige inzwischen ja schon ziemlich lang mit Version 4.2 gearbeitet haben, und der Mensch ist nun mal ein Gewohnheitstier, sondern vorallem auch die umfangreichen grundlegenden Änderungen in Version 5 sind bestimmt gewöhnungsbedürftig.

Die erste Änderung beginnt schon mit dem Login. Jeder Nutzer ( es können ja jetzt auch mehrere Redakteure gleichzeitig im Admin arbeiten ) bekommt eine eigene Session*.

*eine Session ist eine per zufallsprinzip zusammengenerierte Zahlen und Buchstabenkombination, z.B: d246c88b0f074822b328dceea2

Diese Session wird im Adminbereich an jeden Link gehängt und in jedem Schritt immer weitergegeben. An dieser Session werden nun bestimmte Werte fest gemacht, so zum Beispiel der Zustand des eingeloggt seins. Jeder Nutzer kann nur immer eine einzige Session zur Laufzeit haben. Wird für denselben Nutzer eine zweite Session geöffnet, so wird die alte noch bestehende gelöscht.

Was muss man nun als Nutzer beachten? Zum Beispiel muss man beim Arbeiten mit mehreren Fenstern einiges beachten. Öffnet ein weiteres Fenster (z.B.Mediamanager) immer nur aus dem eingeloggten Adminbereich mit der Funktion Rechte Maustaste und dann "in neuen Fenster" öffnen, dann wird die Session sauber mit übergeben. Dieses zweite Fenster dann nicht über den Logout-Button verlassen, sondern das Fenster einfach so schliessen.

Wichtig wenn ihr in einem Fenster etwas macht, zum Beispiel einen Beitrag schreibt und durch einen Fehler in einem anderen Fenster die aktuelle Session gelöscht wurde, dann kann der Beitrag nicht mehr abgespeichert werden, er geht verloren und Ihr findet Euch plötzlich auf der Loginseite wieder nach dem abspeichern.

Für Fragen dazu steht Euch wie immer unser Support gern zur Seite.

Euer Next