Namensschilder

A

aargau

Erfahrenes Mitglied
Hallo Zusammen,

Ich möchte auf Bilder Namensschilder setzen können. Der User logt sich über ein Login Script an, somit kann danach ausgelesen werden wer er ist. Nun suche ich aber ein Script welches es erlaubt auf Bilder Namesschilder an jeder stelle zu setzten und diese danach zu Speichern. Weis jemand wie das geht? Die User Daten sind in einer my SQL Datenbank gespeichert. Ich denke allso das man da irgend wie die Schilder Infos auch noch reinnehmen könnte... Aber wie?

Hoffe jemand kann mit helfen.

MarcoVolt
- Der PHP Anfänger
 
Meinst Du einen Text auf ein Namensschild (Bild) Schreiben!?

Dann könnte es mit

imagettftext
(PHP 3, PHP 4, PHP 5)

imagettftext -- Erzeugt TTF-Text im Bild
Beschreibung:
array imagettftext ( resource im, int size, int angle, int x, int y, int col, string fontfile, string text )


ImageTTFText() zeichnet den Text text in das per im angegebene Bild, beginnend bei den Koordinaten x und y (oben links ist 0, 0) mit einem Ausgabewinkel von angle in der Farbe col unter Verwendung der TTF-Datei, die mittels fontfile benannt wurde.

Die per x und y angegebenen Koordinaten definieren den Startpunkt des ersten Zeichens (in etwa die linke untere Ecke). Das ist anders als bei der ImageString()-Funktion, bei der x und y die obere rechte Ecke des ersten Zeichens darstellen.

Angle ist in Grad anzugeben. 0 ist eine normale Ausrichtung von links nach rechts (von 9 nach 3 Uhr). Höhere Werte entsprechen einer immer weiteren Drehung entgegen dem Uhrzeiger-Sinn. Eine Drehung von 90 Grad entspricht also einer Text-Ausrichtung von unten nach oben (von 6 nach 12 Uhr).

Fontfile ist der Pfad zur TTF-Datei, die Sie verwenden wollen.

Text ist der auszugebende String, der auch UTF-8-Zeichenfolgen enthalten darf (z.B. {)

Col ist der Farbindex. Verwenden Sie den negativen Index-Wert, führt das zum Aufheben des Farbüberlaufs (Antialiasing).

ImageTTFText() gibt ein Array aus acht Elementen zurück, das die vier Ecken des Textausgabe-Bereichs enthält (wie ImageTTFBBox()). Die Reihenfolge ist dabei oben links, oben rechts, unten rechts und unten links. Die Punkte sind dabei relativ zum Text. Deshalb gibt oben links die linke Ecke bei horizontaler Sichtweise an.
Zum Vergrößern anklicken....

klappen! :rolleyes:
 
Ja, Schilder auf Bilder meinte ich. Danke mal für deien Post, werde mir das mal genauer ansehen.

//EDIT

So, habe mir mal einige Infos über das ganze gesucht. Ich denke so von dem was ich gelesen habe das es nicht das ist was ich suche. Es kann zwar text platzieren, aber so wie ich das sehe wird er text dann im Bild gespeichert. Ich habe mal schnell ein Link von einer Seite gesucht welche auch Schilder auf Bilder machen lässt. Die Schilder können so an jeder belibigenstelle hingesetzt werden in dem man mit der Maus am gewünschten ort hinklickt. Ich denke mir mal das es irgend wie mit Ebnen gemacht wird, aber wie habe ich keine ahnung...

http://powerpixx.ch/index.php?site=show_pic&picid=7095&gal_id=41
 
Hallo!

"Schilder auf Bilder" (Bilder auf Bilder?) ist aber etwas anderes als "Text auf Bilder".
Suche mal nach "Wasserzeichen" bzw. "Watermark"..... da wirst Du einiges finden. ;)

Gruss Dr Dau
 
Hallo, ich glaube du hast mich falsch verstanden :-) Wie man das Logo unten "Powerpixx.ch" machen kann weis ich schon, das ist nicht das Problem, aber oben ist ein Schild auf welchem "SexyLexi" Steht. Dieses kann jeder User auf die Bilder machen, hald einfach mit dem Namen von sich bzw. dem jeweils eingeloggten User.
 
