Seite 3 von 3

Re: Themen-Symbole hinzufügen

Verfasst: 14.08.2013 21:42
von willi2010
Hierzu mal eine Zusatzfrage,

gibt es irgend eine Lösung, die Größe (den Platzbedarf) für die Themensymbole zu verändern?
So auf 96 x 36 px.
Im Standard (prosilver) wird diese Größe vom Titel/Usernamen usw. überschrieben.

Danke für einen Tipp.

Re: Themen-Symbole hinzufügen

Verfasst: 15.08.2013 10:10
von Kirk
Du könntest folgendes probieren,
Öffne die root/styles/prosilver/theme/content.css
Finde:

Code: Alles auswählen

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}
Erhöhe mal den Wert bei padding-left: 45px; und bei background-position: 5px 95%; nach deinen Wünschen.

Re: Themen-Symbole hinzufügen

Verfasst: 15.08.2013 11:06
von Melmac
Eine Erhöhung des Wertes von padding-left zieht dann aber noch andere Änderungen nach sich, ansonsten verrutscht das komplette Layout (je nach Anzeigeauflösung).
An der background-position sollte eigentlich nichts geändert werden müssen: das Icon soll ja an gleicher Position relativ zum rechten bzw. unteren Rand angezeigt werden.

Kann es momentan leider nur für eine 1366er- bzw. 1024er-Auflösung "austesten":

In der "/styles/prosilver/theme/content.css"

1) links Platz für die breiteren Icons (96*36 Pixel) schaffen:
suche:

Code: Alles auswählen

dl.icon dt {
	padding-left: 45px;
ersetze durch

Code: Alles auswählen

dl.icon dt {
	padding-left: 115px;
2) "Verrutschen" verhindern:
suche

Code: Alles auswählen

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
ersetze durch

Code: Alles auswählen

ul.topiclist dt {
	display: block;
	float: left;
	width: 45%;
Der Wert von "45%" für "width" ist ein Kompromiss - er funktioniert auch bei einer 1024er-Auflösung noch sicher. Ansonsten halt mal ausprobieren :wink:

3) Position der "Überschriften" nachjustieren:
suche

Code: Alles auswählen

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
ersetze durch

Code: Alles auswählen

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 115px;
[ externes Bild ]
Der "blaue Klotz" ist ein Dummy-Topic-Icon von 96*36 Pixeln :oops:

Re: Themen-Symbole hinzufügen

Verfasst: 15.08.2013 11:43
von Talk19zehn
Hi Melmac, 40% wären ausreichend bei 800x600px in der Auflösung. Tipp: Die Nachjustierung "Padding-Right" der Überschriften hat m.E. immer 5px mehr als der neue "Padding-Left-Wert" ( derzeitiger Standard Prosilver ). :wink: Hierzu vgl. deine Grafik, in der die Überschriften ( Antworten / Zugriffe ... ) noch um rd. 5px "verschoben" sind.

LG

Re: Themen-Symbole hinzufügen

Verfasst: 15.08.2013 12:28
von Melmac
Hi Talk19zehn :)
Talk19zehn hat geschrieben:Tipp: Die Nachjustierung "Padding-Right" der Überschriften hat m.E. immer 5px mehr als der neue "Padding-Left-Wert" ...
Stimmt - hatte den "padding-left" ursprünglich 5px niedriger auf 110px ...
... kommt davon, wenn man in letzter Sekunden nochmals etwas ändert und dann den konsequenten nächsten Schritt "verdaddelt" :oops:

Re: Themen-Symbole hinzufügen

Verfasst: 15.08.2013 13:49
von willi2010
Danke für die Tipps.