css auf nur einer bestimmten Seite verwernden mit Plone

  • Hallo,

    ich komme nicht weiter. Ich habe eine Website mit dem estate lite theme erstellt.
    Habe auch schon die css editiert usw...
    Nun möchte ich aber auf einer der erstellten Seiten innerhalb der Website eine Baumstruktur erstellen (ähnlich dem der des Windows explorers also wenn man auf einen Punkt klickt soll sich ein Unterpunkt öffnen usw.)
    Hierfür habe ich mir eine HTML Date und eine CSS Datei programmiert.
    Die HTML Datei habe ich als Seite eingefügt.....
    Nun komme ich absolut nicht weiter...wie kann ich die CSS Datei für die eine Seite "importieren" verwenden....

    Hoffe mir kann jemand weiterhelfen.

  • Wenn es nur um kleine Änderungen geht, kannst Du die einfach in der ploneCustom.css eintragen.Wenn Du etwas nur für einen bestimmten Bereich haben willst, kannst Du das mit Hilfe von Selektoren für die im body-Tag angebotenen Klassen erreichen.Dort stehen Dir klassen wie folgt zur Verfügung:* template-product_search * portaltype-collection * site-example* section-produkte* subsection-handschuhe* icons-on * userrole-manager * userrole-authenticated * userrole-ownerAlso z.B. .section-produkte{ color: #333;}Alternativ kannst Du auch Dein eigenen CSS-Dateien in portal_css registrieren:http://docs.plone.org/adapt-and-exte…es_css/css.html

  • danke für die Antwort das hat schon weiter geholfen....

    ich habe auch schon eine eigene css im Portal regestriert aber danach überschreibt die css alle anderen Dateien...

    die Sache ist, ich möchte gern auf einer Seite dieses bzw. so ein Menü anzeigen http://www.plone.uni-bonn.de/faq/accordion-menue .
    Nun verwende ich das estate lite Theme als Grundlage aber ich bekomme jedesmal immer nur das Menü aufgeklappt angezeigt ohne "Klapp Animation"...

    Können Sie mir da weiterhelfen wie das genau umsetzbar ist ?

  • Ich nehme an das Du hier auch JavaScript benötigts:z.B. http://getbootstrap.com/javascript/#collapseoder alternativhttp://http://jquerytools.github.io/demos/tabs/accordion.htmlDas JavaScriopt verwendet dann marker wie collapse collapse-container um die entsprechenden Elemente zu steuern.Auf collapse liegt ein Click Event welches den collapse Zustand vom collapse-container toggled.Ob CSS überschrieben wurde, kannst Du mit Firebug & co feststellen.