[3.2] Forumliste mit Bildandeutung statt nur Farbton

[jan_2012]

Hallo.

In einigen Unterforen habe ich die darunter liegenden Foren als Übersicht aufgelistet.Man hat nun zwischen den einzelnen Foren mehr Raum , bedingt durch die Auflistung.

Kann man irgendwie in den Einstellungen der css Dateien das so Ändern, das dort eine Bildandeutung erscheint?

Ich habe ein bild , das zum Thema / Forum passt und möchte das gerne in der Forumübersicht schon andeuten.Also mit Transparenz.

Wer kann mir einen Tipp geben?

Gruß Jan

[Melmac]

Hi,

Vielleicht liegt es an der Uhrzeit, aber mmentan wird mir nicht ganz so klar, was genau Du hier machen möchstest.
Zu den Begriffen "Kategorie", "Forum", "Unterforum":

Wo genau soll da jetzt etwas hin?
Um welche Bilder geht es bzw. wo sollen die herkommen: aus den betreffenden Foren selbst oder suchst Du Dir eins aus, das Du dann hochladen und einbinden willst?

Wie soll das ganze am Ende aussehen?

Erstelle vielleicht einfach mal einen Screenshot und markiere dort die Stelle, an der dieses Bild angezeigt werden soll.

[jan_2012]

Hallo Melmac.

Du hast recht , ein bild erklärt es besser.

[ externes Bild ]

Die Bilder würden auf dem Server des betreffenden Forums liegen und entweder im images ordner oder in einen anderen Verzeichnis.

Ich weiss jetzt nicht genau ob dort an dieser Stelle ein Bild überhaupt (zusätzlich) platziert werden kann.

Oder ist in diesen Bereich nur eine Farbänderung machbar?

Danke vorab.

Mfg Jan

[tas2580]

Hab es nicht probiert, aber versuch doch mal:

Code: Alles auswählen

ul.topiclist li.row:nth-child(2) {
    background-image:url(dein/bild.png);
    background-position: ???px ???px
}

In nth-child(2) musst du die Reihennummer angeben, in dem Fall 2, also das 2. Forum in der Reihe.

Falls du mehrere Kategorien verwendest gibt es auch mehrere 2. Foren, dann musst du die Reihe auch beim ul mit angeben.
ul.topiclist:nth-child(1) li.row:nth-child(2) { Ist das 2. Forum in der 1. Kategorie...


Gruß Tobi

[jan_2012]

Hab es nicht probiert, aber versuch doch mal:

Code: Alles auswählen

ul.topiclist li.row:nth-child(2) {
    background-image:url(dein/bild.png);
    background-position: ???px ???px
}

In nth-child(2) musst du die Reihennummer angeben, in dem Fall 2, also das 2. Forum in der Reihe.

Falls du mehrere Kategorien verwendest gibt es auch mehrere 2. Foren, dann musst du die Reihe auch beim ul mit angeben.
ul.topiclist:nth-child(1) li.row:nth-child(2) { Ist das 2. Forum in der 1. Kategorie...


Gruß Tobi

Super, danke für den Tipp.

In welcher Datei ist diese Zeile zu finden?

Gruss Jan

[tas2580]

Die ist nirgends zu finden, die musst du am Ende deines CSS einfügen. Am besten legst du dir dafür eine eigene CSS Datei an und bindest die in styles/prosilver/theme/stylesheet.css am Ende ein.

Gruß Tobi

[Melmac]

Nur mal kurz eine Frage: würde dafür nicht auch die vorhandene Option reichen, Foren zusätzliche Bilder zuweisen zu können?
Gut, die würden nicht rechts neben Forumnamen/-beschreibung angezeigt werden sondern links, aber prinzipiell sollte das doch ebenfalls den Zweck erfüllen, oder?

[tas2580]

Stimmt, die gibt es ja auch
Wahrscheinlich ist es damit einfacher und die lassen sich sicher auch per CSS nach rechts verschieben.

Gruß Tobi

[jan_2012]

Die ist nirgends zu finden, die musst du am Ende deines CSS einfügen. Am besten legst du dir dafür eine eigene CSS Datei an und bindest die in styles/prosilver/theme/stylesheet.css am Ende ein.

Gruß Tobi

Das ist eine gute Idee.das probiere ich mal aus.

Nur mal kurz eine Frage: würde dafür nicht auch die vorhandene Option reichen, Foren zusätzliche Bilder zuweisen zu können?
Gut, die würden nicht rechts neben Forumnamen/-beschreibung angezeigt werden sondern links, aber prinzipiell sollte das doch ebenfalls den Zweck erfüllen, oder?

generell ja. mir persönlich war der "Freiraum" ein "Dorn" im Auge der durch die Unterforenauflistung entstanden ist. Diese Auflistung wollte ich aber als Schnelleinstieg nutzen. das bild soll den inhalt des forums "untermalen".

Danke für eure Hilfe bis hier her

[jan_2012]

Hat leider nicht geklappt.

Habe eine eigne CSS Datei erstellt , diese in stylesheet.css ans ende gestellt.
Cache geleert

Zu sehen ist nichts

wenn ich in der color.css datei das hier (zum testen) eingebe:

Code: Alles auswählen

background-image: url(http://www.meineseite.com/images/test/bild.png);
background-position: 1px 1px;
}

wird auch das bild komplett überall angezeigt.

Es ist nur 100x75 pixel groß