Lexi Help
Die neuesten Themen
» Begriff : "merken"
von Ray Heute um 13:26

» Private Nachrichten
von inde Heute um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde Gestern um 22:24

» Ad Ware im Forum?
von inde Gestern um 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank Gestern um 16:57

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Sa 24 Sep 2016 - 11:29

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

» SQL Zugang
von inde Mo 19 Sep 2016 - 18:56

Partner
free forum

[Wechselstyle] CCS-Code für Kategoriebilder

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 3:56

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! Surprised




Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 11:11

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 13:45

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"
}

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 14:03

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://illiweb.com/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");
}



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 14:06

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

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 14:07

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



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 14:11

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...

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 14:31

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://illiweb.com/fa/empty.gif" title="Ihre dritte Kategorie">
So habe ich es jetzt eingesetzt und so Funktioniert es dann auch.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 14:37

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

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 14:42

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://illiweb.com/fa/empty.gif" title="Ihre erste Kategorie" alt="Ihre erste Kategorie">
2. Kategorie:
<img class="kat2" src="http://illiweb.com/fa/empty.gif" title="Ihre zweite Kategorie" alt="Ihre zweite Kategorie">
3. Kategorie
<img class="kat3" src="http://illiweb.com/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 --*/



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 14:48

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

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 15:00

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 15:02

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 15:09

Ich habe jetzt die Skriptadresse geändert. Keine Veränderung. Immer noch das Logo und die Kategoriebilder des dunklen Styles. No
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.

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 15:16

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 15:17

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?

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 15:18

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von #Frank am So 13 Nov 2011 - 15:19

@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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: [Wechselstyle] CCS-Code für Kategoriebilder

Beitrag von Tabula Rasa am So 13 Nov 2011 - 15:32

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! Very Happy

Tabula Rasa
Lehrling
Lehrling

Beiträge : 182
Anmeldedatum : 29.05.11

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten