Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Menü mit hover, active und focus anpassen

Eingetragen von emicser (15)
am 12.12.2010 - 20:36 Uhr in
  • Themes & Theming
  • Drupal 6.x

Hallo,
ich bin dabei das ZeroPoint-Theme anzupassen und bekomme es mit dem Menü einfach nicht hin.
Ich möchte, dass das Hauptmenü in Bezug auf Linkdarstellung genauso fnktioniert wie bei DrupalCenter (hover, active).
Habe es mit Pseudo-Klassen versucht bin aber mit CSS ein Anfänger.
Hier die Ausgangssituation:
#navlist.links li, #navlinks a {
border: none;
margin: 0;
padding: 0;
}
#navlist.links a, #navlinks ul li a {
/*border: 1px solid #c4c4c4;
border-bottom: none;
padding: 5px 24px;*/
border-top: solid;
padding: 6px 52px 5px;
color: #ffffff !important;
background-color: #777;
font-weight: normal !important;
text-transform: none;
font-family: "times new roman", sans-serif, Arial, Verdana, Helvetica;
font-size: 20px;
line-height: 33px;
}
/*#navlist li a.active, #navlinks ul li a.active,*/
#navlist li a:hover, #navlinks ul li a:hover, {
color: #0033FF !important;
background-color: #ffffff !important;
text-decoration: none;

Kann mir einer helfen? Wo sollen die Klassen hin?

Riesen Dank im Voraus,
emicser

‹ Theme ArtistsC01 - überflüssiger oberer Rand in IE und Opera - CSS-Fehler? [gelöst] IE mit ZEN und CTI-Fex Theme ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Wie, wo sollen die Klassen

Eingetragen von md (3717)
am 12.12.2010 - 20:47 Uhr

Wie, wo sollen die Klassen hin? Die sind ja schon da.
Du meinst, wo kommt das CSS hin. In die style.css deines Themes. Da musst du schauen, ob es Anweisungen für die entsprechenden Klassen und/oder IDs schon gibt und deinen Wünschen entsprechend anpassen. Oder neu schreiben, wenn da noch nichts vorhanden ist.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Anpassen

Eingetragen von emicser (15)
am 12.12.2010 - 21:21 Uhr

Hei mdwp,
ich weiß wo die CSS ist. Ich habe es versucht anzupassen in dem ich die Klassen und die Eigenschaften hinzugefügt habe.
Aber irgendwie hat es nicht funktioniert. Und ich weiß auch nicht woran es gelegen hat.
Das habe ich versucht:
/*#navlist li a.active, #navlinks ul li a.active,*/ ->Was bedeutet das hier?
#navlist li a:hover, #navlinks ul li a:hover, {
color: #0033FF !important;
background-color: #1313 !important;
text-decoration: none;
}
#navlist li a:active, #navlinks ul li a:active, {
color: #0033FF !important;
background-color: #ffffff !important;
text-decoration: none;

Was ist da falsch?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Was zwischen /* und */ steht

Eingetragen von wla (9463)
am 12.12.2010 - 22:13 Uhr

Was zwischen /* und */ steht ist im CSS Kommentar und wird nicht ausgewertet (/* ... */ ist eine Klammer).

Beste Grüße
Werner

  • Anmelden oder Registrieren um Kommentare zu schreiben

Auf den ersten Fehler hat

Eingetragen von md (3717)
am 13.12.2010 - 00:13 Uhr

Auf den ersten Fehler hat Werner ja schon hingewiesen.
Das zweite Problem ist Folgendes:
Du darfst a:active nicht mit a.active verwechseln.
Das erste ist eine "Pseudo Klasse" die für Elemente im Browser gilt, die gerade "Aktiv" sind. Z.B. ein Link bei gedrückter Maustaste.
a.active ist eine echte Klasse. Die musst du benutzen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

In der CSS oder PHP-Datei?

Eingetragen von emicser (15)
am 13.12.2010 - 14:56 Uhr

Wo und wie setze ich die echte Klasse a.active und die Eigenschaften ein? In der CSS-Datei oder in der page.tpl PHP-Datei?
Möchte durch mein Unwissen die Dateien nicht beschädigen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

In die style.css

Eingetragen von md (3717)
am 13.12.2010 - 15:23 Uhr

In die style.css

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
Weiter

Neue Kommentare

  • Arrrrg. Nix Tabelle :-D /*
    vor 1 Woche 10 Stunden
  • Textboxen mit Tabelle
    vor 1 Woche 17 Stunden
  • Du sollst ja auch keine
    vor 1 Woche 17 Stunden
  • Theme
    vor 1 Woche 18 Stunden
  • Welches Theme benutzt du
    vor 1 Woche 23 Stunden
  • Mit Responsive Raster hatte
    vor 1 Woche 1 Tag
  • Hallo Alex,um das Häkchen
    vor 1 Woche 1 Tag
  • Modul view_unpublished
    vor 1 Woche 3 Tagen
  • Modul "override node options"
    vor 1 Woche 3 Tagen
  • Im Grunde ist dass ein
    vor 1 Woche 6 Tagen

Statistik

Beiträge im Forum: 250270
Registrierte User: 20477

Neue User:

  • Robertnobia
  • AltonRaf
  • JeffreyPaf

» Alle User anzeigen

User nach Punkten sortiert:
wla9463
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 17 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