Praxiswissen Drupal 6

Theme-Erweiterungen zur Gestaltung anlegen

Damit haben wir schon fast das gesamte Modul beschrieben. Es fehlen noch das modulspezifische Stylesheet in der Datei vupp.css und die Einbindung in unser Theme. Beispiel 10-13 zeigt den Inhalt der Datei vupp.css.

Beispiel 10-13. Die Datei vupp.css anlegen

/**
 * vupp.css
 */
.vupp-widget {
  float: left;
  width: 30px;
  background-color: #FFFFE8;
  border: solid 2px #FFFF00;
  text-align: center;
  margin-right: 8px;
}

.vupp-widget a.vupp.active {
  display: block;
  width: 100%;
  height: 22px;
  margin-bottom: 4px;
  cursor: pointer;
  background: transparent url('vupp.png') top center no-repeat;
}

In zwei CSS-Klassen wird das Layout des gesamten Abstimmelements und eines aktiven, also anklickbaren Links zum Abstimmen festgelegt. ...