Zum Inhalt springen

Forumular Beschriftungsfarbe ändern

Erstellt am 20. Juni 2005 · 4 Antworten · letzte Antwort am 21. Juni 2005

Tags: HTML & CSS, Frage

PC-Profi ·

Hi,

habe mir ein eigenes Template erstellt ( mein erstes ), hat auch alles wunderbar geklappt jedoch, habe ich folgendes Problem: Wenn ich das Formular einfüge auf einer Seite, ist die Schrift der Beschriftung schwarz, leider ist bei mir die Hintergrundfarbe auch schwarz. Wie ändere ich nun die Schriftfarbe

<style type="text/css"> 

<!-- 

.Stil1 {font-family: vinque; color: #FFFFFF;} 

--> 

</style>

# Example content:
Name: | *name = input,40 | Enter your name here
Email: | *email=input,40 |
Address: | address=textarea,40,5 |
Contact me: | tv=check | 1

|formtype_mail = submit | Send form!
|html_enabled=hidden | 1
|subject=hidden| This is the subject

Das oben mit Style hat nicht geklappt 🙁
Hoffe einer kann mir anhand dieser Daten oben sagen was ich dort einfügen muss dmait es klappt oder ändern muss.

Ich dnake schon mal im Vorraus

Unbekannter Benutzer ·

Hi,

ich kann den von dir geposteten TypoScript-Code nicht ganz einordnen. Die Schriftfarbe für Formulare änderst du am besten in deiem Stylesheet, so du eins hast.

Da könnte dann in etwa so etwas stehen wie:

input {
    color:white;
    background-color:black;
    border-color:white;
    font-family:dein-font;
    font-size:so-und-so-groß;
}

Das Stylesheet ist entweder eine eigene Datei, die irgendwo unter 'fileadmin/' angelegt wurde und dann im TypoScript-Setup verlinkt ist ('page.stylesheet = fileadmin/dein_stylesheet.css') , oder du verdrahtest die Styles im TypoScript-Setup. Das ginge so:

page.CSS_inlineStyle (
    form {border:1px solid white;}
    input {border:1px solid white;color:white;background-color:black;}
)

usw.

PC-Profi ·

Hi,

eine CSS Datei habe ich die eingeladne wird klappt auch soweit in dem Content-Bereich für Text jedoch nicht für das Formular. Für den Content habe ich folgendes im TypoScript ( Setup )

INHALT = CONTENT
         INHALT {
                     table = tt_content
                     select.orderBy = sorting
                     }

in der CSS steht folgendes:
.contentfont { font-family: vinque; color: #C6AB5B; }

in der Vorlage-Datei für das Template steht dann halt für das DIV die class="contentfont".

Klappt ja auch so weit bei der Schrift abe rleider nicht bei der Beschriftung der Felder.

Unbekannter Benutzer ·

Dann trag doch mal an der Stelle, wo

.contentfont {font-family:vinque;color: #C6AB5B;}

steht, das ein, was ich dir weiter oben schon geraten hatte:

input {font-family:vinque;font-size:10px;color:white;background-color:black;}

bzw. die deinem angestrebten Layout entsprechenden Modifikationen.

Falls das nicht klappt, poste bitte mal den HTML-Code für das Formular, so wie er von Typo3 generiert wird.

Gruß
Stefan Padberg

Unbekannter Benutzer ·

Mir kommt grad noch die Frage: Willst du die Eingabefelder umfärben oder willst du die Labels für die Eingabefelder umfärben?

Am besten postest du wirklich mal den HTML-Output für dein Formular, dann kann ich dir genau sagen, wie du was umfärben kannst.

Im Übrigen ist das kein Typo3-Problem, sondern ein CSS-Problem. Ich empfehle dir mal ein gründliches Studium von CSS, vielleicht als Startpunkt:

http://www.selfhtml.org

Dann kannst du im Handumdrehen selbst dein Layout erstellen bzw. anpassen.

Nochmals
Stefan Padberg