+ Antworten
Ergebnis 1 bis 9 von 9
  1. #1
    Registriert seit
    Nov 2017
    Ort
    Nähe Lübeck
    Beiträge
    113

    Standard CSS-Tag für die erste Zeile im Webfront

    Hallo zusammen,

    kann mir einer von Euch verraten, wie die erste Zeile im Webfront per CSS angesprochen wird?

    Klicken Sie auf die Grafik für eine größere Ansicht 

Name:	Bildschirmfoto 2018-01-13 um 09.02.25.png 
Hits:	213 
Größe:	51.2 KB 
ID:	42178

    In meinem Screenshot also die Zeile wo Home, Wetter und Gewerke sowie Datum und Uhrzeit steht.

    Ich würde hier gerne eine andere Farbe als Hintergrund wählen.

    Grüße
    Nic

  2. #2
    Registriert seit
    Nov 2017
    Ort
    Nähe Lübeck
    Beiträge
    113

    Nachtrag:

    die Klasse
    HTML-Code:
    .ipsTabPane > .navigation
    { 
      background-color:red;
    }
    färbt leider alle Zeilen der Navigation und nicht nur die erste.

    Weiss hier jemand von Euch weiter?

  3. #3
    Registriert seit
    Feb 2005
    Ort
    Lübeck
    Beiträge
    22,179

    Du musst das CSS etwas "genauer" machen. Also z.B. irgendwo noch die ipsWebFront Klasse einbauen. Schau mal in den DOM was vor dem ipsTabPane so noch kommt, auf das du es spezifizieren könntest.

    paresy

  4. #4
    Registriert seit
    Nov 2017
    Ort
    Nähe Lübeck
    Beiträge
    113

    danke erst mal.

    Leider bin ich nicht so der CSS-Crack.

    Ich habe mal folgendes probiert:

    HTML-Code:
    .ipsWebFront
    { 
      background-color:red;
    }
    Ergebnis:
    Klicken Sie auf die Grafik für eine größere Ansicht 

Name:	Bildschirmfoto 2018-01-13 um 11.21.23 1.png 
Hits:	118 
Größe:	70.4 KB 
ID:	42183

    irgendiwe scheine ich es nicht richtig zu verstehen.... :-(

  5. #5
    Registriert seit
    Feb 2005
    Ort
    Lübeck
    Beiträge
    22,179

    Ich dachte eher an:

    Code:
    .ipsWebFront > .ipsTabPane > .navigation
    { 
      background-color:red;
    }
    Schau dir mal ein paar Tutorials zu CSS an und was diese ganzen Zeichen und Klassen bedeuten

    paresy

  6. #6
    Registriert seit
    Nov 2017
    Ort
    Nähe Lübeck
    Beiträge
    113

    Danke - so funktionierts.

    Hast Du einen Tip / Tutorial-Beispiel für mich, womit man starten sollte?

  7. #7
    Registriert seit
    Mar 2012
    Beiträge
    92

    Brauchbare deutschsprachige Einsteigerdoku:

    CSS SELFHTML-Wiki

    oder

    CSS Tutorial - HTML.net


    Sehr umfangreich, in Englisch:

    CSS Tutorial w3schools.com

  8. #8
    Registriert seit
    Jul 2010
    Ort
    Südwestpfalz
    Beiträge
    6,949

    Auch immer einen erstaunten Blick wert:

    CSS Zen Garden: The Beauty of CSS Design


    Gesendet von iPad mit Tapatalk
    Gruß Boui . . . IPS-unlim. auf Tinker Board S und aktuell auf einem Pi3 läuft pivccu3

    Die gefährlichste Form der Zensur ist die Schere im eigenen Kopf.(Curzio Malaparte)

  9. #9
    Registriert seit
    Nov 2016
    Ort
    Österreich, OÖ, Schärding
    Beiträge
    557

    Standard CSS Änderung für Inhaltstext

    Guten Abend,

    hätte eine Bitte. Um den Text (inhalt) übersichtlicher zu machen (weniger Scrollen), möchte ich ihn kleiner machen.
    Welche Zeile in der *.css wäre denn das? Bin überfordert..

    Danke und lg

    Klicken Sie auf die Grafik für eine größere Ansicht 

Name:	Unbenannt.jpg 
Hits:	51 
Größe:	122.2 KB 
ID:	47696
    KNX: IPS @ Raspberry Pi3 Unlimited
    IPSStudio - Collibrico - Sonos - Alexa - ekey - Synology NAS - Reolink - Vaillant LWP + KWL

Ähnliche Themen

  1. Antworten: 5
    Letzter Beitrag: 19.10.13, 01:34
  2. Icons der Profile über die CSS unterdrückbar?
    Von bumaas im Forum WebFront Skins
    Antworten: 8
    Letzter Beitrag: 13.09.13, 11:22
  3. Squeezebox für einen bestimmten Tag die Weckzeit auslesen
    Von fraggle im Forum Skripte, PHP, SQL
    Antworten: 6
    Letzter Beitrag: 06.01.13, 13:47
  4. Antworten: 12
    Letzter Beitrag: 01.03.11, 11:32