PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Anleitung: Bilder/Smileys einstellen + Avatare/Signaturen basteln



Steppenläufer
08.06.2012, 21:35
Hallo zusammen,

da diese Frage doch mit sehr schöner Regelmäßigkeit mal auftaucht, habe ich eine kleine Anleitung zusammengebastelt. Wenn euch noch etwas einfällt, wie man sie erweitern oder verbessern könnte: immer her mit den Anregungen. Und falls etwas unklar ist: fragen.

Zuerst die Smileys, bei denen geht es schnell ^^





Wie poste ich fremde Smileys und wo bekomme ich sie her?


Im Netz gibt es sehr viele Seiten, die kostenlos für den "Hausgebrauch" Smileys anbieten, auch Avatare (das sind die kleinen Benutzerbildchen oben neben eurem Nicknamen) werden immer häufiger angeboten. Auch unter dem Namen "Emoticon" findet man einiges. Bevor ihr euch auf fremden Seiten Smileys aussucht und sie im Forum verwendet, müsst ihr kontrollieren, unter welchen Bedingungen der Betreiber der Smileyseite euch die kostenlose Verwendung gestattet. Meist ist es erlaubt, die Smileys in Forenbeiträgen zu verwenden. Cosgan sagt z.B., dass man sie in Beiträge einbinden darf, aber nicht auf eigenen Homepages oder in eigenen Foren: http://www.cosgan.de/index.php

Beispiele für Smileyseiten:
http://www.greensmilies.com/smilie-lexikon/
http://www.smilies.4-user.de/
http://www.cosgan.de/smilie.php

Jetzt beginnt der Spaß:

1. Smiley aussuchen und anklicken (bei Windows meist so: einmaliger Linksklick direkt auf den Smiley)
2. es öffnet sich ein Fenster, in dem verschiedene Links zur Auswahl stehen:

http://www.abload.de/img/1vturm.jpg (http://www.abload.de/image.php?img=1vturm.jpg)

3. Wir brauchen einen, in dem die eckigen Klammern mit "IMG" vorkommen, in diesem Beispiel ist das der "BB Code". Nur diesen können wir direkt und ohne weitere Bearbeitung in unseren Beitrag kopieren, wo die Forensoftware dann einen Smiley draus macht:

[im g]ht tp://www.smilies.4-user.de/include/Engel/smilie_engel_012.gif[/ img][/ url]

wird ohne die Leerzeichen ganz automatisch zu: http://www.smilies.4-user.de/include/Engel/smilie_engel_012.gif (ht tp://www.smilies.4-user.de)





Wie stelle ich Bilder ein?


Das Forum erlaubt das Posten von Bildern, die auf externen Sharehostern gelagert werden. Das bedeutet, ihr müsst die Bilder, die ihr hier zeigen möchtet, zu erst von eurem Rechner zu einem Uploadanbieter schicken.
Wenn ihr fremde Bilder veröffentlichen wollt so stellt sicher, dass ihr dabei nicht gegen das Urheberrecht oder das Persönlichkeitsrecht verstoßt: von fremden Homepages darf man genauso wenig einfach Bilder "klauen", wie man auch keine Fotos aus Büchern und Zeitschriften einscannen und hochladen darf. Andere Menschen müssen immer ihre Zustimmung gegeben haben, wenn ihr Bilder von ihnen selbst veröffentlichen wollt, selbst dann, wenn ihr die Bilder selbst gemacht habt.

Beispiele für Uploader:
http://imageshack.us/
http://www.abload.de/
http://www.directupload.net/
http://www.bilder-hochladen.net/
http://www.album.de/
Für Videos sehr bekannt: http://www.youtube.com/?gl=DE&hl=de

Ich verwende meist Abload, bei diesem Anbieter ist weder eine Anmeldung noch die Angabe einer Emailadresse erforderlich. Bei manchen Anbietern kann man nach Anmeldung ganze Online-Alben anlegen, die man jederzeit wieder aufrufen kann.
Die hochgeladenen Bilder werden, wenn man sich beim jeweiligen Uploader keinen Account gemacht hat, nach einiger Zeit wieder gelöscht. Ich weiß nicht, wie lange die Bilder ohne Account jeweils gespeichert werden (eventuell hängt das auch damit zusammen, wie oft so ein Bilderlink benutzt wird, ungenutzte werden vermutlich schneller wieder gelöscht), bei Abload dauert es bis zur Löschung jedoch mindestens ein Jahr, eher länger. Erstellt man sich einen Account, so stehen weitere Funktionen zur Verfügung.

