Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Tipps & Tricks ›

Howto: Zusätzliche Dynamische CSS Klassen

Eingetragen von drupaler3000 (78)
am 30.07.2008 - 19:15 Uhr in
  • Tipps & Tricks

Ihr wollt mit dynamischen CSS Klassen arbeiten? Dann ist dieses Tutorial genau richtig für euch. Ich zeige euch einige Beispiele, wie man dynamische CSS Klassen erstellen kann:

1. Menüpunkte nur bestimmten Benutzerrollen verfügbar machen:

Folgende Funktion in die template.php - Datei kopieren:

function der_name_deiner_funktion($uid) {
global $user;
$author = user_load(array('uid' => $node->uid));

if ((in_array('benutzerrolle-a', $user->roles)))
{
print "xyz";
}

else
{
print "abc";
}
}

'Benutzerrolle-a' wird mit eurer Benutzerrolle ersetzt. "xyz" ist dass, was ausgegeben wird, wenn die 'Benutzerrolle-a' die Seite betrachtet, ansonsten wird "abc" ausgegeben.
Wenn man nun in die page.tpl.php - datei

<div class="<?php print der_name_deiner_funktion($uid)" ?>"></div>

schreibt, hat mein seine erste dynamische Klasse und kann damit in CSS arbeiten.
Wenn man möchte kann man den Namen der Funktion
function der_name_deiner_funktion($uid) {

beliebig umbennenen. Damit lässt sich einiges anfangen, man kann beispielsweise mit dem Zeichen "&&" Zwei Argumente als Voraussetzung setzen, also müssten 2 Benutzerrollen zutreffen, oder eines von beiden mit "or". Als Beispiel kann man damit ein manuelles Menü erstellen, indem man Menüpunkte kontrolliert einblenden oder ausblenden kann. (Mit der CSS Eigenschaft display:none;)

2. Taxonomys als Klasse anlegen

// für jedes einzelne Taxonomy eine Body Klasse definieren
function der_name_deiner_funktion($nid) {
     $vocabularies = taxonomy_get_vocabularies();
     foreach($vocabularies as $vocabulary) {
       if ($vocabularies) {
         $terms = taxonomy_node_get_terms_by_vocabulary($nid, $vocabulary->vid);
         if ($terms) {
           $links = array();
           foreach ($terms as $term) {
             $links[] = l($term->name, taxonomy_term_path($term), array('rel' => 'tag', 'title' => strip_tags($term->description)));
           }
         }
       }
     }
     return $output;
}

Nun schreibt man folgendes zwischen if ($terms) { und $links = array();

// Vocabulary Name
$output .= '<div class="vocabulary-name-' . $vocabulary->name . '">';

Achtung: Ersteres funktioniert nur, wenn der Taxonomy keine Leerzeichen hat, da CSS mit der klasse sonst nichts anfangen kann. Ich empfehle deshalb die Vocabulary Name.

Nun schreibt man wieder

<?php

der_name_deiner_funktion
($nid)
?>
in die page.tpl.php - datei und macht dies beispielsweise wieder als Body Class oder div Klasse.

Das waren 2 Beispiele, wie man zusätzliche CSS Klassen erstellen kann, die sich je nach Lage ändern.

‹ Alle Node- und Term-Ansichten der Website mit Ajax-Funktionalität anzeigen ??? HOW TO: Google Map aus Adressfeldern generieren ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • lqunojlhtnjh
  • Meldung zu Token im Statusbericht
  • Fehlermeldung: Deprecated function
  • Versenden von Anfragen per Webform
  • Goodbye Online Drupal Meetup Germany - Hello Drupal DACH Online Meetup!
  • Übersetzte Felder bei Inhaltstyp automatisch übernehmen
  • Content Ex-/Import
  • RESTful Path request will nicht
  • Modulupdate per Webinterace scheitert an authorize.php und access denied für Admin-User
  • Wer ist online Block
  • Doppelte Anzeige von Node im View
  • URL-Alias von bestehendem Link wird gelöscht und auf -0 gesetzt 404 Fehler entsteht
Weiter

Neue Kommentare

  • Gut zu wissen. Demnächst
    vor 9 Stunden 50 Minuten
  • Token Fehler behoben
    vor 10 Stunden 9 Minuten
  • Du hast völlig recht, da habe
    vor 15 Stunden 7 Minuten
  • Link 404
    vor 18 Stunden 45 Minuten
  • Die Datei existiert ja auch
    vor 22 Stunden 7 Minuten
  • Patch für Metatag
    vor 22 Stunden 20 Minuten
  • Link auf Pfad/Menü eines View
    vor 22 Stunden 33 Minuten
  • Die englische Übersetzung
    vor 1 Tag 30 Minuten
  • Genau das habe ich auch
    vor 1 Tag 21 Stunden
  • Tja, das kann ich wirklich
    vor 1 Tag 21 Stunden

Statistik

Beiträge im Forum: 245968
Registrierte User: 18827

Neue User:

  • rtyfivad
  • finnster
  • Damian1802

» Alle User anzeigen

User nach Punkten sortiert:
wla9010
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3916
ronald3829
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 4 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association