[Wechselstyle] CCS-Code für Kategoriebilder

Eine Frage pro Thread - also fürchte ich, muss ich noch einen aufmachen.
Ich habe versucht, mich mit "Firebug" einzuarbeiten, aber wirklich hilfreich ist es nicht oder mir fehlt einfach die Erfahrung/Praxis, was ich mit den Ausgaben nun anfangen soll. Wie der Titel schon andeutet, würde ich gerne über CSS für einen zweiten Style die Kategoriebilder verändern. Wie spreche ich sie an? Ich werde aus dem HTML nicht schlau... Ich meine, ich verstehe die Struktur, aber das hilft mir nicht, was den CSS-Code angeht. Ein kleiner Hinweis wäre lieb!

Das Problem hierbei ist, das du das Bild als solches über den Html Tag Img als solches in jede Kategorie eingesetzt hast. Im Firebug siehst dunen das dieses Bild auch als Img Angezeigt wird.
Du kannst das nun nicht explizit ansprechen, das es keine Gesonderte Class hat.
Du Must nun so vorgehen, wie beim dem Header und must jedem Bild eine Class zu weisen.
Das heist:
Du gibst in jeder Kategorie das Leergif an. Das wird dann mit einer Class und den maßen des Bildes in der Beschreibung eingesetzt. Also nach diesem Muster:
<img class="kat1" src="bildadresse" hight="80" wieght="380">
nun hat das Bild der ersten Kategorie eine Img Class die Kat1 heißt.
Das kann nun mit der Class im CSS angesprochen werden und dem kann nun das eigentliche Bild als Hintergrundbild zugewiesen werden.
Das gilt sinngemäß genau so für alle weiteren Kategorin.
Jede Kategorie muss eine eigene Class erhalten.

Okay, im Prinzip habe ich es verstanden, aber noch mal zwei Anwendungsfragen. Diesen Eintrag setze ich wo ein?

Code:

<img class="kat1" src="bildadresse" hight="80" wieght="380">

Im CSS spreche ich das dann so an, oder?

Code:

.kat1
{ image: "url"
}

So sollte es eigentlich Funktionieren.
Oben wird das Leergif eingesetzt und dann im CSS unten die Bildadresse.
Theoretisch sollte das so klappen.

Code:

<img class="kat1" src="http://2img.net/i/fa/empty.gif" hight="80" wieght="380">

Nur das es im CSS dann so heißen muss:

Code:

.kat1
{ background-image: url("http://uploadix.de/image/kat1e7u2.jpg");
}

Das werde ich gleich ausprobieren. Vielen Dank!
Ich melde mich dann hier noch mal.

Ich habe es noch nicht getestet. Aber theoretisch sollte es so Klappen.

Leider nicht. :/

Ich habe es jetzt erst mal nur für den dunklen Style getestet. Das Kategorieüberschriftsfeld bleibt leer, trotzdem ich es so eingesetzt habe, wie du sagtest. Ich habe auch bei "weight" das "e" schon rausgenommen, aber das war nicht mein Fehler. Hm...

Nein, du hast recht. Es klappt so nicht.
Ich habe es auch gerade getestet.
Ich habe heute wohl nicht so viel Glück damit.
Irgent was ist da Falsch.
Das Bild wird zwar im CSS Aufgerufenen, aber es wird nicht an der Stelle eingefügt.

Aber jetz habe ich den Fehler.
Wir müssen die Bilgröße mit angeben.
Im CSS sieht das so aus:

Code:

.kat1 {
    background-image: url("http://www.servimg.com/u/f43/13/73/22/78/frank310.png");
    height: 44px;
    width: 380px;
}

Die Kategoriebeschreibung ist dann das hier:

Code:

<img class="kat1" src="http://2img.net/i/fa/empty.gif" title="Ihre dritte Kategorie">

So habe ich es jetzt eingesetzt und so Funktioniert es dann auch.

Hey, ist doch okay! Du kannst ja auch nicht alles wissen. Ich bin voll dankbar, dass du mir hilfst. Und jetzt funktioniert es! Ich werde das nur noch flugs noch im hellen Style ausprobieren...

Noch mal um das zu erläutern:
Die Kategorien werden so benannt (Der Titel ist wählbar):

Code:

