+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: Wie kann ich Schriftstil in einem bestehenden Template mit vererbten Stilen ändern?

  1. #1
    Neu an Board
    Registriert seit
    04.12.2011
    Beiträge
    25
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Wie kann ich Schriftstil in einem bestehenden Template mit vererbten Stilen ändern?

    Hallo

    Hoffe ich kann mich hier klar ausdrücken.

    Verwende Joomla 1.7

    Ich möchte im Template "themza_j17_04 - Standard" die Schriftfarbe der Text-Überschriften ändern.
    Nun sind die Schriftstile mit jenen aus dem Benutzermenü verbunden resp. irgendwie "geerbt", somit ändern sich diese bei Farbänderung ebenfalls mit was ich eben nicht möchte.

    Code: siehe Anhang

    in der CSS finde ich nirgends eine Möglichkeit diese zu ändern. Oder wie könnte ich den Status vererbt für die Überschriften löschen?

    <h2>
    <a href="/xxx/index.php/using-joomla/extensions/components/content-component/article-category-list/8-einsteiger"> Einsteiger</a>
    </h2>

    In der index.php habe ich auch nichts gefunden.

    Ich suche nun schon seit Tagen und komme einfach nicht weiter.
    Ich bin jedoch Anfänger also bitte einfache Erklärung.
    Danke vielmals
    Angehängte Grafiken
    Geändert von serio (05.01.2012 um 12:50 Uhr)

  2. #2
    Wohnt hier Avatar von oldlady
    Registriert seit
    17.09.2008
    Ort
    München
    Beiträge
    4.848
    Bedankte sich
    357
    Erhielt 1.409 Danksagungen
    in 1.290 Beiträgen

    Standard

    Das ist immer ungünstig, wenn man keinen Link hat. Auf der Grafik kann ich nichts erkennen. Aber vielleicht hilft dir diese Erklärung.
    Du kannst in deine css-Datei einfach eine neue Definition reinschreiben und damit diene h2 für einen bestimmten Bereich neu definieren.
    Angenommen der Bereich in der Mitte heißt <div class="content"><h2>hallo</h2> ... </div>.
    Dann schreibst du in deine css-Datei .content h2 {color: deine farbe; }
    Grüße, Christiane
    Joomla braucht dich!

  3. #3
    Neu an Board
    Registriert seit
    04.12.2011
    Beiträge
    25
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Danke für die prompte Antwort.

    Nun dass ich neue Definitionen reinschreiben kann habe ich schon begriffen. Mein Problem ist dass ich diese Zeilen oder für den Code für <H2> nicht finde. In keiner CSS Dateien jedenfalls
    Ich habe hier mal noch die Pfade kopiert:
    XPath: /html/body/div/div[3]/div[3]/div[2]/div/h2 (www://w3.org/1999/xhtml)

    - ich verstehe nicht wo diese www Adresse sein sollte

    html body#page_bg div#main_bg.banner1 div#maincolumn_middle div.blog-featured div.items-row div.item h2

  4. #4
    Gehört zum Inventar Avatar von Helrunar
    Registriert seit
    05.03.2006
    Ort
    /home/helrunar/Webdev
    Beiträge
    6.252
    Bedankte sich
    570
    Erhielt 1.548 Danksagungen
    in 1.400 Beiträgen

    Standard

    Nochmal, zur Wiederholung...

    Ohne Link zu Deiner Seite geht nichts...

  5. #5
    Hat hier eine Zweitwohnung Avatar von CirTap
    Registriert seit
    12.12.2005
    Ort
    Karlsruhe
    Beiträge
    1.628
    Bedankte sich
    83
    Erhielt 539 Danksagungen
    in 438 Beiträgen

    Standard

    In der Überschrift ist ein <A> und deshalb greift die Farbe für Links. Näher dran am Text ist eben kein Element.

    Willst du, dass Links in H2 Überschriften eine andere Farbe bekommen:
    h2 a, h2 a:link {color:fuchsia}

    Willst du, dass Links in Überschriften *immer* die Farbe der Überschrift selbst haben:
    h1 a:link, h2 a:link, h3 a:link {color: inherit}
    Je nachdem wie exzessiv und verschwenderisch das Template die Links styled, musst du den ganzen Kram nochmal für a:visited und a:hover wiederholen und dazuschreiben.

    Noch detaillierter (und "stärker") kannst du die ganzen Angabe begrenzen, wenn du dir die 2. Zeile aus deinem kopierten "Pfad" anschaust:
    .... div.blog-featured div.items-row div.item h2 a
    div.item h2 a:link {color:fuchsia}

    Alles weitere zu CSS und Vererbung von Eigenschaften liefert dir die Suchmaschine deines Vertrauens.

    Viel Spaß,
    CirTap
    Joomla FAQ | CSS-Probleme? Verstehen Entdecken Anwenden Meistern

    "I love deadlines. I like the whooshing sound they make as they fly by." (Douglas Adams)
    Man kann Software schnell, gut und günstig schreiben, sich aber nur 2 Dinge aussuchen.


  6. #6
    Wohnt hier Avatar von oldlady
    Registriert seit
    17.09.2008
    Ort
    München
    Beiträge
    4.848
    Bedankte sich
    357
    Erhielt 1.409 Danksagungen
    in 1.290 Beiträgen

    Standard

    In der Überschrift ist ein <A>
    Woher weißt du das?

    OT @cirTap: heut ist nicht mein Tag ...
    Geändert von oldlady (04.12.2011 um 21:42 Uhr)
    Grüße, Christiane
    Joomla braucht dich!

  7. #7
    Hat hier eine Zweitwohnung Avatar von CirTap
    Registriert seit
    12.12.2005
    Ort
    Karlsruhe
    Beiträge
    1.628
    Bedankte sich
    83
    Erhielt 539 Danksagungen
    in 438 Beiträgen

    Standard

    Zitat Zitat von oldlady Beitrag anzeigen
    Woher weißt du das?
    aus dem Quelltext im 1. Post?
    und in dem Firebug-Microfilm ist es auch zu erahnen.
    Joomla FAQ | CSS-Probleme? Verstehen Entdecken Anwenden Meistern

    "I love deadlines. I like the whooshing sound they make as they fly by." (Douglas Adams)
    Man kann Software schnell, gut und günstig schreiben, sich aber nur 2 Dinge aussuchen.


  8. #8
    Neu an Board
    Registriert seit
    04.12.2011
    Beiträge
    25
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    ok so einigermassen hab ichs verstanden.
    Das Problem bestand darin dass es für h1, h2, h3 gar keine Zeilen gab. Ich hab diese nun einfach eingefügt und jetzt funktionierts.
    Ebenso hab ich keinen Zeileneintrag für div.item gefunden, nehme an dass ich dann diese auch einfach noch zusätzlich einfügen müsste.

    Vielen Dank für die tolle Hilfe

  9. #9
    Hat hier eine Zweitwohnung Avatar von CirTap
    Registriert seit
    12.12.2005
    Ort
    Karlsruhe
    Beiträge
    1.628
    Bedankte sich
    83
    Erhielt 539 Danksagungen
    in 438 Beiträgen

    Standard

    Irgendwo sind h1 - h6 vermutlich schon definiert. Man geizt ja heutzutage nicht schlecht mit .css Dateien bei den Template-Anbietern
    Falls nicht, erben die Überschriften eben bestimmte Eigenschaften wie Farbe und Schriftart vom "body" oder einem ihrer anderen Kontainer -- der sie wiederum irgendwoher geerbt haben: das ist die "Kaskade" in "Cascading Style Sheets"...
    Im Zweifelsfall hat der Browser ja auch ein eigenes Stylesheet in dem alle HTML-Elemente irgendwie formatiert sind.

    div.item muss nirgends auftauchen, zudem kann es auch nur .item lauten, ohne das "div" davor.
    Es kann dir aber als Ergänzung in deinem Selektor ("Zeileneintrag") dazu dienen, deine Formatangaben auf Überschriften in genau diesem Block zu beschränken, d.h. die Überschriften von Modulen die in "left" oder "right" liegen wäre dann bspw. nicht betroffen.

    h1 {color:navy} /* erstmal alles blau und egal wo */
    div.item h1 {color:green} /* innerhalb von div.item aber bitte grün */

    Viel Spaß,
    CirTap
    Joomla FAQ | CSS-Probleme? Verstehen Entdecken Anwenden Meistern

    "I love deadlines. I like the whooshing sound they make as they fly by." (Douglas Adams)
    Man kann Software schnell, gut und günstig schreiben, sich aber nur 2 Dinge aussuchen.


  10. Erhielt Danksagungen von:


  11. #10
    Neu an Board
    Registriert seit
    04.12.2011
    Beiträge
    25
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Ich versuche diese "Cascading Style Sheets" zu finden, doch dies ist fast unmöglich. die sind da irgendwo verschachtelt nicht auffindbar.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="de-de" dir="ltr" xml:lang="de-de" xmlns="http://www.w3.org/1999/xhtml" slick-uniqueid="1">

    "Im Zweifelsfall hat der Browser ja auch ein eigenes Stylesheet in dem alle HTML-Elemente irgendwie formatiert sind."
    dann könnte es in dem Fall sein das diese Datei evtl. auf dem lokalen PC gespeichert wurde? Habe im Xampp Ordner ein "Cascading Style Sheets" file gefunden welches h1 - h6 Infos enthält,

    Auf jeden Fall besten Dank für die aufschlussreichen Infos.

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Stichworte

Lesezeichen

Berechtigungen

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