Erster Buchstabe farbig bei forenübersicht

[Swayer]

Hallo ihr lieben!
Ich hätte da mal wieder gerne ein Problem*g*
Folgendes:
Ich habe mein phpBB3 in eine Joomla CMS integriert. Nun ist beim Joomla in den linsk der jeweils erste Buchstabe rot, also zb
bei
Startseite das S in rot, der rest silber.
Meiner Frau gefällt das so gut,dass sie das gerne auch in der Forenübersicht hätte.
Wie kann ich das bewerkstelligen bzw wie erreiche ich diese Färbung in der Übersicht?
Lieben Gruß
Swayer aka Uwe

[Frank1604]

Guten Morgen,

ich weiß leider nicht welchen Style du benutzt, daher schreibe ich das mal Allgemein. Du musst in deinem Style etwas in der Art hinzufügen:

Code: Alles auswählen

a:first-letter{color:#FF0000;}

Das macht den ersten Buchstaben der Links Rot.

Die restlichen Buchstaben unterliegen der normalen Formatierung, also z.B. für Silber:

Code: Alles auswählen

a {color:#C0C0C0;}

[Swayer]

Servus, ich benutze den Subsilver 2.. diese formatierung mit a color finde ich in meiner css gar nicht:S

[Frank1604]

Die Links werden an verschiedenen Styllen in der css-Datei eingefärbt, es gibt leider nicht nur eine Stelle.

öffne /styles/subsilver2/theme/stylesheet.css
finde:

Code: Alles auswählen

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

a:link {
	color: #006597;
	text-decoration: none;
}

a:active,
a:visited {
	color: #005784;
	text-decoration: none;
}

a:hover {
	color: #D46400;
	text-decoration: underline;
}

a.forumlink {
	color: #069;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #5493B4;
	text-decoration: none;
}

th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}

Das ist der Abschnitt, der die Links definiert.

[Swayer]

Also bei mir sieht das ganze so aus:

Code: Alles auswählen

/* Links
 ------------ */
a:link {
	color: #c0c0c0;
	text-decoration: none;
}

a:active,
a:visited {
	color: #cccccc;
	text-decoration: none;
}

a:hover {
	color: #cccccc;
	text-decoration: underline;
}

a.forumlink {
	color: #c0c0c0;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #cccccc;
	text-decoration: none;
}

th a,
th a:visited {
	color: #cccccc !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}

Wie genau muss ich denn da nun die neue Formatierung einfügen, egal wo ich es einsetze, erreiche ich bisher nicht den gewünschten Effekt. Die einzige Änderung war bisher eine Umfärbung auf blau*g*