Sexy-Bookmarks ist eigentlich gemacht damit Besuchern einer Seite die Möglichkeit haben, die aktuelle Seite mit seinen Freunden auf Facebook und Co zu Teilen.
Was ist aber wenn man als Betreiber einer Seite seine Sozialen Netzwerke pflegen will? Wenn man den Besuchern die Möglichkeit geben will schnell auf sein eigenes XING, Facebook, Twitter oder YouTube zu gelangen?
Aus diesem Grund habe ich jetzt die neue Version von Sexy-Bookmarks ins TER geladen. Damit ist es nun möglich auch eine FollowUs Version zu erstellen.
Dazu muss man lediglich das pi2 des Plugins verwenden (Konfiguriert wird es wie das pi1, lediglich die eigenen Benutzernamen der jeweiligen Netzwerke müssen eingetragen werden).
Danach Sieht das dann so aus:
In den letzten Wochen habe ich mich etwas um die Pflege meiner Erweiterungen gekümmert, was mir dabei sehr viel Spass gemacht hat ist die ImageFlow die schon bald in's TER gestellt wird.
Freut euch, da kann man das gesamte Potential des ImageFLow's ausnützen und konfigurieren, dabei habe ich auch die ImageFlow erweitert, so, dass man zwei neue events hat (onBefore und onAfter). Damit ist es nun möglich Javascript auszuführen wenn das Bild sich ändert oder geändert hat.
Gekoppelt dazu, kann man zu jedem Bild einen tt_content rendern lassen den man dann per JS ein und ausblenden kann.
Die Änderungen habe ich an den Programmierer der ImageFlow gesendet. Ich hoffe er wird das in sein Script einbinden.
Das Problem:
Der Tab oder das Accordion bei jfmultcontent sieht immer rot aus, aber meine Seite ist Blau mit Blümchen, grün mit Punkten oder gelb mit Knöpfen.
Was tun?
Dei zwei Styles "Tab" und "Accordion" basieren auf jQuery UI und gibt es eine ganz tolle Möglichkeit, wie man sein CICD auch auf Tab und Accordion anwenden kann, der Themeroller.
Die Lösung:
Wenn man den Themroller öffnet, sehen wir schon alle Möglichkeiten die uns die Entwickler von jQuery UI zur Verfügung gegeben haben, einfach mal Kreativ sein und die Einstellungen vornehmen, das Resultat wird sofort angezeigt.
Wenn man dann seinen Style zusammengeklickt hat, kann man das Design herunterladen.
Das herunterladen ist gekoppelt mit der Auswahl der Verwendeten Komponenten, da nicht zwingend alle CSS Definitionien benötigt werden.
Ich persönlich lade immer das Gesamte Packet herunter, da bei späterem Verwenden von zusätzlicher Komponenten das Design erneut erstellt werden muss.
Nach dem Entpacken schauen wir uns mal das Ergebnis an:
Wir kopieren den gesamten Ordner "customer-theme" zu unserem fileadmin und ändern den Namen des Ordners in das was dazu passt (blaue_bume, gelbe_punkte oder rote_nase)
Damit das Plugin jfmulticontent auch den neuen Style benutzt, müssen wir die Konstante anpassen, dazu bearbeitet man das entsprechende Template und setzt die folgende Konstante (nicht im Setup!):
plugin.tx_jfmulticontent_pi1.file.jQueryUIstyle = fileadmin/mein_ordner/jquery-ui-1.8.11.custom.cssNachdem der Cache geleert wurde erblüht unser Frontend im neuen Glanz des angepassten Themes...
Seiten können angezeigt werden
Mit der neuen Version der jfmulticontent, können jetzt endlich auch ganze Seiten angezeigt werden, die Konfiguration kann mittels TS erledigt werden.
Views mit HOOK erstellen
Die Umsetzung habe ich mittels views erledigt. Im Plugin gibt es momentan zwei views: "content" und "page.
Das tolle an der sache ist, dass diese Liste durch andere Plugins erweitert werden können, dazu gibt es eine neue Erweiterunge im TER die aufzeigt wie das gemacht werden kann (jfmulticontent_viewdemo)
Jetzt sind die Programmierer anderer Erweiterungen gefragt, die diesen HOOK verwenden um ihre Datensätze in jfmulticontent darzustellen.
Effekt auf Hotelplan
Normalerweise mache ich keine Werbung für Reiseunternehmen, nach dem Vulkanausbruch des Eyjafjallajökull (Mal ehrlich wer kommt auf die Idee und nennt einen Vulkan so? In Island scheinen die Nächte länger zu sein als bei uns, sonst könnte man sich so was nicht ausdenken)
Aber heute hab ich mal eine Reise gebucht, und bin auf der Seite der Helvetischen Reisegesellschaft gelandet und habe da einen reizenden Effekt entdeckt, wie das Leben so spielt finde ich die Seite mit diesem Effekt nicht mehr :(
Na egal, bauen wir diesen Effekt einfach mal nach...
Das Originalbild
Das bearbeitete Bild
Das Bild wird nun in Gimp (Photoshop geht auch ;) ) angepasst, so, dass nur ein Teil eingefärbt ist.
Das macht man, indem man das Originalbild öffnet, den Bereich maskiert und auf eine neue Ebene bringt, danach auf dem Orginal-Layer die Farbe entgernt (Graustufe) und den kopierten, noch farbigen Teil nach unten vereint.
Danach sollte das Bild etwa so aussehen:
ImageCycle
Jetzt verwenden wir ImageCycle um die Magie zu starten:
