WinFuture-Forum.de: Hilfe bei CSS - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Hilfe bei CSS ein Objekt nur bei mouseover anzeigen lassen


#1 Mitglied ist offline   bassdrum 

  • Gruppe: aktive Mitglieder
  • Beiträge: 267
  • Beigetreten: 20. August 09
  • Reputation: 4

geschrieben 10. April 2011 - 17:00

Hallo ich möchte auf meinem Blog den "Facebook-Like-Button" ausblenden und nur anzeigen lassen wenn man mit der Maus über dem Artikel ist.

__________
Das ganze habe ich hier das erste mal gesehen:
http://www.flashglam...ost.php?id=6490
__________

Ich habe mal versucht mit Firebug den Code auszulesen, das ist mir aber nicht gelungen oder nur teilweise verständlich.

Ausserdem glaube ich nicht das ein Plugin verwendet wurde, bin mir aber unsicher.

Also vlt. findet sich hier jemand der in CSS besser bewandert ist oder eben den Quelltext besser lesen kann.
0

Anzeige



#2 Mitglied ist offline   Taxidriver05 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.609
  • Beigetreten: 14. Mai 09
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Schkopau - OT Ermlitz
  • Interessen:- Ausgehen,
    - Sport (am liebsten an der frischen Luft),
    - Musik (machen und hören),
    - Grafik- und Webdesign,
    - gut Essen,
    - an PCs basteln (für den schnellen Euro ;-)),
    uvm.

geschrieben 10. April 2011 - 17:09

Das geht über ne "hover"-Deklaration...
BORN STUPID? TRY AGAIN!

"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
0

#3 Mitglied ist offline   bassdrum 

  • Gruppe: aktive Mitglieder
  • Beiträge: 267
  • Beigetreten: 20. August 09
  • Reputation: 4

geschrieben 11. April 2011 - 08:38

mhh, habe ich mir mal angeschaut komme aber nicht weiter...
0

#4 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.942
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 11. April 2011 - 08:46

irgendeinelement:hover unterelement {display:block}

0

#5 Mitglied ist offline   bassdrum 

  • Gruppe: aktive Mitglieder
  • Beiträge: 267
  • Beigetreten: 20. August 09
  • Reputation: 4

geschrieben 11. April 2011 - 18:07

mein facebook iframe liegt in

<p class="filed categories alt-font tight">

Diese Klasse finde ich allerdings nicht in meiner css Datei.

Kann ich jetzt trotzdem in meine css datei schreiben:

filed categories alt-font tight:hover unterelement {display:block}


?

Also das dann in der php datei steht:

<p class="filed categories alt-font tight">
 <p class="unterelement">
   <iframe........
 </p>
</p>

Dieser Beitrag wurde von bassdrum bearbeitet: 11. April 2011 - 18:07

0

#6 Mitglied ist offline   bassdrum 

  • Gruppe: aktive Mitglieder
  • Beiträge: 267
  • Beigetreten: 20. August 09
  • Reputation: 4

geschrieben 11. April 2011 - 19:16

Ich glaube das war der falsche Ansatz

Es gibt im Content -> noch die Klasse Post mit der unterklasse Entry

Was ich jetzt gemacht habe

im css:

.hentry:hover .like{display: block;}

im php

<div class="like">test</div>


jetzt steht immer test da, von hover keine spur :(

Bitte gebt mir noch etwas Hilfe.

Dieser Beitrag wurde von bassdrum bearbeitet: 11. April 2011 - 19:50

0

#7 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.942
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 11. April 2011 - 21:02

<div class="hentry"><div class="like">test</div></div>

Dann klappt auch dein CSS Code:
.hentry:hover .like{display: block}

0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0