[Tuto][alle Versionen] ServIMG komfortables hochladen von Bildern in einem Popup

Nun haben wir neue Möglichkeiten bei ServIMG erhalten zum einen das neue Multiupload (mehrere Grafiken gleichzeitig uploaden), aber auch per Drag & Drop funktioniert es sehr gut.
Wenn da nicht dieses viel zu kleine Fenster in den Beiträgen wäre.

---

Deshalb habe ich euch einmal ein kleines Script sowie eine Anleitung geschrieben wie ihr ServIMG besser nutzen könnt, vor allem wenn man mehrere Grafiken hosten möchte. Auch kann euch das Popup über alle Seiten hinweg begleiten bis ihr dann euren Browser endgültig schließt.  
Dabei handelt es sich um Popup-Fenster, deren Funktion ihr vor der Installation auch erst testen könnt. Dafür habe ich es einmal in ein paar meiner Testforen eingestellt. Den passenden Schalter  für das Popup findet ihr oben Rechts auf der jeweiligen Seite. Vorausgesetzt ihr seit mit eurem Account auch gerade bei ServIMG angemeldet.
Ihr findet die Testforen unter den Links der nachfolgenden Versionen für PunBB, BB2, BB3 und Invision versteckt.

Das Popup funktioniert unter allen gängigen Browsern. Ihr könnt das Fenster in alle Richtungen hin verschieben, vergrößern oder aber auch auf komplette Seitengröße einstellen und wieder verkleinern. Wie von einer Webseite gewohnt erscheint bei einer Übergröße auch automatisch eine seitliche Scrollleiste. Ihr könnt auf eine andere Seite wechseln (z.B. einen neuen Beitrag schreiben) und das Popup wieder über nur einen Klick auf die Taskleiste in die vorherige Position und Größe zurückrufen. Auch ist es möglich mit zwei Desktop-Fenstern nebeneinander zu arbeiten um komfortabler eure Grafiken einzusetzen.

---

Das Einsetzen des Scripts erfolgt in einem Indexmodul, dabei ist es auch für User möglich die keine Module in ihrem Forum verwenden möchten (...wird erklärt!).

User unter euch die bereits die Indexmodule im Forum nutzen überspringen bitte den Schritt 1. - 6. und erstellen sich ein persönliches Modul ab Schritt 7. erklärt

---

Schritt 1. - 6.:

---

Schritt 7.
Name des Moduls: SERV.IMG-Popup
Titel des Moduls: Bleibt frei  
Der einzufügende Code:

Code:

<!-- Ab hier Link für ein kleines Menü zu Server.IMG auf der rechten Seite -->
<div style="position: fixed; right: 1px; z-index: 10000; top: 32px;">
<a onclick="javascript:window.open('https://servimg.com/','','scrollbars=yes,resizable=no,width=780,height=530')" href="javascript:void(1)">
<img class="host" style="vertical-align:middle" title="Grafiken bei Serv.IMG komfortabel hochladen" width="30" height="22" src="http://i84.servimg.com/u/f84/16/90/45/33/img-sc11.png"></a>
</div>

Schritt 7. - 10.:

---

Schritt 11. - 14.:

---

Schritt 15: Dieser Schritt betrifft lediglich User welche bisher keine Module genutzt haben und auch Schritt 1. - 6. abgearbeitet haben    

Schritt 15.:

---

Have Fun  
Wer das Icon ersetzen möchte findet hier noch weitere.  

---

So sollte dann euer Fenster nach einem Klick auf den Schalter (16.) aussehen.

---

So schaut es dann aus, wenn man 2 Desktop-Fenster nebeneinander stellt. einfach einen Grafikordner öffnen und mit Hilfe von Strg oder aber Strg+Shift die entsprechenden Grafiken auswählen und dann mit der Maus in das ServIMG-Fenster ziehen.

---

So sieht das Popup von ServIMG dann aus, nachdem man die Grafiken per Maus herüber gezogen hat. Auch kann man nun deutlich die seitliche Scrollleiste sehen.

---

Ich hoffe ihr habt Freude mit diesem Script und wisst es gut zu nutzen.

LG inde
PS. Vielleicht stellt ja ein freundlicher Admin diesen Vorschlag einmal als Tutorial ein.
Und wer bei mir Rechtschreibfehler in diesem kleinen Tut findet handelt wie folgt:

Klick: