MouseOver Effekt [Hilfe]

Kid Ink' · 04/26/2015, 17:33

Hallo Epvp*Community

Ich benötige Hilfe, ich möchte einen Sponsorenbalken machen, dieser ist schon fertig ist, sobald man über Sponsoren-Logos mit Maus rüber geht, soll sich eine box neben dem Logo öffnen, wo dann der Name des Sponsoren steht

Könnte wer mir dabei helfen?

mfg
Kid Ink'

Shawak · 04/26/2015, 17:45

Code:

title="Name des Sponsors"

Für alles andere brauchst du JS

Stjubit · 04/26/2015, 17:53

In jQuery gibt es dafür eine sehr nützliche Funktion:

Mfg,
Stjubit

Kid Ink' · 04/26/2015, 18:03

Danke für die schnellen Antworten

Menan · 04/26/2015, 19:01

Lässt sich auf per HTML und CSS implementieren.
Falls gewünscht werde ich es erklären

MrDami123 · 04/26/2015, 22:39

sieht gut aus.

Kid Ink' · 04/26/2015, 23:20

Würde mich über die HTML und CSS Erklärung freuen.

mfg
Kid Ink'

LekoArts · 04/26/2015, 23:27

Würde mal das hier in den Raum werfen (HTML/CSS):

Kid Ink' · 04/27/2015, 00:08

so habe nun etwas hinbekommen

Quote:

a.tooltip {
position: relative;
text-decoration: none;
}
a.tooltip:after {
content:attr(data-tooltip);
position:absolute;
border:1px solid #CCC;
bottom:50%;
right: 100%;
background-color:#FFF;
padding: 12px;
color: black;
opacity: 0;
}

a.tooltip:hover:after, a:hover:before {
opacity: 1;
}

meine frage ist jetzt, ich möchte das der rahmen, auch um das icon drumherum ist, das icon ist 50x50 groß.