Inhalte auf Grafik platzieren ?

[Matthias]

Hallo liebe Foren-Gemeinde

Vorwort: Ich habe ein wenig nach meiner Frage vorher gesucht, Google + Forum hier, doch ich weiß nicht so recht wie man diese formulieren soll, sollte es also schon einen derartigen Post geben bitte ich um Entschuldigung und um den Link dahin, vielen Dank !

Problembeschreibung: Ich möchte auf einer Grafik (.png) Inhalte einer vorhandenen .html Seite hinterlegen, also einige Grafiken und einige Schrift und Zahlenzeichen aber nicht alle Inhalte dieser Seite, doch ich weiß nicht so recht, wie ich das anstellen soll oder ob es überhaupt möglich ist.

Wozu?: Die Grafik soll als eine Art Signatur Dinge wiedergeben die sich von Zeit zu Zeit auf dieser .html Seite ändern und somit anderen Usern einen aktuellen Stand ihrer Seite wiedergeben.

Ich Danke Euch schon mal im Voraus

Mit freundlichen Grüßen
Matthias

P.S.: Wollte mich hier registrieren, doch im Kopf erscheint eine Fehlermeldung aus der MySQL, könnte eventuell mal ein Admin nach dem Problem sehen, da ich mich gern registrieren würde, gucke hier sehr oft.

[Der Martin]

Hallo,

Vorwort: Ich habe ein wenig nach meiner Frage vorher gesucht, Google + Forum hier, doch ich weiß nicht so recht wie man diese formulieren soll ...

ich habe das Gefühl, du tust dich überhaupt schwer, dein Anliegen klar zu formulieren. Ich bin mir nämlich nicht sicher, ob ich verstanden habe, "was du wolle".

Problembeschreibung: Ich möchte auf einer Grafik (.png) Inhalte einer vorhandenen .html Seite hinterlegen, also einige Grafiken und einige Schrift und Zahlenzeichen aber nicht alle Inhalte dieser Seite

Möchtest du
a) eine Grafik auf einer Webseite anzeigen, und weitere Elemente (Text, Sonderzeichen, andere Bilder) darüberlegen?
oder
b) eine einzelne Grafikdatei oder -Ressource erzeugen, die so aussieht wie das Ergebnis dessen, was ich unter a) beschrieben habe?

Aufgrund deiner weiteren Ausführungen ...

Die Grafik soll als eine Art Signatur Dinge wiedergeben die sich von Zeit zu Zeit auf dieser .html Seite ändern und somit anderen Usern einen aktuellen Stand ihrer Seite wiedergeben.

... vermute ich Ansatz b).
Ich habe allerdings keine Ahnung, mit welcher Technik du das umsetzen willst und kannst. Trivial "händisch" mit einem Grafikprogramm? Wohl nicht. Automatisiert auf dem Webserver? Vielleicht, aber dann stellen sich weitere Fragen:
Wann soll diese Grafik erzeugt werden? Bei jedem Request auf eine bestimmte Ressource? Oder durch ein bestimmtes Ereignis ausgelöst? Regelmäßig in bestimmten Intervallen? Mit welcher Technik? PHP? Perl? Du solltest etwas spezifischer werden.

Für eine Lösung in PHP mögen die Funktionen der GD-Lib hilfreich sein, vielleicht hilft dir das schon weiter. Ansonsten bitte mehr Info.

P.S.: Wollte mich hier registrieren, doch im Kopf erscheint eine Fehlermeldung aus der MySQL, könnte eventuell mal ein Admin nach dem Problem sehen, da ich mich gern registrieren würde, gucke hier sehr oft.

Find' ich gut. ;-)
Ja, im Moment hat die Forensoftware irgendwo kleine Problemchen, warten wir mal ab ...

Schönen Sonntag noch,
 Martin

[Matthias]

Hallo Martin

Schön, das Du so schnell geantwortet hast, und ja, ich drück mich oftmals ein wenig seltsam aus, liegt daran, das ich immer nicht so recht weiß wie ich das was ich gern erzeugen möchte auch anderen erklären könnte, da ich leider nicht vom Fach bin  ;-)

