Hallo alle zusammen kann mir einer sagen wie ich es hin bekomme wenn ich über denn user nammen in der onlinbox gehe das der avatar angezeigt wierd bekomme es leider nicht hin hofe ihr könnt mir helfen
mfg Pilzwb
verwendete ilchClan Version: 1.1 O
betroffene Homepage: externer Link
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » mouseover AVATAR in der onlinbox
| Geschlossen | ||
-
-
Mo. 14.10.2013
18:04 Uhr
#2
- Registriert seit
- 31.03.2013
- Beiträge
- 1.337
- Beitragswertungen
Hab selber heute erst nen Tipp bekommen...
Googel mal nach css tooltipp...
Gruß MarkusDie richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein« -
Mo. 14.10.2013
19:50 Uhr
#3
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Fancy Tooltips find ich auch sehr schick, braucht dann aber Jquery.
Ich mache das auf meiner Seite mit CSS (siehe mein Profil)
Bei der Gelegenheit nochmal vielen Dank an Galle für die Hilfe !
Wollte aber bei Gelegenheit die Jquery Variante auch mal Ausprobieren.
Hat damit schon wer Erfahrung ? -
ok danke für die info
-
Di. 15.10.2013
19:26 Uhr
#5
- Registriert seit
- 15.10.2013
- Beiträge
- 1
- Beitragswertungen
jQuery oder Css (leider css 3). Also beste Lösung ist jQuery für alle Falle. -
Di. 15.10.2013
21:45 Uhr
#6
- Registriert seit
- 17.11.2005
- Beiträge
- 4.606
- Beitragswertungen
was hast du für ein Problem mit CSS3? -
mein Problem ist ich bekomme es nicht hin mit denn einbaun
-
Mi. 16.10.2013
10:04 Uhr
#8
- Registriert seit
- 31.03.2013
- Beiträge
- 1.337
- Beitragswertungen
Du definierst Dir in Deiner style.css z.Bsp. eine neue Klasse, sagen wir mal.newsbox span.info
, in welcher Du die Eigenschaften des Tooltipps definierst.
Wichtig dabei sind die Eigenschaften position: absolute und visibility: hidden!
Alles andere wie Border oder color usw. machst Du so, wie Du möchtest.
Dann definierst Du zu dieser Klasse noch den hover:.newsbox:hover span.info
In dieser machst Du das Ganze sichtbar.
Eingebaut würde das dann so aussehen:<a href="index.php?news-2" class="newsbox"><span class="info">Tooltipp-Content</span></a>
Für Tooltipp-Content setzt Du das ein, was Du anzeigen lassen möchtest, also z.Bsp.<img scr="/images/avatars/gast.png"
oder Informationen zum Link, denn Du gerade hoverst, z.Bsp. Verfasser der News usw...
Einfach mal nach css tooltipp googeln...
Zuletzt modifiziert von Outi77 am 16.10.2013 - 10:11:25Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein« -
cool danke dir werde es gleich mal versuchen
-
Mi. 16.10.2013
12:47 Uhr
#10
- Registriert seit
- 14.10.2013
- Beiträge
- 40
- Beitragswertungen
danke Outi77
@pizwb: Mit CSS3 kann man dann auch noch Transitions einbauen, dann hat man gleich einen schönen Fade-Effekt.
CSS3 ist in jedem aktuellen Browser verfügbar. Man sollte bei einigen Eigenschaften dennoch die Vendor Prefixes (-webkit-*, _ms-*, etc) verwenden.
Falls du noch Fragen hast, melde dich gerne
MfGUI-Engineer,
Webdeveloper,
Webninja and Codewizard,
-
Mi. 16.10.2013
16:58 Uhr
#11
- Registriert seit
- 31.03.2013
- Beiträge
- 1.337
- Beitragswertungen
Was mich aber noch interessieren würde ist, ob man in dem Tooltipp einen Link darstellen kann? Mit meinen Kenntnissen habe ich das leider nicht hinbekommen.Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein« -
Mi. 16.10.2013
16:59 Uhr
#12
- Registriert seit
- 23.03.2007
- Beiträge
- 2.425
- Beitragswertungen
Zitat geschrieben von Outi77
Ich konnte mal bei nem Slider (WOW Slider glaub ich) im alt="" - Tag php Code verwenden ich denke also, dass das kein Problem sein sollte.
Nichts ist so sicher, wie die Änderung. -
Mi. 16.10.2013
17:01 Uhr
#13
- Registriert seit
- 31.03.2013
- Beiträge
- 1.337
- Beitragswertungen
Das müßte ich mal probieren...(Y)Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein« -
Mi. 16.10.2013
19:52 Uhr
#14
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Man kann dem <span> Tags auch html Attribute verpassen.
Guckst Du hier: externer Link
Schau mal auf meiner HP bei den links.
Das Vorschau Bild was sich beim Hovern öffnet ist klickbar...
Zuletzt modifiziert von Jens238 am 16.10.2013 - 19:54:05 -
Mi. 16.10.2013
20:55 Uhr
#15
- Registriert seit
- 31.03.2013
- Beiträge
- 1.337
- Beitragswertungen
OK ich beschreibe mal, was ich vorhabe:
Ich habe in einem Icon-Panel unter anderem ein Icon für den Admin-Bereich.
Jetzt wollte ich mit diesem Icon bzw. beim Hover darüber im Tooltipp eine Art Admin-Box bauen, in der man z.Bsp. die noch nicht freigeschalteten, neu registrierten User sieht und/oder freizuschaltende News, die eingereicht wurden.
Das heißt, der Klick auf das Admin-Icon soll zum Admin-Bereich führen (admin.php?admin), der Klick im Tooltipp aber z.Bsp. zur Userfreischaltung (admin.php?puser) und/oder zu den News (admin.php?news).Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein« -
Mi. 16.10.2013
21:15 Uhr
#16
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Für das was Du da vor hast, würde ich eher ein Dropdown Menü verwursten.
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten