Bulletproof Überschriften

[serels]

Hi

Wie ändere ich die Schriftgöße und Farbe in den Titeln/Überschriften der Einträge, ohne ALLE link - Farben oder Alle "h4" zu verändern.
Selbiges mit "h3" im Content ...

Ich finde die zugehörigen style - Angaben einfach nicht (entry-title etc ..) bzw. haben Veränderungen via .entry-title serendipity_title in der style.css dann keine Wirkung

lg serels

[yellowled]

Wie ändere ich die Schriftgöße und Farbe in den Titeln/Überschriften der Einträge, ohne ALLE link - Farben oder Alle "h4" zu verändern. Selbiges mit "h3" im Content ...

h3 ist denkbar simpel:

Code: Select all

#content h3 { ... }

Bei h4 wird es etwas komplizierter, eben weil h4 in BP der - verlinkte - Eintragstitel ist.

Code: Select all

#content h4 a:link { ... }

Es empfiehl sich, analog dazu auch die Link-Pseudoklassen a:visited, a:hover, a:active und a:focus zu definieren.

YL

[serels]

h3 ist denkbar simpel:

Code: Select all

#content h3 { ... }

DAs hat aber eben auch Einfluß auf h3.serendipity_date
YL

Bei h4 wird es etwas komplizierter, eben weil h4 in BP der - verlinkte - Eintragstitel ist.

Code: Select all

#content h4 a:link { ... }

Es empfiehl sich, analog dazu auch die Link-Pseudoklassen a:visited, a:hover, a:active und a:focus zu definieren.

YL

mal sehen ...

Um's mal deutlicher zu definieren:
Ich würde gerne die Datums - Linie in einem bestiimten Stil haben (Ist jetzt über h3 definiert) und eben die Eintrags - Titel - ist jetzt über h4 definiert. Ansonsten hätte ich gerne innerhalb des Contents ein normales browserorientiertes h3 / h4 Verhalten also eine normale Hierarchie von h1 - h4 ....

Des weitern sollte der Titel in seiner eigenschaft als Link eine andere Farbe haben als die anderen links ...

Nachtrag

Code: Select all

#content h4 a:link {
    
    color:#xxxxx;
    
}

Führt kurioserweise dazu, das nicht ALLE zugehörigen links die Farbe annehmen

Danke für die Mühe

lg serels

[yellowled]

Um's mal deutlicher zu definieren:
Ich würde gerne die Datums - Linie in einem bestiimten Stil haben (Ist jetzt über h3 definiert) und eben die Eintrags - Titel - ist jetzt über h4 definiert. Ansonsten hätte ich gerne innerhalb des Contents ein normales browserorientiertes h3 / h4 Verhalten also eine normale Hierarchie von h1 - h4 ....

Das ist nicht wirklich deutlicher, zumindest nicht für mich Versuch's nochmal, und gib bitte nochmal einen URL zu Deinem Blog an, damit ich live vergleichen kann.

YL

[serels]

Um's mal deutlicher zu definieren:
Ich würde gerne die Datums - Linie in einem bestiimten Stil haben (Ist jetzt über h3 definiert) und eben die Eintrags - Titel - ist jetzt über h4 definiert. Ansonsten hätte ich gerne innerhalb des Contents ein normales browserorientiertes h3 / h4 Verhalten also eine normale Hierarchie von h1 - h4 ....

Das ist nicht wirklich deutlicher, zumindest nicht für mich Versuch's nochmal, und gib bitte nochmal einen URL zu Deinem Blog an, damit ich live vergleichen kann.

YL

ok - http://www.lustaufleben.at/serendipity/

Also z.b. die "Datumslinie" oder die Beschriftung einer Eintrags - Art (sticky) ist ja via "h3" definiert:

Code: Select all

#content h3

.
Wenn nun ein Autor innerhalb eines Eintrages ein "h3" verwendet, in dem Glauben, h1 größer h2 größer h3 sieht er sich getäuscht, weil h3 mit dieser Hierarchie nichts mehr zu tun hat und sogar noch zusätzliche Formatierungen aufweist.

Ich möchte aber die normale Hierarchie h1 größer h2 größer h3 ...
und die Überschriften / Titeln extra, unabhängig von diesen tags formatieren.
Also das senrenidpity_date unabhängig von "h3" stylen, ebenso das entry-title serendipity_title. Somit wird ein von einem Autor verwendetes h3 oder h4 - tag nicht wie ein Eintrags - Titel formatiert.

