Als erstes brauchen wir ein Hintergrundbild und eine Schriftart, die wir benutzen können.
Sucht euch einfach eine bei z.B. dafont aus.
Ein Hintergrundbild kann einfach eine weiße Fläche oder auch eine Figur usw. sein.
Mangels Kreativität hab ich einfach mal diese Fläche hier genommen:
So, jetzt beginnen wir mit dem Code.
Erstellt eine neue Datei mit der Endung .php und öffnet sie in eurem Editor (Ich benutze einfach notepad.exe)
Am besten isses, ihr kopiert den Hintergrund, die neu erstellte .php-datei(Ich nenn sie mal bild.php) und alle weiteren Projektdateien in einen neuen ORdner.
Der anfängliche Code sieht nun so aus:
So, jetzt können wir das mal auf unseren Image-fähigen Wepsace kopieren, um zu sehen ob es geht. (ich benutze, wie die Profis sehen können, die gdlib)
Jetzt brauchen wir usere Schriftart, die downloaden wir und kopieren sie in den bereits erwähnten Ordner.
Ich hab mal Visitor gewählt (visitor2.ttf), da die Schriftart schön klein ist.
Jetzt können wir schonmal Text erstellen:
Zu unserem Code kommt:
PHP-Quellcode
- $textcol=imagecolorallocate($im,0,0,0); // Hier bestimmen wir die Farbe des Textes in RGB-Schreibweise, in dem Fall schwarz
- imagettftext($im,10,0,20,20,$textcol,"./visitor2.ttf","$data[0]"); /*
- Tadaa unser erster Text
- Die erste Zahl bewirkt die Schriftgröße, die dritte den Abstand nach unten, die vierte den nach rechts (Oder war es andersrum? )
- Das vierte ist der Dateiname der Schriftart, das fünfte ist der Text, in dem Fall eine Variable
- */
By the way: // ist in Php ein Kommentar über eine Zeile
/* Ist
ein
Kommentar
über
mehrere
Zeilen */
So, jetzt ist unsere bild.php fast fertig, ihr könnt sie nun ergänzen, wir ihr wollt. Ihr müsst nur dran denken, das $data[0] immer +1 zu erhöhen oder einen absoluten Text einfügen.
An den Anfang des COdes kommt jetzt noch das hier:
Durh diese Codezeile können wir später ein Formular bauen, mit dem wir die Variablen weitergeben. Es ist in base64 codiert, damit nicht die ganzen Daten offenliegen und er bekommt es von der Variable "data", sodass unsere Url später etwa so aussehen wird:
Xxxxxxxx.de - Informationen zum Thema . Diese Website steht zum Verkauf!
Ganz unten kommt noch:
um zum Schluss das png-Bild zu generieren.
Um den ganzen Code kommt der HTML-Tag <?php und ?> .
Jetzt hätten wir unsere bild.php-Datei fertig.
Jetzt kommt das Formular, es ist eigentlich eine einfache HTML-Datei mit PHP-Elementen.
Dazu kommt ein Formular, sicher wissen die meisten HTML-Nutzer wie das geht:
Das war erstmal das Formular, heir ist sicher keine Erklärung nötig.
Jetzt könnt ihr irgendwo in eurem Dokument den folgenden PHP-Code einfügen:
Das sorgt dafür, die ganzen Daten in HTML-Code umzuwandeln. Ihr könntet den ganzen Code natürlich auch irgendwo in einen Link einfügen,d amit das ganze bereits als link anklickbar ist.
ICh hoffe, ich sehe hier ein paar Ergebnisse von euch.
P.S.: Kopiert dieses Tutorial nirgends und vorallem: Wenn euer Webspace kein gdlib unterstützt, weiß ich auch nicht weiter. Sorry!