Ich wollte das wie folgt anstellen:

1.Wir nehmen eine Grafik die Online auf einem Webserver / Domain liegt, bsp: http://www.xyz.de/grafik/123.png

2.Auf dieser Grafik soll von Webserver / Domain die .html: http://www.xyz.de/docs/Seite1.html wiedergegeben werden, aber nicht der komplette Inhalt sondern nur einzelne Bruchstücke.

Ich wollt nur wissen, ob man dabei eine 2te html basteln könnte, die zb. eine Grafik aus der http://www.xyz.de/docs/Seite1.html auf dieses 123.png überträgt, also eventuell mit irgendeinem Befehl der die Zeile aus der "Seite1.html" wiedergibt und dieses über die Grafik legt.

Das solche Dinge z.b. mit Werten aus einer Datenbank heraus klappen habe ich mir schon angesehen, doch die Werte in der html sind ja von Hand eingetragen und liegen daher womöglich in keiner SQL-Datenbank.

Ich vermute, das ich hier ganz schönen Blech schreibe, hab leider fast gar keinen Plan von der Materie, daher entschuldige bitte die seltsamen Fragen, kann ja auch sein, das mein Vorhaben überhaupt nicht realisierbar ist.

Könnte Dir auch den Pfad der Seite schicken, diese möchte ich jedoch nicht öffentlich hier Posten...

Gruß vom Matthias

[bleicher]

Grüße,
machbar ist es, aber ich habe das gefühl, von hand erstellt wäre es einfacher - parsen einer html ist denkbar, aber es setzt gewisse struktur voraus - ist es gegeben?
MFG
bleicher

[Matthias]

Grüße,
machbar ist es, aber ich habe das gefühl, von hand erstellt wäre es einfacher - parsen einer html ist denkbar, aber es setzt gewisse struktur voraus - ist es gegeben?
MFG
bleicher

Hallo bleicher

Hab Dank für Deine Antwort !

Hab nochmal nen bißchen was hierdrüber gebostet, was meinst mit "gewisse struktur" ?

Mit freundlichen Grüßen Matthias

[bleicher]

Grüße,

Hab nochmal nen bißchen was hierdrüber gebostet, was meinst mit "gewisse struktur" ?

wen du weist, wie die Seite von der du "Stücke" brauchst, strukturiert ist, kannst du die automatisch verarbeiten
grob gesagt - wenn du immer zeilen 12 bis 27 und 34 bis 48 des quellcodes brauchst, bzw immer gewisse Elemente drumherum hast (zB ein contaner mit class="dasrichtige") dan geht das, wenn du aber immer total willkürliche stellen rauschneiden musst - kann das nur ein mensch.
MFG
bleicher

[Matthias]

Grüße,

Hab nochmal nen bißchen was hierdrüber gebostet, was meinst mit "gewisse struktur" ?

wen du weist, wie die Seite von der du "Stücke" brauchst, strukturiert ist, kannst du die automatisch verarbeiten
grob gesagt - wenn du immer zeilen 12 bis 27 und 34 bis 48 des quellcodes brauchst, bzw immer gewisse Elemente drumherum hast (zB ein contaner mit class="dasrichtige") dan geht das, wenn du aber immer total willkürliche stellen rauschneiden musst - kann das nur ein mensch.
MFG
bleicher

Grüße,

Hab nochmal nen bißchen was hierdrüber gebostet, was meinst mit "gewisse struktur" ?

wen du weist, wie die Seite von der du "Stücke" brauchst, strukturiert ist, kannst du die automatisch verarbeiten
grob gesagt - wenn du immer zeilen 12 bis 27 und 34 bis 48 des quellcodes brauchst, bzw immer gewisse Elemente drumherum hast (zB ein contaner mit class="dasrichtige") dan geht das, wenn du aber immer total willkürliche stellen rauschneiden musst - kann das nur ein mensch.
MFG
bleicher

Ja, dann ist sie gut Strukturiert, hab sie komplett selbst erarbeitet, also im html Editor von Phase5, weiß also über jede Zeile Bescheid.  =)