Und so geht es:

1. http://www.abload.de/ aufrufen
2. auf "Bilder von der Festplatte hinzufügen" klicken (Windows: ein Linksklick), ein weiteres Fenster öffnet sich, in dem man nach dem Bild oder den Bildern (man kann gleichzeitig auch mehrere gleichzeitig hochladen) suchen kann: Bild anklicken und "speichern" klicken, gegebenenfalls wieder auf "Bilder von der Festplatte hinzufügen" klicken und ein weiteres Bild (oder mehrere) hinzufügen
3. Ganz wichtig: wenn die Bilder noch Originalgröße besitzen, sind sie mit Sicherheit zu groß für das Forum. Daher muss man sie fast immer noch selbst verkleinern oder verkleinern lassen. Die meisten Uploader bieten dafür eine bequeme Zusatzfunktion: Bei "Verkleinern" folgendes einstellen: Lange Seite 600 Pixel. Diese Größe ist völlig ausreichend und die meisten auch älteren Monitore und langsameren Internetverbindungen kommen damit klar.
4. Abload!

Das Ganze sieht dann so aus:


http://www.abload.de/img/2z6ulv.jpg (http://www.abload.de/image.php?img=2z6ulv.jpg)


Ihr benötigt auch hier wieder einen Link mit "img", in diesem Fall ist das der "Direktlink für Foren".

Das sieht dann so aus:
[im g]ht tp://www.abload.de/img/8y5u3i.jpg[/i mg][/ url]

und wird ohne Leerzeichen zu:

http://www.abload.de/img/8y5u3i.jpg (ht tp://www.abload.de/image.php?img=8y5u3i.jpg)


Es gibt noch einen etwas umständlicheren Weg, wenn man keine "img" im Link hat und sie nicht selbst dazubasteln möchte - ergänze ich später noch...





Wie stelle ich einen Avatar ein?


Ein Avatar ist, wie schon weiter oben geschrieben wurde, das Benutzerbildchen oben links neben eurem Nicknamen. Um euren Avatar zu ändern oder erstmalig einzustellen, geht ihr oben rechts auf "Benutzerkontrollzentrum", dann findet ihr links relativ mittig den Punkt "Avatar ändern". Ihr habt dann drei verschiedene Möglichkeiten. Ihr könnt zwischen zwei vorgefertigten Zooplus-Avataren wählen, dann nur noch auf "Änderungen speichern gehen" und ihr seid fertig. Oder aber ihr ladet euch einen aus dem Internet herunter (wie bei den Smileys ist es auch hier wichtig, dass ihr vorher überprüft, ob ihr ihn verwenden dürft) oder von eurem Rechner hoch. Beim Hochladen von eurem Rechner müsst ihr beim Avatar nicht über einen externen Uploader gehen, sondern könnt die Datei direkt bei Zooplus speichern lassen. Wichtig ist: die Größe des Bildes/der Datei darf 75*75 Pixel und 9,0 KB nicht überschreiten.

Ihr könnt auch Smileys als Avatar nutzen ^^
Dabei wählt ihr nicht den BB Code aus, sondern nehmt einen Link ohne "img". Hier ist es der letzte, der reine URL-Link:

http://www.abload.de/img/3bfugm.jpg (http://www.abload.de/image.php?img=3bfugm.jpg)





[U]Arbeiten mit Irfanview

Irfanview ist ein kostenloses Bildbearbeitungsprogramm, mit dem man Bilder zuschneiden, verkleinern, aneinanderkleben, mit Rahmen versehen (und noch so einiges mehr) kann. Es gibt noch viele weitere kostenlose Bildbearbeitungsprogramme, die empfehlenswert sind, doch ich finde für den Einstieg dieses am einfachsten und umfangreichsten. Meine Signatur wurde mit I. gebastelt, ebenso wie einige andere hier im Forum.
Hier findet ihr Infos und könnt es downloaden: http://www.irfanview.de/
Hier könnt ihr es ebenfalls downloaden: http://www.chip.de/downloads/IrfanView_12998187.html

