Seite 1 von 2

Verschiedene Schriftfarben

Verfasst: 12.08.2016 12:22
von windstar
Hallo,

Wenn ich die Farbe des Forumsnamens ändere ändern sich bekanntlich ja die beiden anderen auch gleich mit.
Da ich aber eine Grafik in den Hintergrund stelle muss ich jede einzelne Schrift extra einfärben.
Ich habe nun tagelang versucht dem Ganzen auf die Schliche zu kommen, ohne Erfolg.
Könnte mir bitte jemand helfen?

[ externes Bild ]

Re: Verschiedene Schriftfarben

Verfasst: 12.08.2016 13:10
von Lehrling
Datum:
finde im colours.css folgenden Abschnitt und ändere die Schriftfarbe

Code: Alles auswählen

Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #536482;
	background-color: #F5F7FA;
}
Achtung: dadurch ändert sich die Schriftfarbe auch an allen anderen Stellen, an denen "normaler" Text steht.

Forumstitel:
öffne das links.css und finde folgenden Abschnitt und für die Schriftfarbe per color:#deine Farbe; ein.

Code: Alles auswählen

/* Links for forum/topic lists */
a.forumtitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
Wer ist online:
öffne das common.css und finde folgenden Abschnitt

Code: Alles auswählen

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	margin-top: 20px;
}
Kopiere ihn und benenne h3 in h5 um und füge color: #deine Farbe; hinzu.
Dann musst die die Template-Datei index_body.html öffnen und unten nach h3 suchen (bei diesen <div class="stat-block.....-Angaben) und dort aus h3 nun h5 machen. Danach den Cache leeren.
Wenn alles perfekt sein soll, solltest du die Abschnitte für die Farben ins colours.css einbauen, aber wenn's nur funktionieren soll, dann kannst du es auch so machen, wie ich es beschrieben habe.
Vier Erfolg

Re: Verschiedene Schriftfarben

Verfasst: 12.08.2016 15:03
von windstar
Vielen Dank für Deine Hilfe :)
Leider hat es mit dem "Wer ist online" Link nicht geklappt.

Geändert habe ich in der common.php.

Code: Alles auswählen

h3 {
    /* Sub-headers (also used as post headers, but defined later) */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 1.05em;
    margin-top: 20px;
}

h4 {
    /* Forum and topic list titles */
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
    font-size: 1.3em;
}

h5 {
    /* WHO IS ONLINE */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #70473e;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 1.05em;
    margin-top: 20px;
} 
Die index_body.html sieht nun so aus:

Code: Alles auswählen

<!-- EVENT index_body_stat_blocks_before -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
    <div class="stat-block online-list">
        <!-- IF U_VIEWONLINE --><h5><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h5><!-- ELSE --><h5>{L_WHO_IS_ONLINE}</h5><!-- ENDIF -->
        <p>
            <!-- EVENT index_body_block_online_prepend -->
            {TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
            <!-- IF LEGEND --><br /><em>{L_LEGEND}{L_COLON} {LEGEND}</em><!-- ENDIF -->
            <!-- EVENT index_body_block_online_append -->
        </p>
    </div>
<!-- ENDIF --> 
Und zum Schluß habe ich wie von Dir empfohlen noch in der color.css gewerkelt :wink:

Code: Alles auswählen

h3 {
    border-bottom-color: #70473e;
    color: #70473e;
}

h5 {
    border-bottom-color: #70473e;
    color: #70473e;
} 
Kann es sein dass der Link noch irgendwo ein "hover" bzw. ein "visited" im Gepäck hat welches ich nicht finde?
Genau dies Problem hatte ich schon in der Navigation.

Re: Verschiedene Schriftfarben

Verfasst: 12.08.2016 15:37
von Talk19zehn
Hi, m.E. fehlt parallel in der links.css ein h5 a { ... Beispiel:

Code: Alles auswählen

h5 a {
	color: #aa0000;
	font-weight: bold;
	text-decoration: underline;
}

h5 a:hover {
	background-color: #FAFAFA;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
Die Farben etc. habe ich nur mal rasch hineingeschummelt. Passe sie deinen Wünschen an oder ergänze / ersetze Elemente. Ob sich ein visited versteckt hat, habe ich in der Kürze der Zeit nicht geprüft. Ich hoffe, es klappt, da ich nur mit dem IE die Elemente "überflogen" habe. :wink:

Grüße

Re: Verschiedene Schriftfarben

Verfasst: 12.08.2016 16:05
von windstar
Du bist wirklich die absolute Wucht :) Vielen Dank für die schnelle, vor allem aber fachmännische Hilfe.

Jetzt habe ich noch ein Problem, die Schrift in der Kategorie hat es mir zu weit nach links geschoben. Darf ich Dich noch einmal um Hilfe bitten bzw. soll ich da ein extra Tema eröffnen?
[ externes Bild ]

Und dann bastle ich wieder weiter, natürlich mit Hilfe Deiner genialen Videos :wink:

Re: Schriftfarben / Link versetzt

Verfasst: 12.08.2016 16:10
von Talk19zehn
Die Videos macht die phpBB.de-Supporterin mit Namen Lehrling neben anderen Fakten ganz wunderbar, das stimmt! :grin: Wenn nun alles klappte mit der Linkfarbe, freue ich mich für dich. :wink:
Für dein erneutes *kleines Problemchen ist es sicherlich hilfreich, wenn du dein Forum verlinkst. So kann man nur raten, spekulieren.

LG und viel Glück


Edit: :wink:
*Das ist für Helfende u.U. leider weniger :wink: zweckmäßig, wenn quasi eine Direktschau fehlt. So so, auf Tauchstation mit so einen schicken Sportwagen .... oder wie war das noch ... ? 8)

LG

Re: Verschiedene Schriftfarben

Verfasst: 12.08.2016 16:25
von windstar
Man sollte halt genau lesen wer einen zurück schreibt :lol:
Egal, ich finde Eure Arbeit die Ihr täglich leistet super, egal in welcher Form.

Was das auf mein Forum schauen betrifft, hm das Teil steht noch auf unserem Server. Ich teste erstmal weiter, komme ich dann doch nicht auf die Lösung muss meine bessere Hälfte mir eine Ecke zum drauf schieben einrichten.

Wenn mich einer sucht, ich bin dann mal auf Tauchstation beim weiter basteln :grin:

Re: Verschiedene Schriftfarben

Verfasst: 12.08.2016 16:34
von Talk19zehn
:lol: Ja, ja , so etwas passiert schon mal. Schwierig, anhand der beigestellten Grafik deinen Abstand zu beurteilen:
  • forabg
    li.row
    header
    blablubb ...
Es sind wenige Pixel verschoben, aber ohne Detailansicht, um die Beurteilung vorzunehmen, ist´s ... ein Rätselraten.

Okay, bis dahin.

Re: Verschiedene Schriftfarben

Verfasst: 13.08.2016 08:22
von Lehrling
Danke für das schöne Feedback. :)

Re: Verschiedene Schriftfarben

Verfasst: 21.09.2016 13:34
von windstar
Eigentlich wäre ich ja mit dem Style fertig, wenn nur dieses Dropdown nicht wäre :(

[ externes Bild ]

Wenn ich die Farbe vom Dropdown ändere ändert sich zugleich auch die Schrift vom Forenname.
Wo bzw. wie kann ich die Schriftfarbe gesondert ändern?