Wie würde das denn dann funktionieren mit z.b. den Zeilen, also genauer gesagt, wie müsste der Befehl dann lauten, der eine bestimmte Zeile auf einer Grafik platziert ?

Und kann ich dann auch die Position der Zeile (Beispielsweise eine Grafik oder Zahl) auf der Grafik definieren z.b. mit dem "x und y", da alles ein wenig anders angeordnet werden müsste auf der Grafik.

Nehmen wir als Beispiel die Grafik deiner Signatur: Wenn die Schrift die sich darauf befindet nicht Teil der Grafik wäre, sondern per Befehl darauf gesetzt wurde, kann man sie durch irgendeinen Befehl nach rechts unten verschieben?

Bin gespannt, bis Bald und schonmal vielen Dank
Matthias

[bleicher]

Grüße,

Nehmen wir als Beispiel die Grafik deiner Signatur: Wenn die Schrift die sich darauf befindet nicht Teil der Grafik wäre, sondern per Befehl darauf gesetzt wurde, kann man sie durch irgendeinen Befehl nach rechts unten verschieben?

ja - aber du hast ja grundsätzlich 2 wege -
text als text, und grafik als hintergrund, oder text in die grafik reinrendern - zB mit PHP geht beides,

das ist aber der k(n)akpunkt - hast du lust PHP zu lernen?
sowas gehört nicht mehr ganz zu den "hallo welt" Bereichen
MFG
bleicher

[Matthias]

ja - aber du hast ja grundsätzlich 2 wege -
text als text, und grafik als hintergrund, oder text in die grafik reinrendern - zB mit PHP geht beides,
das ist aber der k(n)akpunkt - hast du lust PHP zu lernen?
sowas gehört nicht mehr ganz zu den "hallo welt" Bereichen

Na ich Denke, da muss ich durch...die Links die Martin gepostet hat sind ja soetwas denke ich, wäre nur schön, wenn es solche Seiten komplett in Deutscher Sprache gibt, da mein Englisch noch aus den Zeiten der Schule stammt und man heutzutage mit ein paar Brocken Schulenglisch nicht mehr weiterkommt.

1.Hast Du eventuell mal ein php Beispielcode zur hand, der zum einen eine kleine Grafik auf einer Grafik platziert und ein wenig Text ebenfalls ?

2.Kann man einen php-code in eine html datei einbauen, oder muss man eine .php-datei auf dem Server ablegen und diese aufrufen um diese zu sehen ?

Vielen Dank, Matthias

[bleicher]

Grüße,

2.Kann man einen php-code in eine html datei einbauen, oder muss man eine .php-datei auf dem Server ablegen und diese aufrufen um diese zu sehen ?

die erste teilfrage kann ich leider nicht recht verstehen, - aber php-code muss von einem server interpretiert werden - browser verstehen nur html (dieser kann aber von php generiert sein) - du kannst aber xampp nutzen um es local auf deinem rechner zu testen.

MFG
bleicher

[Der Martin]

Hallo Matthias,

1.Wir nehmen eine Grafik die Online auf einem Webserver / Domain liegt, bsp: http://www.xyz.de/grafik/123.png

imagecreatefrompng()

2.Auf dieser Grafik soll von Webserver / Domain die .html: http://www.xyz.de/docs/Seite1.html wiedergegeben werden, aber nicht der komplette Inhalt sondern nur einzelne Bruchstücke.

jede GD-Funktion zur Bildmanipulation
Grafik wieder speichern oder an Client ausgeben

Ich wollt nur wissen, ob man dabei eine 2te html basteln könnte, die zb. eine Grafik aus der http://www.xyz.de/docs/Seite1.html auf dieses 123.png überträgt, also eventuell mit irgendeinem Befehl der die Zeile aus der "Seite1.html" wiedergibt und dieses über die Grafik legt.