Danke, das wird wohl das sein was ich gesucht habe. Kann ich Troz Java Script die Infos aus my sql auslesen, allso so das der name des Users auf dem Schild steht?

Nochmals grossen Dank für die Schnelle Hilfe!

Grüsse
Marco
 
Hmm, auf der Seite haben sie es nicht mit einem Image Map gelöst, sondern mit einem über das Bild positionierten <div>-Element.
HTML: 
  <form method="post">
  <tr>
   <td align="center" valign="middle" bgcolor="#FFFFFF">
    <div style="position:relative;float:left;">
    <div style="postiton:absolute;text-align:left;float:left;">
         <img src="save/2006-11-25_21-47-51_0023.jpg" align="middle" alt="Userpic" border="0" />
               <div style="z-index:2;position: absolute; top: 308px; left: 544px; padding:0px 4px 2px 0px;font-weight:bold;background-color:#33FFFF;border:1px solid #000000;font-size:10px;text-align:left;">
       <a href="index.php?site=user&userid=374"><img src="gfx/namestamparrow.gif" border="0" align="left"> &nbsp; SexyLexi</a>      </div>
          </div>
    </div>
   </td>
  </tr>
  </form>
Ohne JavaScript wirst Du vermutlich nicht weit kommen, schliesslich müssen ja die Koordinaten irgendwie ermittelt und übermittelt werden.
Der User logt sich doch ein?
Dann wird sein Name halt aus der Datenbank ausgelesen und vorgegeben.
Der User hat dann nurnoch die Aufgabe seinen Namen richtig zu positionieren.
Die Position wird dann in der Datenbank gespeichert.
Ich würde evtl. eher auf Ajax zurückgreifen..... dann können auch im Hintergrund Aktionen ausgeführt werden.
Frage mich aber nicht wie es mit JavaScript bzw. Ajax funktioniert..... ich mag solchen Spielkram nicht. ;)
 
Die User Loggen sich über dieses ein: http://www.tutorials.de/forum/php-tutorials/9684-php-mysql-login-system-mit-sessions.html

Du denkst allso mit Java Script die genaue Position auslesen, in die Datenbank Speichern und dann anschliessend wieder auslesen oder?

Dann könnte man es ja über Ebnen auslesen, allso in etwa so: Das style könnte man ja dann aus der Datenbank lesen oder denkst du das wird nicht gehen?

PHP: 
<div id="layer1" style="width:132px; height:29px; position:absolute; left:185px; top:36px; z-index:1;">
    <p><? echo"$user" ; ?></p>
</div>
 
marcovolt hat gesagt.:
Du denkst allso mit Java Script die genaue Position auslesen, in die Datenbank Speichern und dann anschliessend wieder auslesen oder?
Zum Vergrößern anklicken....
Genau.
marcovolt hat gesagt.:
Dann könnte man es ja über Ebnen auslesen, allso in etwa so:
Zum Vergrößern anklicken....
Nun, ich weiss jetzt nicht aus dem Kopf ob und wie man ein <p>-Element unter der Angabe von Pixeln positionieren kann.
Aber bei einem <div>-Element geht es auf jedenfall (siehe Oben):
HTML: 
<div style="z-index:2;position: absolute; top: 308px; left: 544px;.....">
Wichtig ist halt die Reihenfolge vom "z-index".
marcovolt hat gesagt.:
Das style könnte man ja dann aus der Datenbank lesen oder denkst du das wird nicht gehen?
Zum Vergrößern anklicken....
Würde gehen.
Aber Du brauchst nicht das gesamte Style in der Datenbank speichern.
Da sich ja je nach User nur die Werte für "top" und "left" ändern, langt es auch wenn Du nur diese Werte speicherst.
Vorteil daran ist, die Tabellenspalten können vom Typ "int" sein..... so minimierst Du das Risiko dass evtl. falscher Code in die Datenbank gelingen könnte.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück