Lexi Help
Die neuesten Themen
» [Update] Neues Theme der mobilen Version V2
von Forumbot Gestern um 19:32

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 11:29

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

» SQL Zugang
von inde Mo 19 Sep 2016 - 18:56

» Design vergrößern. Probleme mit Design.
von Minka02 Mo 19 Sep 2016 - 17:42

» Logo für Minka02 (Kampfkatzen-rgp.forumieren.net)
von inde Mo 19 Sep 2016 - 16:09

» Wo kann man einen Avatar als User iner Seite hochladen?
von inde Mo 19 Sep 2016 - 14:25

» FC Liverpool Forum
von inde Mo 19 Sep 2016 - 12:00

Partner
free forum

Nur Bilder bei mouseover erblassen lassen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Nur Bilder bei mouseover erblassen lassen

Beitrag von Tierfreund-97 am Mi 25 Mai 2011 - 14:04

Hallo!

Ich habe hier diesen Code:

Code:

a.mainmenu{
filter:alpha(opacity=100);
-moz-opacity: 2.0;
opacity: 2.0;
  }
a.mainmenu:hover{
          filter:alpha(opacity=90); 
-moz-opacity: 0.65; 
opacity: 0.30;
    }

Wenn ich den benutze, erblassen nur die Bilder in der Navigationsleiste.

Meine Frage:

Kann man den Code so ändern, dass alle Bilder mit Links erblassen, aber die Schrift immer noch die Farbe bei mouseover ändert und nicht blasser wird, wie die Bilder?

Tierfreund-97
Lehrling
Lehrling

Weiblich Beiträge : 163
Hinweis : All you need is love and a cat! :)
Anmeldedatum : 09.04.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Nur Bilder bei mouseover erblassen lassen

Beitrag von LouiXIV am Mi 25 Mai 2011 - 15:45

Mit dem Code:
Code:
img:hover {
  opacity:0.65;
}
kannst du ALLE Bilder beim Mousover verblassen lassen, ob mit Link, oder ohne.
Ich glaube du kannst hier nicht nur Bilder mit Link wählen, bin aber nicht sicher.

PS: ich würde nicht mit "-moz-opacity" arbeiten, denn es kann sein, dass der IE das dann nicht richtig ausführt.

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Nur Bilder bei mouseover erblassen lassen

Beitrag von Tierfreund-97 am Mi 25 Mai 2011 - 16:39

Ich habs probiert und mir gefällts auch so. Danke ^^ Very Happy

ähm, wenn ich nicht mit -moz-opacity arbeiten soll, kannst du mir dann sagen, was ich noch benutzen kann?

Aber bitte noch nicht schließen, vllt findet ja jemand den Code, wo alle Bilder mit erblassen, aber nicht die schrift (wenn es überhaupt geht).

Tierfreund-97
Lehrling
Lehrling

Weiblich Beiträge : 163
Hinweis : All you need is love and a cat! :)
Anmeldedatum : 09.04.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Nur Bilder bei mouseover erblassen lassen

Beitrag von LouiXIV am Mi 25 Mai 2011 - 16:51

einfach nur "opacity". Ich glaube die Zeile mit "filter:alpha" kannst du dir auch sparen.

Edit, ich glaub ich hab es gefunden. Ersetze meinen ersten Code durch:
Code:
a img:hover {
  opacity:0.65;
}

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Nur Bilder bei mouseover erblassen lassen

Beitrag von Tierfreund-97 am Mi 25 Mai 2011 - 17:21

Okay. ^^

Danke Very Happy

jetzt werden nur bilder mit links blasser, so wie ich es wollte Smile

Tierfreund-97
Lehrling
Lehrling

Weiblich Beiträge : 163
Hinweis : All you need is love and a cat! :)
Anmeldedatum : 09.04.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten