Lexi Help
Partner
www.forumieren.com

[phpBB2] Expressantworten und Hoverefeckt?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Expressantworten und Hoverefeckt?

Beitrag von Lios am Do 18 Apr 2013 - 18:33

Hi,

ich habe nun ein neues Problem..und zwar..in dem Forum hier: http://otaku-livestyle.forumieren.com/ das Design is cool und will es noch nen bissi bearbeiten, jedoch habe ich nun bei den Antworenfeld etwas bemerkt was nicht nur mich sondern auch die Gründeradmina etwas stört.
Und zwar ist es folgendes Problem, wenn man auf "Antworten" Klickt, hat man zuerst ein Schwarzes Feld, aber sobald man in das Feld reinklickt und schreiben will, wird dieses weiß, bekommt einen Roten rand und die Textfarbe ist weiß.
Ich habe in dem CSS schon gesucht wie verrückt, ja ich kenne mich CSS noch nicht so aus, und finde irgendwie die Stelle nicht, welche dies verursacht.#
Dachte das es der Befehl mit dem hovereffeckt ist, aber dies war es anscheinend auch nicht.

Hier mal 2 Bilder, einmal ohne das ich in das Feld klicke und dann wo ich in das Feld geklickt hab:




Ich bitte um Hilfe, damit ich den Effekt evtl raus nehmen oder ändern kann.

lg Lios


Zuletzt von Lios am Do 18 Apr 2013 - 19:02 bearbeitet, insgesamt 1 mal bearbeitet

Lios
Lehrling
Lehrling

Weiblich Beiträge : 183
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Expressantworten und Hoverefeckt?

Beitrag von Günther am Do 18 Apr 2013 - 18:39

Hallo,

Hovereffekte werden in CSS ja mit der Pseudoklasse :hover bestimmt:
http://www.css4you.de/hover.html
Dasselbe gilt auch für Eingabefelder, die sich optisch verändern, wenn sie aktiv (= mit dem Cursor oder dem Tabulator ausgewählt) werden. In diesem Fall kommt die Pseudoklasse :focus zur Anwendung:
http://www.css4you.de/focus.html

Wenn du dich dort einliest und dir diese Pseudoklasse ansiehst, sollte dir klar sein, wie der Effekt entsteht. In eurem persönlichen Stylesheet befindet sich der dafür zuständige Bereich dort:
Code:
textarea {
  -htm-box-shadow:0 0 4px #38342d;
  -moz-box-shadow:0 0 4px #38342d;
  -o-box-shadow:0 0 4px #38342d;
  -webkit-box-shadow:0 0 4px #38342d;
  background:#e6e6e6;
  border:1px solid #f5f4ee;
  box-shadow:0 0 4px #38342d
}
textarea:focus {
  -htm-box-shadow:0 0 4px #d72b37;
  -moz-box-shadow:0 0 4px #d72b37;
  -o-box-shadow:0 0 4px #d72b37;
  -webkit-box-shadow:0 0 4px #d72b37;
  background:#e6e6e6;
  border:1px solid #f5f4ee;
  box-shadow:0 0 4px #d72b37
}
Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Expressantworten und Hoverefeckt?

Beitrag von Lios am Do 18 Apr 2013 - 18:48

OKay..also die Felder hatte ich auch schon gefunden und auch beim abändern tat sich iwie nix..hm..also der Code der in dem CSS dort steht ist folgender:

Code:
textarea
{
  background: #e6e6e6;
  border: 1px  solid #f5f4ee;
  box-shadow: 0px 0px 4px #38342d;
  -moz-box-shadow: 0px 0px 4px #38342d;
  -o-box-shadow: 0px 0px 4px #38342d;
  -htm-box-shadow: 0px 0px 4px #38342d;
  -webkit-box-shadow: 0px 0px 4px #38342d;
}
textarea:focus
{
 
  background: #e6e6e6;
  border: 1px  solid #f5f4ee;
  box-shadow: 0px 0px 4px #d72b37;
  -moz-box-shadow: 0px 0px 4px #d72b37;
  -o-box-shadow: 0px 0px 4px #d72b37;
  -htm-box-shadow: 0px 0px 4px #d72b37;
  -webkit-box-shadow: 0px 0px 4px #d72b37;
}

Kann sein das ich mich in der Hinsicht zu doof anstelle oder das ich was falsch geändert habe^^"

Lios
Lehrling
Lehrling

Weiblich Beiträge : 183
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Expressantworten und Hoverefeckt?

Beitrag von Günther am Do 18 Apr 2013 - 18:55

Wenn du die :focus-Eigenschaften richtig änderst, wird das auch umgesetzt. Die Werte des Normalzustands werden aber durch einen weiteren Eintrag, der gegen Ende des persönlichen CSS folgt, in den Eigenschaften Hintergrundfarbe, Rahmenfarbe und Textfarbe überschrieben:
Code:
input, select, textarea {
  background-color:#000;
  border-color:#FFF;
  color:#FFF
}

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Expressantworten und Hoverefeckt?

Beitrag von Lios am Do 18 Apr 2013 - 19:01

Danke danke danke *----------* hat nun endlich funktioniert.
Vielen vielen danke Günther.

Thema kann closed.

Lios
Lehrling
Lehrling

Weiblich Beiträge : 183
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Expressantworten und Hoverefeckt?

Beitrag von Günther am Do 18 Apr 2013 - 19:04

Bitteschön. Smile
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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