[U]Avatare basteln mit Irfanview:
Zuerst einmal braucht ihr ein Bild, das euer Avatar werden soll. Das Forum lässt als größtmögliche Größe 75*75 Pixel und 9 KB zu, daher sollte das Bild nicht zu detailreich sein, damit man später auch noch etwas darauf erkennen kann, wenn man selbst nicht weiß, was darauf gezeigt wird.
1. Irfanview öffnen und dann über "Datei" und "Öffnen" eure Bilder suchen, am besten legt ihr euch einen eigenen Ordner für bearbeitete Bilder an, in dem ihr Bastelbilder sammeln könnt. Öffnet ein Bild, das ihr bearbeiten wollt.
2. sucht euch einen Ausschnitt aus, den ihr als Avatar verwenden wollt, durch einen Linksklick ins Bild - Maustaste festhalten und dann diagonal ziehen - erhaltet ihr einen rechteckigen Rahmen, der euren Ausschnitt anzeigt. Die Seiten des Rahmens könnt ihr korrigieren, indem ihr vorsichtig mit dem Cursor auf eine der Linien geht und sie dann in die gewünschte Richtung zieht. Quadratisch wird das Bild dann, wenn oben in der Titelzeile die allerletzte Zahl in der Klammer eine 1.000 ist (diese Zahl zeigt das Verhältnis von Breite zu Höhe an)
3. Ausschneiden, das macht ihr, in dem ihr oben auf die kleine Schere klickt, der ausgewählte Bereich verschwindet dann im Zwischenspeicher
4. Einfügen, dazu erst irgendwo ins Bild klicken, damit der Markierungsrahmen verschwindet, dann einfach Strg+V und der Ausschnitt ist wieder da
5. Verkleinern, geht oben über "Bild" und dann auf "Größe ändern". Gebt bei "Neue Größe" unter "Breite" 75 ein und klickt "Pixel" an, die Höhe sollte automatisch auf 75 springen, wenn ihr ein quadratisches Bild gewählt habt. Wenn ihr einen rechteckigen Ausschnitt gewählt habt, so müsst ihr darauf achten, dass weder Breite noch Höhe größer als 75 Pixel werden, da das Forum den Avatar sonst nicht annehmen wird.
6. Speichern, geht ganz oben links auf "Datei" und dann auf "Speichern unter...", wählt euren neuen Ordner, gebt dem Bild einen netten Namen und drückt auf "Speichern".
7. Hochladen wie oben beschrieben.

Ein paar Bilder:

http://www.abload.de/img/4ludgk.jpg (http://www.abload.de/image.php?img=4ludgk.jpg)

Davon habe ich einen Ausschnitt gewählt und verkleinert:

http://www.abload.de/img/7fcixp.jpg (http://www.abload.de/image.php?img=7fcixp.jpg)

Fertig - und ein schönes Beispiel für einen etwas schwierig zu erkennenden Avatar:

http://www.abload.de/img/6cjfsm.jpg (http://www.abload.de/image.php?img=6cjfsm.jpg)

Katzenzahn
09.06.2012, 13:25
Hinweis:
Wenn man sich bei den Sharehostern nicht anmeldet, sind die Bilder nach einer mehr oder weniger langen Zeit (wie lange hab ich noch nicht ganz mitbekommen) nicht mehr verfügbar.
Dann erscheint ein leeres Feld mit einem roten Kreuz drin.

Man sollte also überlegen, sich anzumelden.
Das ist meist kostenlos und man bekommt eine gewisse Speicherkapazität zur Verfügung gestellt.
Dann sollte man gucken, welche Rechte man vergeben will:
Bilder beim Sharehoster zeigen
Kommentare zulassen
Bilder für alle sichtbar machen.
Bilder nur für bestimmte Personen sichtbar.

