[Anleitung] image-Style: Kategorien-Texte (und ähnliches) nach links verschieben

StGaensler

Hallo,

ich habe bei mir den Image-Style installiert.
Mir hat der weiße Text in den Kategorie-Überschriften und in den Postings nicht gefallen, und deshalb habe ich ihn nach links verschoben, und ihm eine andere Farbe gegeben.

Beispiel:

Hier eine kleine Anleitung, was ich geändert habe:

Zuerst braucht man zwei neue Grafiken, denn ich ändere nicht viel im Template, sondern mache das direkt mit den Grafiken. Sie befinden sich beide im Anhang. Einfach in den ./designs/images-Ordner schieben, und die vorhandenen Bilder überschreiben.

Dann im AdminCP vom Image-Style die CSS Variablen editieren.
Dort muss, anstatt dessen, was bei "Zusätzliche CSS-Definitionen" unter "/* ***** don't change the following ***** */" steht folgendes hin:

Code:

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.alt5
{
	
	color: #22229C;
	font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.alt5 a:link
{
	color: #22229C; /* #2C599D; */
	text-decoration: none;
}
.alt5 a:visited
{
	color: #22229C;
	text-decoration: none;
}
.alt5 a:hover, .tcat a:active
{
	color: #FF4400;
text-decoration: underline;
}
.alt5 .smallfont strong
{
	
	color: #FFFFFF;
	font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.alt5 .smallfont strong a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.alt5 .smallfont strong a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.alt5 .smallfont strong a:hover
{
	color: #FFFF66;
text-decoration: underline;
}
.panel2
{
	background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 3px;
	border: 1px inset;
}

Dieser Code ändert die Textfarbe der Kategorie-Überschriften auf blau, und setzt zusätzlich die Farbe der Links ganz unten links wieder auf weiß (wie sie eigentlich sind).

Nachteile dieser Lösung:
Wenn der Kategorie-Text zu breit wird, sieht es nicht mehr gut aus, da der Text einfach in dem blauen Teil der Grafik weitergeht
Wenn das Browserfenster zu groß gemacht wird, wiederholt sich die lange Grafik (diese ist 1500 Pixel lang - das sollte ausreichen, und somit nicht zu diesem Effekt führen.

Viele Grüße,
Stefan