Legenden als Bild darstellen
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
Legenden als Bild darstellen
Gott zum Gruß (:
gibt es eine Möglichkeit die Legenden als Grafiken darzustellen?
Beispiel: statt die Texte [Polizei] und [Ärzte] hätte ich gerne ein Sternchen für die Polizei oder ein rotes Kreuz für die Ärzte.
Liebe Grüße Green(y)
gibt es eine Möglichkeit die Legenden als Grafiken darzustellen?
Beispiel: statt die Texte [Polizei] und [Ärzte] hätte ich gerne ein Sternchen für die Polizei oder ein rotes Kreuz für die Ärzte.
Liebe Grüße Green(y)
Greenhorn- Lehrling
- Anzahl der Beiträge : 86
Browser :
Anmeldedatum : 29.11.10
Re: Legenden als Bild darstellen
Ich habe es nun noch nicht ausprobiert, aber es kann sein, das es Möglich ist anstellest des Names der Gruppe Adresse einer Grafik anzugeben.
Also anstelle von "Polizei" dann:
<img src="http://www.adresse_der_grafik.de">
aber wie gesagt, ich habe es nun nicht probiert und kann deshalb keine Garantie geben, das es klappt.
Ansonsten könnte es noch eine andere Möglichkeit geben die ich aber noch erproben muss.
Also anstelle von "Polizei" dann:
<img src="http://www.adresse_der_grafik.de">
aber wie gesagt, ich habe es nun nicht probiert und kann deshalb keine Garantie geben, das es klappt.
Ansonsten könnte es noch eine andere Möglichkeit geben die ich aber noch erproben muss.
#Frank- Administrator
-
Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Legenden als Bild darstellen
Grüß dich Frank (:
Danke für deine rasche Antwort.
Das mit dem (HTML) Code habe ich bereits ausprobiert. Leider ist die eingabe der Satzzeichen beschrenkt. Daher war es mir nicht möglich einen vollständigen Code dort einzugeben.
Falls ihr aber andere Vorschläge hättet, wäre ich euch sehr dankbar.
[Es seiden es nimmt euch zu viel Zeit in Anspruch, dann laßt es. Immerhin habt ihr alle Hände voll zu tun (; ]
Danke für deine rasche Antwort.
Das mit dem (HTML) Code habe ich bereits ausprobiert. Leider ist die eingabe der Satzzeichen beschrenkt. Daher war es mir nicht möglich einen vollständigen Code dort einzugeben.
Falls ihr aber andere Vorschläge hättet, wäre ich euch sehr dankbar.
[Es seiden es nimmt euch zu viel Zeit in Anspruch, dann laßt es. Immerhin habt ihr alle Hände voll zu tun (; ]
Greenhorn- Lehrling
- Anzahl der Beiträge : 86
Browser :
Anmeldedatum : 29.11.10
Re: Legenden als Bild darstellen
Wenn du hier mal zwanzig Minuten wartest, dann schmeiße ich mal meinen Rechner an und versuche mal hier was zu machen.
Ich komme dann mit dem Ergebnis dazu hier wieder.
Ich komme dann mit dem Ergebnis dazu hier wieder.
#Frank- Administrator
-
Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Legenden als Bild darstellen
Super (:
und bloss kein Stress *gg*
ich lauf ja nicht weg.
Danke nochmals Frank
und bloss kein Stress *gg*
ich lauf ja nicht weg.
Danke nochmals Frank
Greenhorn- Lehrling
- Anzahl der Beiträge : 86
Browser :
Anmeldedatum : 29.11.10
Re: Legenden als Bild darstellen
So, ich habe eine Möglichkeit gefunden.
Allerdings ist das nicht so ganz einfach umzusetzen.
Ich versuch es mal zu erklären:
Als erstes muss ich mal sagen das die eingesetzten Grafiken nicht sehr groß seinen sollten.
Wir müssen uns dabei in der Höhe auf ca. 25 PX beschränken.
Auch muss bedacht werden, das diese Grafiken dann nicht nur in der Legende angezeigt werden, sondern auch in der Gruppenverwaltung und wenn Aktiviert dann auch in der Anzeige der Moderatoren eines Forums.
Wie es aussehen kann kannst du in meinem Testforum unter:
http://retro-fuchs.forumieren.com/forum
sehen.
Nun zur Vorbereitung:
Du benötigst erst einmal die Grafiken die du einsetzen möchtest.
Ich habe in dem Beispiel mal die Ranggrafiken von hier verwendet.
![Legenden als Bild darstellen Adminactif](https://2img.net/i/fa/fdf/adminactif.png)
![Legenden als Bild darstellen Moderactif](https://2img.net/i/fa/fdf/moderactif.png)
(Diese Grafiken stehen unter Copyright und dürfen von euch nicht verwendet werden.)
Diese Grafiken sind 75 x 27 Px groß.
Als Zweites müssen wir die Gruppen umbenennen, weil wir es nicht schaffen den Text volkommen auszublenden.
Ich habe meine Gruppen alle mit einem "Punkt benannt:
![Legenden als Bild darstellen A0165](https://i.servimg.com/u/f62/13/82/46/73/a0165.jpg)
Wenn das gemacht ist, dann kommen wir nun dazu wie wir die Grafiken einsetzen.
Was hier nun von Vorteil ist, wäre wenn du den Firefox Browser mit dem AddOn Firebug benutzen würdest, da wir später noch Einstellungen ermitteln müssen.
Um die Grafiken nun einsetzen zu können müssen wir etwas ins CSS des Forums eintragen.
Das CSS findest du in deinem Adminbereich an der Stelle hier:
Adminbereich
Anzeige
Logos & Bilder
Farben
Reiter
CSS Stylesheet
Folgendes Setzen wir nun dort in das Große Eingabefeld (wenn hier schon was drin stehen sollte kommt das ans Ende):
[href="/g1-group"] = der Link dem das Bild zugeordnet werden soll.
background-image : url("https://2img.net/i/fa/fdf/adminactif.png"); = Das Bild das angezeigt werden soll,
padding-right: 72px; = Der Bereich der für das Bild in der Breite Freigehalten werden muss,
padding-top: 7px; = Der Bereich der für das Bild in der Höhe Freigehalten werden muss.
Die Links die du bei [href="/g1-group"] Einsetzen musst bekommst du wenn du die Gruppe über die Legende nun aufrufst.
Hier mal als Beispiel die Gruppe der Admins:
![Legenden als Bild darstellen A0166](https://i.servimg.com/u/f62/13/82/46/73/a0166.jpg)
Das was ich hier nun Markiert habe ergibt das was hier bei: [href="/g1-group"] eingetragen werden muss.
Die Einstellungen für:
padding-right: 72px; und
padding-top: 7px;
müssen nun für deine Grafiken ermittelt werden.
Dazu benötigen wir den Firefox Browser mit dem Addon Firebug.
Wenn du im CSS alles so eingegeben hast wie oben beschrieben, dann sollte es schon so aussehen, das die Grafiken im Hintergrund bei der Legende angezeigt werden.
Im Firefox zeigen wir nun auf die Grafik die Angezeigt wird und machen einen Rechtsklick darauf und wählen dann "Element untersuchen".
Es sollte dann so aussehen:
![Legenden als Bild darstellen A0167](https://i.servimg.com/u/f62/13/82/46/73/a0167.jpg)
Hier findest du nun deine CSS Einträge von eben wieder.
In dem du nun hinter:
padding-right: 72px; Auf die 72px klickst wird das markiert. Nun kannst du mit den Pfeiltasten Rauf und Runter diesen Wert so verändern, das dir die Grafik richtig angezeigt wird.
Diesen Wert musst du dir merken (Aufschreiben) und später dann in dein CSS übernehmen.
Das gleiche gilt natürlich auch für:
padding-top: 7px;
Wenn dann alles Fertig ist, sollte es so aussehen, wie Auf dem Bild oben.
So und nun nachdem ich mit der Beschreibung fertig bin kommt die schlechte Nachricht.
Ich habe es nun mit allen Browsern getestet die ich hier habe.
So wie es aussieht, gibt es hier wieder ein echtes Problem mit dem Internet Explorer.![Legenden als Bild darstellen Internet-exploderjq6d](https://2img.net/h/www.abload.de/img/internet-exploderjq6d.gif)
Dieser Zeigt unsere Änderung von oben nämlich nicht an.
Alle anderen Browser (Firefox, Safari, Chrome) Stellen das richtig da.
Also können wir das ganze wieder mal vergessen.
Ich wüsste im Moment leider keine andere Lösung so das ich die Frage hier wieder Freigebe.
Hat eventuell noch jemand anders hier eine Idee wie wir auch den IE dazu überreden können das er das auch anzeigt?
Allerdings ist das nicht so ganz einfach umzusetzen.
Ich versuch es mal zu erklären:
Als erstes muss ich mal sagen das die eingesetzten Grafiken nicht sehr groß seinen sollten.
Wir müssen uns dabei in der Höhe auf ca. 25 PX beschränken.
Auch muss bedacht werden, das diese Grafiken dann nicht nur in der Legende angezeigt werden, sondern auch in der Gruppenverwaltung und wenn Aktiviert dann auch in der Anzeige der Moderatoren eines Forums.
Wie es aussehen kann kannst du in meinem Testforum unter:
http://retro-fuchs.forumieren.com/forum
sehen.
Nun zur Vorbereitung:
Du benötigst erst einmal die Grafiken die du einsetzen möchtest.
Ich habe in dem Beispiel mal die Ranggrafiken von hier verwendet.
![Legenden als Bild darstellen Adminactif](https://2img.net/i/fa/fdf/adminactif.png)
![Legenden als Bild darstellen Moderactif](https://2img.net/i/fa/fdf/moderactif.png)
(Diese Grafiken stehen unter Copyright und dürfen von euch nicht verwendet werden.)
Diese Grafiken sind 75 x 27 Px groß.
Als Zweites müssen wir die Gruppen umbenennen, weil wir es nicht schaffen den Text volkommen auszublenden.
Ich habe meine Gruppen alle mit einem "Punkt benannt:
![Legenden als Bild darstellen A0165](https://i.servimg.com/u/f62/13/82/46/73/a0165.jpg)
Wenn das gemacht ist, dann kommen wir nun dazu wie wir die Grafiken einsetzen.
Was hier nun von Vorteil ist, wäre wenn du den Firefox Browser mit dem AddOn Firebug benutzen würdest, da wir später noch Einstellungen ermitteln müssen.
Um die Grafiken nun einsetzen zu können müssen wir etwas ins CSS des Forums eintragen.
Das CSS findest du in deinem Adminbereich an der Stelle hier:
Adminbereich
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
Folgendes Setzen wir nun dort in das Große Eingabefeld (wenn hier schon was drin stehen sollte kommt das ans Ende):
- Code:
/*--- Bild für die Admingruppe festlegen ---*/
[href="/g1-group"]{
background-image : url("http://2img.net/i/fa/fdf/adminactif.png");
background-repeat: no-repeat;
padding-right: 72px;
padding-top: 7px;
}
/*--- Bild für die Moderatorengruppe festlegen ---*/
[href="/g2-group"]{
background-image : url("http://2img.net/i/fa/fdf/moderactif.png");
background-repeat: no-repeat;
padding-right: 72px;
padding-top: 7px;
}
[href="/g1-group"] = der Link dem das Bild zugeordnet werden soll.
background-image : url("https://2img.net/i/fa/fdf/adminactif.png"); = Das Bild das angezeigt werden soll,
padding-right: 72px; = Der Bereich der für das Bild in der Breite Freigehalten werden muss,
padding-top: 7px; = Der Bereich der für das Bild in der Höhe Freigehalten werden muss.
Die Links die du bei [href="/g1-group"] Einsetzen musst bekommst du wenn du die Gruppe über die Legende nun aufrufst.
Hier mal als Beispiel die Gruppe der Admins:
![Legenden als Bild darstellen A0166](https://i.servimg.com/u/f62/13/82/46/73/a0166.jpg)
Das was ich hier nun Markiert habe ergibt das was hier bei: [href="/g1-group"] eingetragen werden muss.
Die Einstellungen für:
padding-right: 72px; und
padding-top: 7px;
müssen nun für deine Grafiken ermittelt werden.
Dazu benötigen wir den Firefox Browser mit dem Addon Firebug.
Wenn du im CSS alles so eingegeben hast wie oben beschrieben, dann sollte es schon so aussehen, das die Grafiken im Hintergrund bei der Legende angezeigt werden.
Im Firefox zeigen wir nun auf die Grafik die Angezeigt wird und machen einen Rechtsklick darauf und wählen dann "Element untersuchen".
Es sollte dann so aussehen:
![Legenden als Bild darstellen A0167](https://i.servimg.com/u/f62/13/82/46/73/a0167.jpg)
Hier findest du nun deine CSS Einträge von eben wieder.
In dem du nun hinter:
padding-right: 72px; Auf die 72px klickst wird das markiert. Nun kannst du mit den Pfeiltasten Rauf und Runter diesen Wert so verändern, das dir die Grafik richtig angezeigt wird.
Diesen Wert musst du dir merken (Aufschreiben) und später dann in dein CSS übernehmen.
Das gleiche gilt natürlich auch für:
padding-top: 7px;
Wenn dann alles Fertig ist, sollte es so aussehen, wie Auf dem Bild oben.
So und nun nachdem ich mit der Beschreibung fertig bin kommt die schlechte Nachricht.
Ich habe es nun mit allen Browsern getestet die ich hier habe.
So wie es aussieht, gibt es hier wieder ein echtes Problem mit dem Internet Explorer.
![Legenden als Bild darstellen Internet-exploderjq6d](https://2img.net/h/www.abload.de/img/internet-exploderjq6d.gif)
Dieser Zeigt unsere Änderung von oben nämlich nicht an.
Alle anderen Browser (Firefox, Safari, Chrome) Stellen das richtig da.
Also können wir das ganze wieder mal vergessen.
Ich wüsste im Moment leider keine andere Lösung so das ich die Frage hier wieder Freigebe.
Hat eventuell noch jemand anders hier eine Idee wie wir auch den IE dazu überreden können das er das auch anzeigt?
#Frank- Administrator
-
Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: Legenden als Bild darstellen
auwei, werde mich da mal durchwuseln (;
jedenfalls danke ich dir frank.
und bitte entschuldige die umstände ... ja, ja wir user mit unseren extrawünschen (;
jedenfalls danke ich dir frank.
und bitte entschuldige die umstände ... ja, ja wir user mit unseren extrawünschen (;
Greenhorn- Lehrling
- Anzahl der Beiträge : 86
Browser :
Anmeldedatum : 29.11.10
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|