Warum die a: link color nicht auf alle links wirkt ist mir nach wie vor ein Rätsel ...

lg serels.

[yellowled]

Wenn nun ein Autor innerhalb eines Eintrages ein "h3" verwendet, in dem Glauben, h1 größer h2 größer h3 sieht er sich getäuscht, weil h3 mit dieser Hierarchie nichts mehr zu tun hat und sogar noch zusätzliche Formatierungen aufweist.

Ich möchte aber die normale Hierarchie h1 größer h2 größer h3 ...

Bulletproof hält sich hier an die üblicher Überschriften-Hierarchie in s9y-Templates. Die sieht wie folgt aus:

* Blog-Titel im Header -> h1
* Blog-Beschreibung im Header -> h2
* "Gruppenüberschrift" (Datum) für alle Einträge eines Tages -> h3
* Eintragstitel -> h4

Somit stünden Dir normalerweise als zusätzliche Überschriften-Ordnungen innerhalb eines Eintrages noch h5 und h6 zur Verfügung.

Mir ist klar, dass man nahezu endlos darüber diskutieren könnte, ob das so sinnvoll ist. Der Punkt ist: Ändern könntest Du das nur, indem Du die .tpl-Dateien editierst, also z.B. aus dem Eintragstitel eine h1 machst. Das ist, Du ahnst es schon, nicht updatesicher.

Also das senrenidpity_date unabhängig von "h3" stylen, ebenso das entry-title serendipity_title. Somit wird ein von einem Autor verwendetes h3 oder h4 - tag nicht wie ein Eintrags - Titel formatiert.

Und?

Code: Select all

.serendipity_date { ... }
.serendipity_title { ... }

tut genau das. Unabhängig vom HTML-Element, betrifft aber nur mit diesen Klassen ausgezeichnete Elemente, würde als etwa ein h3 innerhalb von .serendipity_entry nicht "treffen".

Warum die a: link color nicht auf alle links wirkt ist mir nach wie vor ein Rätsel ...

Erklär mir bitte noch mal ganz genau, was Du da erreichen willst - willst Du blogweit alle Links formatieren, nur die innerhalb des Eintragstitels oder was? Irgendwie habe ich da den Überblick verloren

YL

[serels]

Hi yellowled

Warum die a: link color nicht auf alle links wirkt ist mir nach wie vor ein Rätsel ...

Erklär mir bitte noch mal ganz genau, was Du da erreichen willst - willst Du blogweit alle Links formatieren, nur die innerhalb des Eintragstitels oder was? Irgendwie habe ich da den Überblick verloren
YL[/quote]

Nur das Link des Eintrags - Titel:

und ..

Code: Select all

#content h4 a:link {
   
    color:#xxxxxx;
   
}

... führt dazu das nur einige Überschriftern die geänderte Farbe annehmen.

lg serels

[yellowled]

Code: Select all

#content h4 a:link {
    color:#xxxxxx;
}

... führt dazu das nur einige Überschriftern die geänderte Farbe annehmen

Äh, das wird vermutlich daran liegen, dass Du nur die Pseudoklasse a:link bzw. eben #content h4 a:link definiert hast. Darüber hinaus gibt es noch (Erwähnte ich das nicht? Doch.) die Pseudoklassen

* a:visited
* a:hover
* a:active
* a:focus

Wenn Du nun also z.B. die Textfarbe für a:link setzt, trifft die entsprechende CSS-Regel bei #content h4 a:visited, also bereits besuchten Links, nicht zu.

http://de.selfhtml.org/css/eigenschafte ... ver_active

YL

[serels]

Code: Select all

#content h4 a:link {
    color:#xxxxxx;
}

... führt dazu das nur einige Überschriftern die geänderte Farbe annehmen

Äh, das wird vermutlich daran liegen, dass Du nur die Pseudoklasse a:link bzw. eben #content h4 a:link definiert hast. Darüber hinaus gibt es noch (Erwähnte ich das nicht? Doch.) die Pseudoklassen

* a:visited
* a:hover
* a:active
* a:focus

Wenn Du nun also z.B. die Textfarbe für a:link setzt, trifft die entsprechende CSS-Regel bei #content h4 a:visited, also bereits besuchten Links, nicht zu.

http://de.selfhtml.org/css/eigenschafte ... ver_active

YL

Hmmm, daran hatte ich nicht gedacht, weil ich der Meinung war, alle links bereits "visited" zu haben ...
.. aber klar, darn wirds liegen ...

Dooooh

Danke ...
serels