[Mod] Userpic

[infobox]Da der Post hier schon recht unübersichtlich wird, habe ich die Dateien, die geändert werden angehangen![/infobox]
[warnbox]Achtung beim Austausch der Dateien, eventuelle Änderungen die Ihr selbst vorgenommen habt, werden dann natürlich überschrieben![/warnbox]

[infobox]Jetzt auch mit Profilbild anstatt des Favoritenbild in der Statistik des Profils, einfach img/php/profil.php austauschen[/infobox]
Moin,
da hier ja mittlerweile nach einem MOD für das Profilbild gefragt wurde und ein Kumpel mich deswegen auch angesprochen hat, hab ich mir mal die Zeit genommen und dies für das WM-Script angepasst
Danach kann man auf der "Profil ändern"-Seite sein eigenes Profilbild hochladen
[infobox] Achtung, manchmal spielt der Cache verrückt und man muss die Seite erneut laden bzw den Cache löschen, damit das Bild auch angezeigt wird![/infobox]
Ausserdem wird dann das Profilbild auf der linken Seite oberhalb des Usermenü angezeigt und in der Teilnehmerliste.

Folgendes muss gemacht werden, damit dies auch bei Euch klappt

[warnbox]Ich berufe mich bei Zeilenangaben etc. immer auf die Original Script-Dateien, also sollte jemand schon was gebastelt haben, dann ist dies natürlich zu berücksichtigen!
Desweiteren macht es immer Sinn, seine Daten vorher zu sichern, auch die Datenbank.[/warnbox]
[warnbox]Und immer schön an UTF-8 denken[/warnbox]

• User-Datenbank um Spalte "Userpic" erweitern
  Folgenden SQL-Befehl in PHPMyAdmin o.ä. ausführen:
  
  
  Code

  1. ALTER TABLE wmtipp_users ADD COLUMN userpic VARCHAR(50) NOT NULL Default 'empty.jpg'

  
  Dieser trägt in eurer Tabelle wmtipp_users die Spalte "userpic" und das Bild empty.jpg als Standardbild für jeden User ein.
  (Ihr könnt auch jedes andere Standardbild benutzen)

  
  

• Ordner /userpic erstellen mit empty.jpg
  Nun per ftp im Ordner img einen Ordner mit dem Namen: userpic erstellen und diesem Ordner Schreibzugriff geben chmod 777.
  Dann in den Ordner das Bild empty.jpg einfügen. (Bild ist hier mit angehangen)
  

  
  

