CMS-Jack
Blog
Blog - Neues passiert
typo3javascriptjqueryimagecyclejfmulticontentlinuxcsssuexect3blogfastcgisexybookmarkspowermaildebianapacheimagecarouselt3jqueryfehlermac ostastaturcoin-slidernagioshtmlrtepagetypeimage cyclefirefoxsnippetanalysepatchjfcloudzoomxhtmltabscloudeffektcross-slideriossdkiphonexcodeirrejfimageflowbackenstylehooksbackendtyposcriptfadegrafikurljquery uithemerollerfollow mebildergalerieimageflow

Apr
19

Eigener Tab-Style bei jfmulticontent

Effekt /Typo3
Gravatar: Jürgen Furrer

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.css

Nachdem der Cache geleert wurde erblüht unser Frontend im neuen Glanz des angepassten Themes...

 

Views: 612

Zurück