Ich habe z. B. nur die Option: "auf anderen Seiten zeigen" gelassen, denn das ist es ja, was ich will.
Da kann noch nicht mal jemand die Bilder speichern. :cool:

Außerdem hat man meist 3 bis 4 verschiedne Links zur Verfügung.
Gut ist die Funktion für Foren, weil da die Bilder nicht so groß sind.:D
www.album.de gibt es übrigens auch noch. :floet:

Steppenläufer
09.06.2012, 20:58
Arbeiten mit Irfanview - Teil 2 -

Signaturen basteln mit Irfanview:
Um eine Signatur zu erstellen müsst ihr euch zuerst überlegen, welche Bilder ihr verwenden wollt und ob es eine eher große oder eher kleine Signatur werden soll. In Fachforen ist es normalerweise üblich, Signaturen eher klein zu halten, damit die Threads vom geposteten Text und nicht von Bildern dominiert werden. Üblich sind Höhen von 100-200 Pixel. Im Zooplus-Forum haben wir es bisher vermieden, die Höhen eurer Sigs zu begrenzen, was zu teilweise wirklich großen Sigs geführt hat. Mit Sicherheit ist es schön, wenn man eine Sig sehr detailiert ausführen kann, doch dem Lesefluss eines Threads sind größere Sigs leider abträglich. Ihr merkt schon: ich mag kleine Sigs, aber die Entscheidung liegt bei euch. :cool:
Einen Größenvergleich werde ich weiter unten posten.

Für die Sig, die ich gleich mit euch zusammen basteln werde, hat mir Birgit ein paar Bilder ihrer stark befellten und spärlich befellten Süßen zur Verfügung gestellt. Danke, Birgit :)