Das habe ich immer noch nicht verstanden. :-(

Das solche Dinge z.b. mit Werten aus einer Datenbank heraus klappen habe ich mir schon angesehen, doch die Werte in der html sind ja von Hand eingetragen und liegen daher womöglich in keiner SQL-Datenbank.

Ja, und wo ist das Problem? Ob du die Daten aus einer DB ziehst oder direkt aus der Webseite, macht doch keinen wesentlichen Unterschied ...

Ich vermute, das ich hier ganz schönen Blech schreibe, hab leider fast gar keinen Plan von der Materie, daher entschuldige bitte die seltsamen Fragen, kann ja auch sein, das mein Vorhaben überhaupt nicht realisierbar ist.

Ich bin ziemlich sicher, *dass* es realisierbar ist, wenn wir nur wüssten, was du wirklich willst.

Könnte Dir auch den Pfad der Seite schicken, diese möchte ich jedoch nicht öffentlich hier Posten...

Nenene, das ist ein öffentliches Forum, Privatunterricht per Mail is nich. Und deine Beispielseite würde mir auch nicht helfen, solange du mir noch nicht klarmachen kannst, was du wirklich willst.

Für mich sieht der "Plan" es im Moment so aus:
Du möchtest eine Grafik erzeugen (Vorlage existiert), die einen Auszug aus deiner Webseite darstellt. Diese Grafik können deine User unter einer immer gleichbleibenden URL abrufen, um eine Kurzform deines Angebots zu sehen, und sie soll möglichst automatisch aktualisiert werden, wenn auch die Seite überarbeitet wird. Alternativ könnte diese Grafik auch in dem Moment, da sie angefordert wird, dynamisch erzeugt werden.
Ich frage mich dabei die ganze Zeit: Wieso eine Grafik? Wieso nicht eine kurze Zusammenfassung in Textform? Vielleicht sogar als RSS-Feed?

So long,
 Martin

[Matthias]

Hey Martin

imagecreatefrompng()

jede GD-Funktion zur Bildmanipulation
Grafik wieder speichern oder an Client ausgeben

Ich bin ziemlich sicher, *dass* es realisierbar ist, wenn wir nur wüssten, was du wirklich willst.

Ich Denke, das was Du gepostet hast, isses schon, diese Dinge sehen jedenfalls genauso aus, wie die Sache die ich mir mal angesehen hatte, ich dachte nur man könnte sich das irgendwie einfacher machen.

Nenene, das ist ein öffentliches Forum, Privatunterricht per Mail is nich. Und deine Beispielseite würde mir auch nicht helfen, solange du mir noch nicht klarmachen kannst, was du wirklich willst.

Is schwer, ich Denke, ich meine das was bleicher geschrieben hat, das mit dem parsen einer html-seite.

Für mich sieht der "Plan" es im Moment so aus:
Du möchtest eine Grafik erzeugen (Vorlage existiert), die einen Auszug aus deiner Webseite darstellt. Diese Grafik können deine User unter einer immer gleichbleibenden URL abrufen, um eine Kurzform deines Angebots zu sehen, und sie soll möglichst automatisch aktualisiert werden, wenn auch die Seite überarbeitet wird. Alternativ könnte diese Grafik auch in dem Moment, da sie angefordert wird, dynamisch erzeugt werden.
Ich frage mich dabei die ganze Zeit: Wieso eine Grafik? Wieso nicht eine kurze Zusammenfassung in Textform? Vielleicht sogar als RSS-Feed?

Genau, quasi ne Blanko Grafik, beispielsweise in Schwarzer Klavierlackoptick, und auf dieser werden dann z.b. kleinere Grafiken, Wörter oder Zahlen wiedergegeben die auf "Seite1.html" zu finden sind, aktualisiert sollen sie aber nur auf "Seite1.html" werden und dann auf der Grafik automatisch erscheinen.

Ich schätze, die Links die Du gepostet hast sind der Schlüssel, wahrscheinlich muss ich mich da mal durchfuchsen und probieren, probieren , probieren.

Diesen Code habe ich mal in einer art öffentlichen Seite angelegt (war zum Teil vordefiniert) , dieser greift allerdings auf eine art Masterserver zurück, das selbe wollte ich machen für einige unserer Seiten nur habe ich darin nie irgendeine url entdeckt auf die dieser Code zurückgreift.
*********************************************
<var name="c2">FFFFFF</var> Text
<var name="c5">8B0000</var> Nick
<var name="c6">FFFFFF</var> zahlen
<var name="fs">arial.ttf</var>
<var name="fsb">arialbd.ttf</var>
<var name="online">00FF00</var>
<var name="offline">FFFFFF</var>
<var name="award_display">0</var> graue Bilder weg

Hintergrund
<bild x="0" y="0" width="400" height="75">images/pics/76122_knife.png</bild>

Bilder
<bild front="nick" x="5" y="3" width="48" height="27">images/flags/small_{p:countrycode}.jpg</bild>
<bild x="14" y="3" width="30" height="30">images/n_rank_{p:rank}.gif</bild>

Nick
<text id="prefix" size="11.5" x="65" y="15" color="{c2}" style="{fsb}">[player:server_prefix]</text>
<text after="prefix" size="11.5" x="75" y="15" color="{c2}" style="{fsb}">{p:nick}</text>

On- Offline
<text size="8" x="295" y="28" color="[player:now_online3]" style="{fsb}">[player:now_online4]</text>

Dienstgrad
<text size="8" x="295" y="14" color="{c2}" style="{fsb}">[info_rank:{p:rank}]</text>

Spielerdaten
<text size="9.5" x="5" y="40" color="{c2}" style="{fs}">Punkte:</text>
<text size="9.5" x="55" y="40" color="{c6}" style="{fs}">{p:scor}</text>
<text size="7" x="5" y="51" color="{c2}" style="{fs}">Flaggen:</text>
<text size="7" x="55" y="51" color="{c6}" style="{fs}">{p:cpcp}</text>
<text size="7" x="5" y="62" color="{c2}" style="{fs}">Kills:</text>
<text size="7" x="55" y="62" color="{c6}" style="{fs}">{p:kill}</text>
<text size="7" x="5" y="73" color="{c2}" style="{fs}">Death:</text>
<text size="7" x="55" y="73" color="{c6}" style="{fs}">{p:deth}</text>

Awards
<bild x="245" y="39" width="36" height="36">[award:2051907]</bild>
<text size="7" x="275" y="73" color="{c6}" style="{fsb}">{p:al-2051907}</text>
<bild x="295" y="39" width="36" height="36">[award:2051919]</bild>
<text size="7" x="325" y="73" color="{c6}" style="{fsb}">{p:al-2051919}</text>
<bild x="345" y="39" width="36" height="36">[award:2051902]</bild>
<text size="7" x="375" y="73" color="{c6}" style="{fsb}">{p:al-2051902}</text>

<text size="7.9" x="165" y="35" color="{c6}" style="{fs}">Letzter Award:</text>
<bild x="180" y="39" width="32" height="36">[lastaward:1]</bild>
*********************************************

Leider kann ich nur ein wenig in Dingen "html" & "css" , daher wollt ich es mit diesen Sprachen bewerkstelligen...ich bedanke mich aber vielmals bei Dir Martin für die Links, ich lese mich dort mal ein, aufdass es in Zukunft auch mal mit formulierungen klappt ;o)

P.S.: Dieser Code stammt aus einer der .html Seiten und genau diese Zeilen wollt ich irgendwie auf ein PNG packen und anders anordnen.

****************
BF2<img src="/stats/rang/14.png" alt="Battlefield 2 Rang" width="80" height="46" />
BF2 X2<img src="/stats/rang/14.png" alt="Battlefield 2 [X2] Rang" width="80" height="46" />
WiC<img src="/stats/rang/16.png" alt="World in Conflict Rang" width="80" height="46" />
CoD4<img src="/stats/rang/22.png" alt="Call of Duty4 Rang" width="85" height="75" />
CoD4 Mod<img src="/stats/rang/20.png" alt="Call of Duty4 Mod Warfare Rang" width="80" height="46" />
Level 26<img src="/stats/rang/levelr.png" alt="LevelR Level" width="80" height="46"/>
****************

Greets Matthias