MouseOver Effekt [Hilfe]

04/26/2015 17:33 Kid Ink'#1
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'
04/26/2015 17:45 Shawak#2
Code:
title="Name des Sponsors"
Für alles andere brauchst du JS
04/26/2015 17:53 Stjubit#3
In jQuery gibt es dafür eine sehr nützliche Funktion:
[Only registered and activated users can see links. Click Here To Register...]

Mfg,
Stjubit
04/26/2015 18:03 Kid Ink'#4
Danke für die schnellen Antworten
04/26/2015 19:01 Menan#5
Lässt sich auf per HTML und CSS implementieren.
Falls gewünscht werde ich es erklären ;)
04/26/2015 22:39 MrDami123#6
[Only registered and activated users can see links. Click Here To Register...] sieht gut aus.
04/26/2015 23:20 Kid Ink'#7
Würde mich über die HTML und CSS Erklärung freuen.

mfg
Kid Ink'
04/26/2015 23:27 LekoArts#8
Würde mal das hier in den Raum werfen (HTML/CSS):

[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
04/27/2015 00:08 Kid Ink'#9
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ß.