[phpBB2] Expressantworten und Hoverefeckt?

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

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

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^^"

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
}

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

Thema kann closed.

Bitteschön.
-closed-