1. Ich habe mich für vier Bilder entschieden und dafür, sie nebeneinander anzuordnen
2. wenn aus den Bildern noch Ausschnitte gewählt werden sollen, so macht das wie weiter oben im ersten Teil beschrieben wurde, verkleinert die Bilder aber auf gar keinen Fall auf 75 Pixel, für eine Sig wäre das zu winzig. Speichert alle Ausschnitte ab
3. für eine Sig, bei der die Bilder später nebeneinander stehen sollen, müssen die Bilder nun auf die gleiche Höhe gebracht werden (sollen die Bilder später untereinander stehen, so muss die Breite übereinstimmen). Dafür sucht ihr die kleinste Höhe eurer Bilder aus (in der Übersicht der Bilder (Miniaturansicht einschalten) zeigt euch ein einfacher Linksklick auf das jeweilige Bild Details zum Bild (Breite, Höhe, Größe etc.). Dann verkleinert ihr alle Bilder soweit, dass sie die gleiche Höhe besitzen (wie beim Avatar beschrieben).
Ich habe jetzt vier gleich hohe Bilder.
4. ich möchte, dass später zwischen meinen Bildern ein Abstand zu sehen ist, sie sollen nicht direkt aneinanderkleben. Das mache ich, indem ich um jedes Bild einen Rahmen herumbastle:
- öffnet ein Bild
- geht über "Bild" auf "Rahmen hinzufügen". Es öffnet sich ein neues Fenster. Ich gebe bei allen vier Seiten "2" ein, der Rahmen soll zierlich sein, dann gehe ich auf "choose" und wähle die weiße Farbe aus. Wenn ihr eine Farbe wählen wollt, die nicht in einem der Kästchen vorgegeben ist, so könnt ihr sie in dem Farbverlauf neben den Kästchen anwählen, nachdem ihr eine ähnliche Farbe angeklickt habt. Schreibt euch aber die Nummern auf, die unter dem Verlaufsbild stehen, damit ihr diese Farbe später wiederfindet. Dann klickt ihr auf "ok".
- Speichern, mit allen anderen Bildern genauso verfahren. Ich habe jetzt vier Bilder mit einem feinen weißen Rahmen darum herum.
5. jetzt wird es spannend: die Bilder werden zu einem Streifen zusammengefügt. Öffnet wieder das große Fenster von Irfanview und geht auf "Bild" und "Panorama-Bild erstellen". Ihr werdet nun gebeten, Bilder auszuwählen und die Reihenfolge festzulegen, wobei ihr auch aussuchen könnt, ob die Bilder nebeneinander oder untereinander stehen sollen. Ich wähle nun meine vier Bilder einzeln in der Reihenfolge an, in der sie später stehen sollen. Wenn ihr doch noch mehr Abstand zwischen euren Bildern haben wollt, könnt ihr jetzt noch einen Abstand und eine Hintergrundfarbe eingeben, ich lasse beides unausgefüllt. Bild erstellen. Speichern.
"Meine" Sig sieht jetzt so aus (das Original ist um die Hälfte größer und wurde vor dem Einstellen auf 800er Breite verkleinert, daher wirken die vier Pixel Zwischenrahmen so klein):

http://www.abload.de/img/xdcuix.jpg (http://www.abload.de/image.php?img=xdcuix.jpg)

6. ich bastel jetzt noch etwas am Gesamtrahmen herum. Vergesst nicht, Zwischenschritte ab und an zu speichern, denn Irfanview kann immer nur den allerletzten Schritt rückgängig machen (mit dem kleinen runden Pfeil).
Nun sieht sie so aus:

http://www.abload.de/img/zxbu3c.jpg (http://www.abload.de/image.php?img=zxbu3c.jpg)

7. die Grußformel; Ich öffne wieder das Panoramabild und markiere dann die Position, an der ich den Text einfügen möchte (in meinem Fall ist das in dem unteren breiten Balken). Das funktioniert wie schon bei der Ausschnittswahl beim Avatar beschrieben.
Dann gehe ich auf "Bearbeiten", dann "Text einfügen (Markierung)". Es öffnet sich ein neues Fenster, in dem ich meinen Text eingeben kann. Ihr könnt unter "Schrift wählen" verschiedene Größen, Schrifttypen, Farben aussuchen. "Text durchsichtig" müsst ihr anklicken, wenn ihr einen farbigen Hintergrund (auch weiß) für eure Schrift gewählt habt. Wenn ihr den Haken dort entfernt, könnt ihr eine Hintergrundfarbe wählen, mit der dann die Markierung ausgefüllt werden wird.

So sieht meine Wahl aus:

http://www.abload.de/img/hdx74v.jpg (http://www.abload.de/image.php?img=hdx74v.jpg)

8. Nun noch das fertige Signaturbild auf maximal 800 Pixel Breite und ~200 Pixel Höhe verkleinern und so sieht dann das Endergebnis aus:

http://www.abload.de/img/gqs7u4.jpg (http://www.abload.de/image.php?img=gqs7u4.jpg)

Zum Vergleich noch einmal die selbe Sig, aber verkleinert auf 600 Pixel Breite und ~150 Pixel Höhe:

http://www.abload.de/img/gzaubd.jpg (http://www.abload.de/image.php?img=gzaubd.jpg)

Fertig, viel Spaß beim Basteln!


Eure Signatur stellt ihr dann folgendermaßen ein:
1. Hochladen auf einen externen Sharehoster (siehe Bilderanleitung), gegebenenfalls verkleinern auf 600 oder 800 Pixel eingeben
2. den richtigen Link auswählen (wie bei Bildern)
3. "Benutzerkontrollzentrum", dann links mittig "Signatur bearbeiten" anwählen
4. Link zu eurem Bild dort hinein kopieren (ich wähle immer "mittig" aus, das finde ich schöner als seitengebundene Sigs)
5. "Signatur speichern"

Fertig!

Steppenläufer
10.06.2012, 15:47
Danke Katzenzahn für die Ergänzung, habe es oben eingepflegt :)

Weitere Anleitungen findet ihr hier:
Signaturen basteln mit Gimp: http://forum.zooplus.de/showthread.php?82862-GIMP-Guide-Idiotensicher-mit-Bildern-auf-Blondheit-getestet
Bilder einstellen und Signaturen basteln mit Renate (bilder-hochladen und photofiltre):http://forum.zooplus.de/showthread.php?82172-Fotos-und-Signaturen-%28basteln%29-und-hochladen

Steppenläufer
24.06.2012, 14:04
Was sind Screenshots und wie mache ich die?

