TYPO3studio Home
Druckversion | Seite weiterempfehlen

css verändern, je nachdem, ob Inhalte da sind oder nicht

Manchmal ist es praktisch, einen css-Style nur anzuwenden, wenn Inhalte vorhanden sind.

Ich hab dieses Snippet entwickelt für einen Fall, in dem Text immer auf einer halbtransparenten Fläche stand. Nur eben auf den Startseiten der Rubriken gab's keinen Text, daher sollte auch der halbtransparente Hintergrund ausgeblendet werden, in diesem konkreten Fall das komplette div #trailer2:

temp.dynContent = COA
temp.dynContent {
  # blendet Hintergrund aus, wenn kein Inhalt da ist
  20 = TEXT
  20.value (
  <style type="text/css">
    <!--
    #trailer2 {
    display: none;
    }
    -->
    </style>
    )
  20.if.isFalse.numRows < styles.content.get
  30 < styles.content.get
  }

Natürlich kann man hier jeden css Code einsetzen.

Wichtig ist, dass durch den css-Code vorher definierte styles einfach überschrieben werden, da dieser Code zeitlich nach dem allgemeinen css aufgerufen wird, da er nicht im <head> sondern im <body> steht.