1. Kategorie:
<img class="kat1" src="http://2img.net/i/fa/empty.gif" title="Ihre erste Kategorie" alt="Ihre erste Kategorie">
2. Kategorie:
<img class="kat2" src="http://2img.net/i/fa/empty.gif" title="Ihre zweite Kategorie" alt="Ihre zweite Kategorie">
3. Kategorie
<img class="kat3" src="http://2img.net/i/fa/empty.gif" title="Ihre dritte Kategorie" alt="Ihre dritte Kategorie">

Im CSS werden dann die Bilder eingesetzt:

Code:

/*-- Kategoriebilder Beginn --*/
/*-- Kategorie 1 --*/
.kat1
{ background-image: url("http://i43.servimg.com/u/f43/13/73/22/78/frank110.png");
  height: 44px;
  width: 380px;
}
/*-- Kategorie 2 --*/
.kat2
{ background-image: url("http://i43.servimg.com/u/f43/13/73/22/78/frank210.png");
  height: 44px;
  width: 380px;
}
/*-- Kategorie 3 --*/
.kat3
{ background-image: url("http://i43.servimg.com/u/f43/13/73/22/78/frank310.png");
  height: 44px;
  width: 380px;
}
/*-- Kategoriebilder Ende --*/

Das habe ich verstanden. Das Problem ist bloß, dass es - wie das Logo - im hellen Style nicht umgesetzt wird. Irgendetwas ist da faul...

Pass auf, ich glaube ich weiß woran es liegt.Es ist das Problem. das du in deinem Script nur die Adresse deines Forums eingetragen hast.
Du machst die Änderungen am Grundstyle auch im Forum.
Wenn du mal in dein Script bitte diese Adresse beim Dunkeln Style einträgst, dann sollte es aber klappen:
http://darkest.lightbb.com/180-ltr.css
Wenn du im Dunkelen Style etwas im CSS veränderst und es dann absendest, musst du auch beachten, das sich die Nummer der CSS Datei verändert.
Wenn du jetz was änderst und dann absendest wird aus:
180-ltr.css
dann
181-ltr.css
Versuch das mal bitte.

Du kannst aber auch den Dunklen Style komplett genau so Speichern wie den Hellen Style.
Eigentlich solltest du dann das Standard CSS des Forums abschalten können, wenn du das Komplette CSS mit den Erweiterungen jeweils speicherst.
Das Feld des Persönlichen CSS sollte dann aber in jeden Fall leer bleiben.

Ich habe jetzt die Skriptadresse geändert. Keine Veränderung. Immer noch das Logo und die Kategoriebilder des dunklen Styles.
Deinen zweiten Vorschlag wollte ich eigentlich vermeiden, denn ich mache immer mal wieder was am CSS und müsste bei jeder Kleinigkeit, die geändert wird, das Ganze noch mal neu hochladen.

Im Hellen Style war gerade der Fehler noch drin. Den hast du nun ausgebessert und siehe da. Bei mir werden nun die Anderen Bilder auch angezeigt.

Danke an Zuckerpuppe. Ich hätte den Fehler nie gesehen.

Eine kleine Frage hätte ich noch: Das Datum ist nach wie vor weiß und ganz unten die kleine Beschreibung mit den Daten (wann das Forum gegründet wurde u.a.). Wie kann ich das einfärben?

Du kannst es noch mal versuchen in dem du die Angabe der CSS datei aus dem Script wieder entfernst und es so einstellst, wie es war. Es sollte nun auch so klappen.
Ich habe den Fehler mit der Klammer einfach nicht gesehen.
Aber du hättest eigentlich jedes mal ein Fehler angezeigt bekommen müssen.
Wenn wir das vorher gewusst hätten, hätten wir uns eine Menge ersparen können.

Tabula Rasa schrieb:Eine kleine Frage hätte ich noch: Das Datum ist nach wie vor weiß und ganz unten die kleine Beschreibung mit den Daten (wann das Forum gegründet wurde u.a.). Wie kann ich das einfärben?

Das solltest du nun wirklich selber raus finden können, wenn du Firebug mal einsetzt.

Okay, ich werde mich dran versuchen. Wobei man nicht alles über CSS ansprechen kann, oder? Die Bilder in den Modulen bestimmt nicht.

Na ja, dann danke nochmal für deine Hilfe!