Screenshots sind Bilder von eurem Desktop, ihr fotografiert dabei alles, was aktuell auf eurem Bildschirm zu sehen ist. Diese Funktion ist sehr praktisch, wenn man jemand anderem ungewöhnliche Fenster und Fehlermeldungen zeigen möchte oder eine Anleitung zum Bilderbasteln mit Beispielbildern machen möchte. Bei Windows funktioniert das so:

1. Dafür sorgen, dass das, was ihr zeigen wollt, komplett auf eurem Bildschirm zu sehen ist und nicht von anderen Fenstern verdeckt wird.
2. "Druck S-Abf" (bei meiner Tastatur ist es diese Taste, es kann sein, dass es bei eurer Tastatur eine andere Taste oder Kombi ist: http://de.wikipedia.org/wiki/Screenshot ) drücken, das "Foto" befindet sich jetzt in eurem Zwischenspeicher.
3. Ein Bildbearbeitungsprogramm öffnen, z.B: Irfanview.
4. Mit Strg+V fügt ihr das "Foto" ein
5. Wie oben beschrieben einen aussagekräftigen Ausschnitt wählen und irrelevantes, zum Beispiel eure Lesezeichenseite ;), dabei wegfallen lassen. Rest wie oben, Größe ändern, speichern, einstellen...

Shingalana
09.11.2012, 12:04
Wie haben ja schon einige gute Anleitungen.
Diese hier richtet sich vor allem an Menschen, die ganz neu im Internet bzw. einem Forum sind und/oder auch nicht ganz so fit im Umgang mit einem PC :)

1.Um an den Link zu kommen muss man zuerst die Internetseite aufrufen, die man verknüpfen will.

2.In der Adressleiste des Browsers (egal welcher) steht nun der Link.
http://www10.pic-upload.de/09.11.12/4amgxxmxbr.jpg (http://www.pic-upload.de/view-16819464/adressleiste.jpg.html)

3. Mit einem Linksklick in die Leiste kann man den Link als Ganzes markieren
http://www7.pic-upload.de/09.11.12/ln4soodau8ot.jpg (http://www.pic-upload.de/view-16819465/adressleiste-makiert.jpg.html)

4.Mit einem weiteren Rechtsklick in die Leiste erscheint ein Fenster, ein sogenanntes Kontextmenü
Linksklick auf "Kopieren"
http://www7.pic-upload.de/09.11.12/hbnltxwqn7lu.jpg (http://www.pic-upload.de/view-16819469/adressleiste-mit-kontextmenu.jpg.html)
Damit wird der vorher markierte Text in die Zwischenablage des PC kopiert.
Der Computer "merkt" sich also den Link.

5.Im Forum in der grünen Leiste links neben "Abmelden" befindet sich das http://www7.pic-upload.de/09.11.12/upnrdyt4f33z.jpg (http://www.pic-upload.de/view-16819470/benutzerkontrollzentrum.jpg.ht ml)

6.Nach dessen Aufruf hat man Zugriff auf einige Einstellungen.

7.Auf der linken Seite zu finden sind die persönlichen Einstellungen; im Unterpunkt auch
"Signatur ändern"
http://www10.pic-upload.de/09.11.12/9414ek5n5fu9.jpg (http://www.pic-upload.de/view-16819472/meine-einstellungen.jpg.html)

8.Auch hier hat man einige Optionen. Um den link einzustellen braucht man das große Schreibfeld
http://www7.pic-upload.de/09.11.12/13hirho6dyor.jpg (http://www.pic-upload.de/view-16819473/schreibfeld.jpg.html)

9.Durch einen Rechtsklick in das Schreibfeld bekommt man abermals das Kontextmenü hier nun
http://www7.pic-upload.de/09.11.12/nf2ghuht7w1x.jpg (http://www.pic-upload.de/view-16819475/schreibfeld-mit-kontextmenu.jpg.html)

10. "eingügen" auswählen
Es erscheint im Feld der kopierte Link

11.Als letztes http://www10.pic-upload.de/09.11.12/m9kt97sf6ug7.jpg (http://www.pic-upload.de/view-16819638/signatur-speichern.jpg.html) nicht vergessen ! :)