Seiten Elemente mit CSS verbergen

Um beim Arbeiten mit Drupal ( Ein Open Source Content Management System ( CMS ) und Community Framework ) bestimmte Seitenelemente von der Anzeige auszuschliessen, ist es meist nötig, Funktionen in der Datei template.php im verwendeten Theme ( Ein Theme ist bei Drupal die Bezeichnung für eine Designvorlage. Bei Wordpress spricht man beispielsweise von Templates. ) einzufügen und entsprechend abzuändern. Mit Zuhilfenahme von CSS ( Cascading Style Sheets CSS ... eine Sprache für strukturierte Dokumente. Sie wird vor allem zusammen mit HTML und XML eingesetzt und legt fest, wie Inhalte oder Bereiche dargestellt werden sollen. ) ist dies aber meist schneller und einfacher zu bewerkstelligen!
Als Beispiel für den Einsatz entferne ich hier in wenigen Augenblicken, das oft nicht benötigte "Diese Website durchsuchen:" das standardmäßig über der Suche eingeblendet wird, wenn das Core ( Der Drupal Core: der Kern - Mit Core werden bei Drupal System Themes und Module bezeichnet, die standardmäßig in einer Drupal Installation vorhanden sind. ) Modul SEARCH aktiviert wird und im Theme eine Anzeige des Suchfeldes ausgewählt wird.

Entfernen von "Diese Website durchsuchen"

Wenn beim Theming das Problem auftaucht, wie man das Label des DRUPAL Suchformulars entfernen kann, kommt man auf die tollsten Ideen.

Aber es ist nicht nötig, eine “Function” in der template.php, oder gar das Core Modul abzuändern, um das störende Label wegzubekommen. In der zum Theme zugehörigen .css Datei reicht ein einziger Befehl, um das Label verschwinden zu lassen!

Einfach folgenden Code in eine CSS Datei des verwendeten Themes einfügen

und schon ist man das häufig lästige “Search this site” vor dem Eingabefeld der Suchfunktion auf einfachste Weise los:

#search label  { display: none; }

So sieht es dann im Browser aus:

Das Auffinden der entsprechenden Klassen und ID´s

Und wer sich jetzt fragt, wie man denn um alles in der Welt weiss, daß eine "ID search label" für diese Anzeige zuständig ist, der sollte sich einmal das kleine Tutorial zum Umgang mit Firefox und Firebug ansehen. Damit lässt sich so etwas mit etwas Übung in wenigen Sekunden herausfinden!

Viel Spaß damit ... empfehlt mich bitte weiter und hinterlasst mir nen netten Kommentar!

Hat Dir der Artikel gefallen? Eine Empfehlung kostet nur einen Klick!

Bild von Thoor

Verfasst von Thoor

Thomas Ortner ... ist seit 1996 Webworker und Herausgeber mehrerer Internetangebote. Von der Planung, über Programmierung, Design, SUMA Optimierung und Marketing realisiert THOOR komplette Internetangebote.

0 Kommentare zu "Seiten Elemente mit CSS verbergen"

THOOR freut sich über jeden neuen Kommentar. Möchtest Du einen Kommentar eintragen?

Kommentar schreiben

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
CAPTCHA
Diese Abfrage testet ob du wirklich ein Mensch bist und versucht SPAM auszuschliessen.
Bild-CAPTCHA
Gib die angezeigten Zeichen ein.

Wer ist online

Zur Zeit sind 0 Benutzer und 3 Gäste online.