Das Forum der Foren
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

[phpBB2] Hover Effect Farbe ändern

2 verfasser

Nach unten

Erledigt [phpBB2] Hover Effect Farbe ändern

Beitrag von Julchen96 Di 24 Feb 2015 - 14:22

Einen wunderschönen (:

Es geht wieder um das Thema "Hove Effect" ( ich hatte hierzu bereits eine Frage gestellt.)  Der Effect an sich klappt wunderbar, danke nochmals an Gunich. Nun würde ich jedoch gerne die Farbe bei einem "Mouseover Effect ändern. Zur Zeit geht der "Übergang" in ein Orange über ... allerdings hätte ich Ihn gerne in einen Rotton.
Hier nochmals der Link zur Seite: http://tympanus.net/Tutorials/OriginalHoverEffects/
Könnt ihr mir verraten wo ich dies abändern kann?

LG Julia


Zuletzt von Julchen96 am Di 24 Feb 2015 - 18:42 bearbeitet; insgesamt 3-mal bearbeitet
Julchen96
Julchen96
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 96
Browser : Internet Explorer 9
Anmeldedatum : 09.02.13

Nach oben Nach unten

Erledigt Re: [phpBB2] Hover Effect Farbe ändern

Beitrag von #Frank Di 24 Feb 2015 - 15:26

Kannst du bitte mal die CSS Eninträge die zu diesem Effekt gehören hier Posten?
Dort liegt des Rätsels Lösung.
#Frank
#Frank
Administrator
Administrator

Männlich Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!

Browser : Firefox
Anmeldedatum : 13.08.08

Nach oben Nach unten

Erledigt Re: [phpBB2] Hover Effect Farbe ändern

Beitrag von Julchen96 Di 24 Feb 2015 - 15:42

Hi Frank, aber gerne doch:

Code:

.view-first .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: rgba(219,127,8, 0.7);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


Zuletzt von Julchen96 am Di 24 Feb 2015 - 16:11 bearbeitet; insgesamt 2-mal bearbeitet
Julchen96
Julchen96
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 96
Browser : Internet Explorer 9
Anmeldedatum : 09.02.13

Nach oben Nach unten

Erledigt Re: [phpBB2] Hover Effect Farbe ändern

Beitrag von #Frank Di 24 Feb 2015 - 15:51

Die Hintergrundfarbe beim Hovern gibst du hier an:
.view-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(219,127,8, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
Die Farbe wird hier im RGB Code durch die ersten drei Zahlen angegeben. Bei dir:
219,127,8,
was bei dir dieses Orange ergibt. Die Zahl 0.7 gibt die Transparenz an.
Um nun das Orange in ein Rot zu ändern ersetzt du: 219,127,8, in 255,0,0,
Eine Farbtabelle für alle Farben im HEX und RGB code findest du hier:
http://www.farb-tabelle.de/de/farbtabelle.htm
#Frank
#Frank
Administrator
Administrator

Männlich Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!

Browser : Firefox
Anmeldedatum : 13.08.08

Nach oben Nach unten

Erledigt Re: [phpBB2] Hover Effect Farbe ändern

Beitrag von Julchen96 Di 24 Feb 2015 - 15:58

cool. danke Frank Smile
sobald ich wieder zu Hause bin - bin momentan über das Mobiltelefon on, versuche ich mein Glück und melde mich bei dir.
LG Julia
Julchen96
Julchen96
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 96
Browser : Internet Explorer 9
Anmeldedatum : 09.02.13

Nach oben Nach unten

Erledigt Re: [phpBB2] Hover Effect Farbe ändern

Beitrag von #Frank Di 24 Feb 2015 - 16:00

O.k. top
#Frank
#Frank
Administrator
Administrator

Männlich Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!

Browser : Firefox
Anmeldedatum : 13.08.08

Nach oben Nach unten

Erledigt Re: [phpBB2] Hover Effect Farbe ändern

Beitrag von Julchen96 Di 24 Feb 2015 - 18:42

Hat alles wunderbar geklappt top herzlichen Dank Smile
Ihr seid wie immer spitze
GGLG Julia
Julchen96
Julchen96
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 96
Browser : Internet Explorer 9
Anmeldedatum : 09.02.13

Nach oben Nach unten

Erledigt Re: [phpBB2] Hover Effect Farbe ändern

Beitrag von Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten