Lexi Help
Die neuesten Themen
» Themen fixieren
von inde Heute um 13:50

» [Update] Neues Theme der mobilen Version V2
von inde Heute um 13:34

» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 19:18

» Begriff : "merken"
von Ray Gestern um 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Gestern um 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

Partner
free forum

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von inde am Sa 19 März 2016 - 21:58

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. top
Wenn da nicht dieses viel zu kleine Fenster in den Beiträgen wäre. Rolling Eyes



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. Wink 
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 PunBBBB2, 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 Exclamation


Schritt 1. - 6.:


Schritt 7.
Name des Moduls: SERV.IMG-Popup
Titel des Moduls: Bleibt frei  Exclamation
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('http://www.servimg.com/upload.php','','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.:

Wichtig: User die bisher noch keine Module genutzt haben, achten darauf dass das neue Modul in der 3. Kolonne veröffentlicht wird  Exclamation

Hinweis: User die bereits Module verwendet haben, setzen das neue Modul einfach in die bereits bestehende Reihe ein, dabei ist es egal ob dies in der linken oder rechten Reihe geschieht.


Schritt 15: Dieser Schritt betrifft lediglich User welche bisher keine Module genutzt haben und auch Schritt 1. - 6. abgearbeitet haben  Exclamation  Exclamation
Schritt 15.:
Trage entsprechend für Deine Forenversion den nachfolgenden Code in Dein persönliches CSS ein.
Admin-Bereich Arrow Anzeige Arrow Bilder & Farben Arrow Farben Arrow CSS und das Absenden nicht vergessen Exclamation


Für die Versionen PunBB, BB3 & Invision
Code:
/*Module auf der rechten Seite verstecken für PunBB, BB3 & Invision*/
#right {
  width:0px !important;
}
#content-container div#content {
  margin-right:0px !important;
}
Für die Version BB2
Code:
/*Module auf der rechten Seite verstecken für BB2*/
#content-container #right {
    margin-left: 0;
    width: 0;
}


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


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. Freunde
Und wer bei mir Rechtschreibfehler in diesem kleinen Tut findet handelt wie folgt:
Klick:
Kannst Du gerne für Dich behalten. Tölpel

inde
Moderator
Moderator

Männlich Beiträge : 2220
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten