+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Style ändern für Nachricht 'Email versendet'

  1. #1
    Neu an Board
    Registriert seit
    17.11.2009
    Beiträge
    4
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Style ändern für Nachricht 'Email versendet'

    Hallo,
    ich habe ein Kontaktformular installiert, alles funktioniert auch bestens. Wenn das Fomular abgeschickt wird, erscheint eine Nachricht "Email wurde versendet." im Design der #system-messages.
    Ich möchte gerne das Aussehen dieser Nachricht anpassen (Balken oben und unten sowie Hintergrundfarbe löschen, damit die Nachricht neutral aussieht (nur Text).

    Unter templates/sytem/css/system.css habe ich bereits versucht, einige Änderungen vorzunehmen, komme aber nicht wirklich weiter.

    Wer kann mir konkret sagen, an welcher Stelle ich in der CSS-Datei diese Änderungen vornehmen kann? Ist es überhaupt die richtige?

    Anbei der Quellcode der CSS:
    /* Unpublished -Hier habe ich die Border-farben geändert-ohne Wirkung*/
    .system-unpublished {
    background: #e8ecb3;
    border-top: 4px solid #809B3A;
    border-bottom: 4px solid #809B3A;

    }

    /* System Messages l*/
    #system-message { margin-bottom: 10px; padding: 0;}
    #system-message dt { font-weight: bold; }
    #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
    /* Textfarbe und Border-Farbe geändert, neue Textfarbe sichtbar, neue Border-Farbe nicht*/
    #system-message dd ul { color: black; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #809B3A; border-bottom: 3px solid #809B3A;}

    /* System Standard Messages */
    #system-message dt.message { display: none; }
    #system-message dd.message { }

    /* System Error Messages */
    #system-message dt.error { display: none; }
    #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

    /* System Notice Messages */
    #system-message dt.notice { display: none; }
    #system-message dd.notice ul { color: #c00; background: #e8ecb3; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

    /* Debug */
    #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
    #system-debug div { font-size: 11px;}

    Danke im Voraus.

  2. #2
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    München
    Beiträge
    10.687
    Bedankte sich
    338
    Erhielt 3.354 Danksagungen
    in 3.244 Beiträgen

    Standard

    Zitat Zitat von lnnworld Beitrag anzeigen
    ....

    Wer kann mir konkret sagen, an welcher Stelle ich in der CSS-Datei diese Änderungen vornehmen kann? Ist es überhaupt die richtige?
    ...
    Mach es uns und Dir doch nicht so schwer. Durch Deinen Quellcode, den Du uns gegeben hast, kann niemand die wirklichen Auswirkungen auf Deiner Seite voraussagen. Hast Du nicht einen Link? Oder benutze doch den WebDeveloper bzw. Firebug für FF, mit dem kannst Du die Selektoren in der CSS finden die für das Design zuständig sind.

    Gruß T.

  3. #3
    Neu an Board
    Registriert seit
    17.11.2009
    Beiträge
    4
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Ja, es ist wohl besser, es mit dem firebug zu versuchen.

    Danke für den Tipp!

  4. #4
    Neu an Board
    Registriert seit
    17.11.2009
    Beiträge
    4
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Daumen hoch

    Das mit Firebug war ein Super-Tipp! Problem gelöst!Vielen Dank.

    Man muss die Values in der css des benutzen Templates ändern, welche das genau sind, findet man schnell mit Firebug raus.

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein