Ich nutze mal die Gelegenheit auf eine externe Frage hier einzugehen.
klose91Wäre es möglich, dass die "Tooltips" für den Genres auf der Anime/Manga-Seiten 'ne CSS-Klasse bekommen, damit man die Hintergrundfarbe und den Textfarbe ändern kann?
<a data-title="<h1>Komödie</h1>Soll den Zuschauer bzw. Leser zum Lachen bringen." class="gg" href="anime/index/?char=all&sort=stars&order=desc&genre_include=4" rel="ugc nofollow">Komödie</a>
Ich komm leider nicht an den data-title-Kram heran, der wahrscheinlich mit jQuery beim Hover hinzugefügt wird? Problem ist bei mir, dass ich die Tag-Farben geändert habe und der Tooltip nicht mit dem übereinstimmt, außerdem habe ich als Standardschriftfarbe weiß, was sich bei dem hellen Tooltips schlecht lesen lässt. Und ich wüsste derzeit nicht, wie man an das Element sonst herankommen könnte, von dem JavaScript bin ich auch nicht wirklich schlauer geworden (ist ja mega obfuscated...).
Diese Klasse existiert bereits und findest du in dem
Seitenlayouts wenn du diese importierst unter:
Farbschema Vorlage
/***** TOOLTIP *****/
.ui-tooltip {
color: $COLOR_D;
background-color: $COLOR_A;
border-color: $COLOR_A;
}
.tooltip-g, .tooltip-c, .tooltip-t, .tooltip-h, .tooltip-o {
background-color: #C5E7F7;
@include box-shadow(2px 2px 6px #666);
}
.tooltip-c {
background-color: #B8E7BA;
}
.tooltip-t {
background-color: #EEDEA1;
}
.tooltip-h {
background-color: #F0D6DA;
}
.tooltip-o {
background-color: silver;
}
.tooltip-g => Hauptgenre
.tooltip-c => Nebengenre
.tooltip-t => Tags
.tooltip-h => Hentai-Tags
.tooltip-o => Zielgruppe
P.S. Der JavaScript-Code ist nicht künstlich "obfuscated"(unleserlich), sondern wie von Google und SEO verlangt "minimiert". Das selbe gilt für CSS.
Kommentare (1)
border-color: #FARBCODE;
}