• Datei intern.profil.php anpassen
  Die Profil ändern Seite muss angepasst werden, dass man hier sein Bild hochladen kann.
  Dazu in der intern.profil.php ganz am Ende folgenden Code anfügen:
  [warnbox]Im Quelltext sind Fehler, da irgendwie hier die Formatierung verändert wird, auch wenn ich es als Code deklariere!!![/warnbox]
  [warnbox]Er löscht in den span-Befehlen den Schrägstrich! Es heisst bei den $meldungs-Aufrufen so:[/warnbox]
  
  

  Zitat

  $meldung = "<span style=\"color:#FF0000;font-weight:bold;\">

  
  

  Spoiler anzeigen

  
  

  PHP

  1. <!-- Beginn USERPIC --><?php$dateityp = (isset($_FILES['datei']['tmp_name']) ? GetImageSize(mysql_real_escape_string($_FILES['datei']['tmp_name'])) : 0);$meldung = "";$get_pic = mysql_query("SELECT userpic FROM ". $CONFIG['MYSQL']['PREFIX'] ."users WHERE id = '".$_SESSION['s_id']."'");$bild = mysql_fetch_array($get_pic);$userpic = "img/userpic/".$bild['userpic'];if($dateityp[2] != 0){ if($_FILES['datei']['size'] <= 102400 && $dateityp[0] <= 150 && $dateityp[1] <= 150) { if (isset($bild['userpic']) && $bild['userpic'] != "empty.jpg") { unlink($userpic); } $new_filename = $_SESSION['s_id'] . strrchr($_FILES['datei']['name'], "."); move_uploaded_file($_FILES['datei']['tmp_name'], mysql_real_escape_string("img/userpic/".$new_filename)); $meldung = "<span style="color:#00DD00;font-weight:bold;">Bild erfolgreich hochgeladen</span><br>"; mysql_query("UPDATE ". $CONFIG['MYSQL']['PREFIX'] ."users SET userpic ='". mysql_real_escape_string($new_filename) ."' WHERE id = '". $_SESSION['s_id'] ."'"); echo $meldung; $get_pic = mysql_query("SELECT userpic FROM ". $CONFIG['MYSQL']['PREFIX'] ."users WHERE id = '".$_SESSION['s_id']."'"); $bild = mysql_fetch_array($get_pic); $userpic = "img/userpic/".$bild['userpic']; } elseif ($_FILES['filepc']['size'] > 102400) { $meldung = "<span style="color:#FF0000;font-weight:bold;">Datei zu gross</span>"; echo $meldung; } elseif ($dateityp[0] > 150 || $dateityp[1] > 150) { $meldung = "<span style="color:#FF0000;font-weight:bold;">Bild ist zu gross</span>"; echo $meldung; } else { $meldung = "<span style="color:#FF0000;font-weight:bold;">Bild konnte nicht hochgeladen werden</span>"; $meldung .= "<br><br>Bitte versuche es noch einmal mit einem anderen Bild und achte auch auf die Beschr&auml;nkungen.<br>"; echo $meldung; }}elseif ($dateityp[2] == 0 && isset($_POST['upload'])){ if (isset($_FILES['datei']['tmp_name']) && trim($_FILES['datei']['tmp_name']) == "") { $meldung = "<span style="color:#FF0000;font-weight:bold;">Keine Datei gewaehlt</span>"; echo $meldung; } else { $meldung = "<span style="color:#FF0000;font-weight:bold;">Datei ist kein Bild</span>"; echo $meldung; }}?> <form action="" method="post" enctype="multipart/form-data" name="userpic" id="userpic"><br> <tr> <th><h1>Profilbild &auml;ndern</h1></th> </tr> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellspacing="1" cellpadding="2" class="table_content"> <tr align="left" valign="top"> <td id="thmdl" width="180"> <h2>Aktuelles Bild</h2></td> <td width="150"> <img src="<?php echo $userpic; ?>" title="Aktuelles Bild" alt="Aktuelles Bild" style="position:top; "> </td> <td>Hier kannst Du Dein aktuelles Profilbild &auml;ndern.<br> Bitte beachte dabei folgende Regeln: <ul> <li>Bildma&szlig;e: max. 150 x 150 Pixel</li> <li>Bildgr&ouml;&szlig;e: max. 100 kB</li> <li>erlaubte Dateiendungen: gif, jpg, png</li> <li>keine Bilder, die verbotene oder rechtswidrige Inhalte zeigen</li> </ul> </td> </tr> <tr align="left" valign="top"> <td id="thmdl"><h2>Neues Bild</h2></td> <td colspan="2"> <div id="divinputfile"> <input name="datei" type="file" size="69" id="filepc" onchange="document.getElementById('fakefilepc').value = this.value;" /> </div> </td> </tr> <tr align="left"> <td id="thbole">&nbsp;</td> <td colspan="2"> <br /> <div class="buttons"> <input type="submit" name="upload" id="upload" alt="Bild hochladen" title="Hochladen"> </div> </td> </tr> </table> </td> </tr></form> <!-- Ende USERPIC -->

  
  

  
  

• Im Usermenü Bild einfügen
  In der Index.php nach
  
  
  Code

  1. <tr><td colspan="2"><hr style="border:1px dotted #cccccc;"></td></tr>

  
  suchen (Bei Original-index.php nach Zeile 701).
  Davor diesen Code einfügen.
  

  PHP

  1. <!-- Mod Userpic Beginn --><?php$get_pic = mysql_query("SELECT userpic FROM ". $CONFIG['MYSQL']['PREFIX'] ."users WHERE id = '".$_SESSION['s_id']."'");$bild = mysql_fetch_array($get_pic);$userpic = "img/userpic/".$bild['userpic'];?><img src="<?php echo $userpic; ?>" title="Profilbild" alt="Profilbild" style="position:top; "><!-- Mod Userpic Ende -->

  
  dann erscheint das aktuelle Userbild im User-Menü.

  
  

• Userpic in Teilnehmerliste
  

  
  

  Damit das Userpic auch in der Teilnehmerliste angezeigt wird, muss die teilnehmer.ansicht.php angepasst werden.
  Dazu muss die Tabelle um eine Spalte erweitert werden, direkt neben der Favoritenflagge, also nach Zeile 58 ein weiteres
  

  Code

  1. <td class="tabHeaderMid">&nbsp;</td>

  
  einfügen, somit stehen da jetzt zwei untereinander dann.
  Dann nach folgendem Code weiter unten:
  

  PHP

  1. <td class="tabCKMid" style="<?php echo $tdstyle; ?>text-align:left!important; width:30px;"><img style="border:0px; width:28px; height:20px; padding:0px; margin:0px;" src="<?php echo $CONFIG['PATH']."img/flags/". $row['fav'] .".png"; ?>" alt="fav"></td>

  
  Dies danach einfügen:
  

  PHP

  1. <td class="tabCKMid" style="<?php echo $tdstyle; ?>text-align:left!important; width:30px;"><img style="border:0px; width:28px; height:28px; padding:0px; margin:0px;" src="<?php echo "img/userpic/".$row['userpic']; ?>" alt="userpic"></td>

  
  Ich habe hier mal die Höhe auf 28px gesetzt.
  Wer die Bilder größer haben möchte, der muss nur die Breite und Höhe dementsprechend anpassen:
  

  Code

  1. width:28px; height:28px;

  
  

• Einbinden in wer ist/war Online
  

  
  

  Dazu muss die user.online.php angepasst werden.
  In Zeile 44 den SQL-Aufruf ändern in:
  

  PHP

  1. $query = "SELECT u.id AS uid, u.name, u.usr, u.fav AS fav, u.userpic AS userpic, t.id AS tid FROM ". $CONFIG['MYSQL']['PREFIX'] ."users AS u" ." LEFT JOIN ". $CONFIG['MYSQL']['PREFIX'] ."teams AS t ON t.id = u.fav" ." WHERE UNIX_TIMESTAMP(u.lastaction) > ". ($now - $skript['actiontime']) ." ORDER BY u.name DESC";

  
  und weiter unten gibt es noch einen SQL-Befehl so ca. Zeile 104, den ändern in:
  

  PHP

  1. $query = "SELECT u.id AS uid, u.name, DATE_FORMAT(u.lastaction, '%H.%i ') AS lastdate, u.usr, u.fav, u.userpic AS userpic, t.id AS tid FROM ". $CONFIG['MYSQL']['PREFIX'] ."users AS u" ." LEFT JOIN ". $CONFIG['MYSQL']['PREFIX'] ."teams AS t ON t.id = u.fav" ." WHERE UNIX_TIMESTAMP(u.lastaction) <= ".($now - $skript['actiontime']) ." AND UNIX_TIMESTAMP(u.lastaction) >= " . mktime(0,0,0,date("m",$now),date("d",$now),date("Y",$now)) ." ORDER BY u.lastaction DESC";

  
  Somit haben wir schon mal den Aufruf das auch das Profilbild mit gesucht wird.

  
  

  Dann muss es noch angezeigt werden, dies geht mit folgendem Aufruf:
  

  PHP

  1. <td style="border:1px solid #b0b0b0;border-right:0px;<?php echo $styletext?>text-align:center; width: 38px"><img style="border:0px; width:28px; height:28px; padding:0px; margin:0px;" src="<?php echo "img/userpic/".$row['userpic']; ?>" alt="userpic"></td>

  
  [infobox]Bei WAR-Online sollte die Backgroundfarbe auf grau gesetzt werden, also einfach text-align:center;background-color:#dddddd;" width="38"> dann einfach benutzen.[/infobox]
  Dieser muss nach dem Aufruf des Fav-Icons eingebaut werden oder kann auch anstelle dessen.
  Achtung gibt den Aufruf ja zweimal, einmal für IST-ONLINE und für WAR-ONLINE, einfach nach der Passage suchen:
  

  PHP

  1. <td style="border:1px solid #b0b0b0;border-right:0px;<?php echo $styletext?>text-align:center;background-color:#dddddd;" width="38"><img style="border:0px" src="<?php echo $CONFIG['PATH']?>img/flags/<?php echo $row['fav']?>.png" width="28" height="20"></td>

  
  Zeile 62 und 122 (kann auch etwas verschoben sein, wenn ihr schon den ersten Aufruf eingebaut habt.)

  
  

• Einbinden ins Forum (Danke an Chris)
  forum.thread.php Zeile 181
  

  
  

  Diese Zeile ersetzen
  

  PHP

  1. <img src="<?php echo $CONFIG['PATH']?>img/flags/<?php echo loadField($row['autor'],"fav")?>.png" style="padding:1px;margin-left:5px;margin-right:7px;border:0px;" alt="Favorit"> <div style="margin:7px 0 0 0;"><?php echo getTipper($row['autor'])?></div>

  
  

  durch
  

  PHP

  1. <img src="<?php echo $CONFIG['PATH']?>img/userpic/<?php echo loadField($row['autor'],"userpic")?>" style="padding:1px;margin-left:5px;margin-right:7px;border:0px;" alt="Userpic"> <div style="margin:7px 0 0 0;"><?php echo getTipper($row['autor'])?></div>

  
  

• Einbindung in Rangliste und Siegertreppchen
  Die Änderungen hat Marcelinho weiter unten mal gepostet.
  Ich habe die in den jeweiligen Dateien mit übernommen, allerdings mit der kleinen Änderungen, dass ich den Favorit und das Userpic anzeigen lasse.
  

  
  

Alle Änderungen sind im ZIP-File drin und können ausgetauscht werden nach Bedarf
Das macht das Ganze einfacher für viele.

Ich hoffe es ist verständlich für jeden

Viel Spaß damit!

Zitat von Chris

Super vielen Dank! Läuft.

Jetzt fehlt glaube ich nur noch das einbinden ins "Forum" und nach "Wer ist Online" bzw. optional in die Rangliste.

Es gibt kein Forum beim WM-Tipp
Und auch kein direktes "Wer ist Online", nur für den Admin, aber ich denke da muss es nicht rein.

Das Optionale für die Rangliste habe ich weggelassen, weil dann hätte man in der inc.config auch noch rangemusst.
Wer es nicht möchte, der lässt den Code in der Teilnehmer-Datei einfach weg

Es sei denn, das WM-Script bleibt weiterhin so bestehen und es soll dauerhaft mit integriert werden, dann können wir es optional einbauen
Aber das entscheide nicht ich alleine.

Was Du vergessen hast, ist das Siegertreppchen, da fehlt es auch noch, aber da hatte ich bis jetzt noch keine Muse zu gehabt

Zitat von Chris

Und es gibt doch auch "user.online.php" ist für alle einsehbar..

Upps, ist mir noch nie aufgefallen
Aber wird natürlich bearbeitet
Und gleich oben gepostet.

-----------------
Hab´s oben eingefügt mit, auch den Forumumbau.
(Ich hab Forum bei mir ausgeschaltet, daher hatte ich keines )

Zitat von PapaBenni

Geändert: $meldung = "<span style=\"color:#FF0000;font-weight:bold;\">Bild ist zu gross</span>";

Wenn man das bei allen Meldungen macht, klappt es auch!

Hatte ich oben auch schon angepasst.
Problem ist, dass man hier beim Verfassen zwar nett PHP-Script oder Quelltext angeben kann, er aber den Backslash dann eigenmächtig rauslöscht
Nur bei Zitate lässt er ihn drin...
Echt Klasse ..

Leider gibt´s hier ein Problem mit der Foramtierung vom Code, wenn man ihn postet.

Eventuell packe ich alle veränderten Dateien mal zusammen und dann tauscht man die einfach aus.
Allerdings überspielt man dann auch schon selbstgemachte Änderungen
Wobei ich schon versuche, Änderungen im Script auch einleitend mit einer Bemerkung zu kennzeichnen.

Vorab kann ich schon mal sagen, dass wohlmöglich noch heute im Laufe des Tages für die Rangliste und auch Siegertreppchen die Userpic-Mod kommen wird
Marcelinho hat Urlaub und hat etwas rumgebastelt und mir gerade mal gezeigt...

Soweit war ich gestern auch schon und hatte das für 3 Minuten schon hochgepostet und die profil.php mit im ZIP-Ordner reingepackt.
Aber dann fiel mir auf, was auch klar ist, dass es nur für JPEGs gilt, bei PNGs etc bekommst nur ein kleines Quadrat angezeigt, also Schrott...
Daher hab ich das sofort auch wieder rausgenommen.

Die Frage ist, gibt es ein Befehl imagecreatefrom* ? Also universal?

Oder man muss die Leute gängelt dass nur jpegs genommen werden und das finde ich persönlich nicht ganz so schön.