Autor: Ugge Thema: Text formatieren / Bild einfügen u.a. (Das "Tutorial")  (Gelesen 15571 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Text formatieren / Bild einfügen u.a. (Das "Tutorial")
« am: April 22, 2009, 22:57:45 Nachmittag »

Dies ist euer Tutorial zum Thema Text formatieren und Bilder einfügen!

>>> [Edit] März 2016: Nach einem Update der Forensoftware funktioniert jetzt vieles etwas anders. Dieses Tutorial wurden überarbeitet. <<<


Inhaltsverzeichnis (auf den Begriff klicken, um das Thema aufzurufen)




Die beiden "Blitztutorials" bleiben bestehen, allerdings werden sie nicht weiter überarbeitet.

Wer gerne noch darauf zugreifen möchte, findet sie hier:

Blitztutorial "Text formatieren" bitte *hier klicken*

Blitztutorial "Bild einfügen bitte *hier klicken*




Weiterführende Literatur  ;) hier:  https://up.picr.de/23427711nd.gif
Text formatieren / Bild einfügen u.a. (Das "Tutorial")
  *SMF Benutzer-Hilfe*

Und hier: *Die Suchfunktion des Forums*




Direktlink zum Übungs- und Experimentierthread:   *Der Thread zum Experimentieren und Üben*
Dort könnt ihr in Ruhe alles ausprobieren!  :yes:


[Edit Oktober 2015]: Die Anleitungen für die Uploaddienste tinypic, qpic und pic-upload wurden entfernt, da diese nicht mehr verwendet werden sollen! *Näheres hier.*

[Edit November 2016]: Die Anleitung für den Uploaddienst 250kb.de wurde entfernt. Die Seite ist leider vom Netz. *Näheres hier.*
« Letzte Änderung: Februar 21, 2017, 18:14:10 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #1 am: April 22, 2009, 23:28:27 Nachmittag »

Zur ersten Übersicht seht ihr hier einen Screenshot, auf dem die gesamte Antwortmaske zu sehen ist.

Beim Erstellen eines neuen Themas wird zunächst die Betreffzeile ausgefüllt, die das Thema möglichst treffend beschreiben sollte.

Als Symbol kann man optional noch einen passenden Smiley auswählen, der vor dem Betreff erscheint (siehe weiter unten ***).

Unter diesem Feld befinden sich die Buttons, mit dem ihr euren Text formatieren könnt, und direkt über dem Antwortfeld werden die wichtigsten Smileys (Standardsmileys) angezeigt, die durch Anklicken in den Text eingefügt werden können. Weitere Smileys verstecken sich hinter den Buttons daneben (Extras, Schilder und zeitweise saisonale, wie etwa hier zu sehen Ostern).

Schließlich seht ihr ganz unten den Button zum Schreiben (Absenden) des Beitrags und den für die Vorschau.

https://up.picr.de/24843329yb.jpg
Text formatieren / Bild einfügen u.a. (Das "Tutorial")


Eine Möglichkeit wie früher, Dateianhänge direkt hier hochzuladen, gibt es nicht mehr. Alte Dateianhänge sind aber noch in den Beiträgen vorhanden und können angeschaut werden.
Bilder könnt ihr mit einem Bilderhoster hochladen. Unter dem Textfenster findet ihr zwei Symbole: und die euch durch einen Klick darauf zu den Hostern picR.de und postimage.org führen. Genaue Anleitungen für diese Hoster findet ihr in separaten Beiträgen *Anleitung picR.de*, die *Anleitung postimage.org* wird noch erstellt.



*** Hier die Symbole für den Betreff mit Erklärung:

https://up.picr.de/24843370jk.jpg
Text formatieren / Bild einfügen u.a. (Das "Tutorial")


Standard = selbsterklärend 
Thumb Up = Daumen hoch
Thumb Down = Daumen runter 
Exclamation Point = Ausrufezeichen (wichtiges Thema) 
Question Mark = Fragezeichen, Frage
Lamp = Lampe ( so wie: Aha!) 
Smiley = selbsterklärend (zufrieden)
Angry = wütend
Cheesy = lächeln
Grin = grinsen
Sad = traurig (trauriges Thema)
Wink = zwinkern (nicht so ernst nehmen)
Topic solved = Problem gelöst   (noch im Test und nicht in allen Boards verfügbar)

Diese Symbole erscheinen in den Unterforen in der zweiten Spalte, direkt vor dem Threadnamen.

https://up.picr.de/24843405hi.jpg
Text formatieren / Bild einfügen u.a. (Das "Tutorial")


« Letzte Änderung: März 11, 2016, 23:39:21 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #2 am: April 25, 2009, 00:25:45 Vormittag »

Die wichtigsten Funktionen:  Fettdruck - kursiv - unterstrichen - durchgestrichen


Ihr müsst den Text zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach den entsprechenden Befehl anklicken!


Symbol    Auswirkung         BB-Code   
   Fettdruck[b]Text[/b]
kursiv [i]Text[/i]
unterstrichen [u]Text[/u]
durchgestrichen [s]Text[/s]

« Letzte Änderung: März 11, 2016, 23:50:26 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #3 am: April 25, 2009, 23:21:33 Nachmittag »
Schriftgröße ändern

Die voreingestellte Schriftgröße ist 9pt. Folgendermaßen kann das geändert werden:

Ihr müsst den Text zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach den Pfeil neben dem Feld Schriftgröße anklicken.

Die Größen 8pt, 10pt, 12pt, 14pt, 18pt, 24pt und 36pt könnt ihr nun direkt durch Anklicken auswählen.

Manuell können weitere Schriftgrößen erfasst werden. Hierzu wird zunächst für den markierten Text irgendeine Schriftgröße ausgewählt. Die Zahl im Size-Befehl muss nun gelöscht und durch eine andere Zahl ersetzt werden. Von 1 bis 99 sind alle Eingaben möglich (nur ganze Zahlen).

Aus "Text" mit Größe 10pt [size=10pt] wird beispielsweise "Text"  mit Größe 14pt [size=14pt].
« Letzte Änderung: März 12, 2016, 00:05:31 Vormittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #4 am: April 26, 2009, 16:36:39 Nachmittag »
Farbe ändern

Euren Text macht ihr folgendermaßen farbig:

Text zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach den Pfeil neben dem Feld Farbe ändern anklicken.

Entsprechende Farbe anklicken - fertig!

Der BB-Code für das Ändern der Farbe lautet:    [color=xxx]Text[/color]    wobei xxx für die gewählte Farbe steht.

Die englischen Bezeichnungen der Farben, wie sie im Code erscheinen:

schwarzblack
rotred
gelbyellow
pinkpink
grüngreen
orange orange
violettpurple
blau blue
beigebeige
braunbrown
blaugrün teal
dunkelblaunavy
kastanienbraun    maroon
hellgrün limegreen
weißweiß
türkisturquoise
graugrey
hellgraulightgrey
olivgrünolive
aquamarinaquamarin
firebrickfirebrick
goldgold
fuchsiafuchsia


Es gibt noch weitere Farben, die verwendet werden können; sie stehen aber nicht in der Liste zur Auswahl, da sie den schon enthaltenen Farbtönen sehr ähneln. Sie müssen manuell eingegeben werden. Hierzu wendet man einen der Farbbefehle an und ändert dann die Farbbezeichnung ab.


Die Tabelle über die zusätzlichen Farbtöne findet ihr ab sofort *hier*.
« Letzte Änderung: März 12, 2016, 00:12:21 Vormittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #5 am: April 26, 2009, 22:39:36 Nachmittag »

Glühen: Den Text mit einer Art farbigem Schein umgeben


Text zunächst markieren
(linke Maustaste gedrückt halten und über den Text ziehen) und danach auf den Button Glühen klicken.


Symbol    Auswirkung    BB-Code
    Text    [glow=red,2,300][/glow]


Die vorgegebene Farbe ist Rot; sie lässt sich aber ändern. Dazu muss man aus dem glow-Befehl das Wort "red" entfernen und durch eine andere Farbbezeichnung (englisches Wort) ersetzen.

Die entsprechende englische Bezeichnung der Farben findet ihr unter der Anleitung zum Befehl Schriftfarbe ändern oder in der Tabelle für zusätzliche Farben.

Ein Beispiel:
  • Das Wort Text wird durch Markieren und Drücken des Glühen-Buttons mit einem roten Balken hinterlegt: Text
    Der Code ist: [glow=red,2,300]Text[/glow]

  • Durch Entfernen des Wortes red und die Eingabe von yellow wird der Balken gelb: Text
    Der Code dafür: [glow=yellow,2,300]Text[/glow]

Die Kombination des Befehls Farbe ändern und des Glühen-Befehls ergibt interessante Effekte:

Text   [glow=yellow,2,300][color=red]Text[/color][/glow]
Text   [glow=black,2,300][color=beige]Text[/color][/glow]
...

Anmerkung: Die Befehle Glühen und Schatten lassen sich nicht kombinieren. Falls man's tut, wird der Schatten-Befehl nicht ausgeführt, sondern nur der Glühen-Befehl.
 
Ein Blick zurück: Unter SMF 1.1.x hatte dieser Code zumindest bei einigen Browsern farbige Balken erzeugt und wir hatten uns einen Spaß daraus gemacht Flaggen nachzuarbeiten oder neu zu kreieren. Dies scheint nun nicht mehr zu gehen, zumindest hab ich bisher keine Möglichkeit gefunden. Das ist aber auch nicht der Sinn des Glühen-Befehls. Wir hatten damals lediglich eine Fehlfunktion kreativ ausgenutzt. Heute funktioniert der Befehl korrekt, zumindest unter dem aktuellen Firefox und unter Edge.

« Letzte Änderung: März 13, 2016, 12:57:27 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #6 am: April 27, 2009, 09:33:26 Vormittag »
Linksbündig - Zentriert - Rechtsbündig


Text zunächst markieren
(linke Maustaste gedrückt halten und über den Text ziehen) und danach auf den entsprechenden Button klicken.

Symbol    Auswirkung    BB-Code
            Der Text
wird am
linken Rand
ausgerichtet
    [left]Text[/left]
           
Der Text
wird mittig
ausgerichtet
    [center]Text[/center]
       
Der Text
wird am
rechten Rand
ausgerichtet
       [right]Text[/right]

« Letzte Änderung: März 13, 2016, 11:55:46 Vormittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #7 am: April 28, 2009, 22:49:07 Nachmittag »
Marquee    (= Laufschrift)

Text bzw. Smiley oder Bild zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach auf den Button Marquee klicken.


Symbol:          
BB-Code:          [move]Text[/move]

Auswirkung:    Sich von rechts nach links bewegende Schrift, Smileys oder eingefügte Bilder:



Text


:laugh:

https://up.picr.de/24814323gl.png
Text formatieren / Bild einfügen u.a. (Das "Tutorial")

« Letzte Änderung: März 13, 2016, 11:58:48 Vormittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #8 am: April 28, 2009, 23:12:04 Nachmittag »
Schatten

Text zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach auf den Button Schatten klicken.


Symbol   BB-Code:
[shadow=red,left]Text[/shadow]

Es wird ein roter (red) Schatten erzeugt, der nach links (left) fällt. So sieht das aus: Text

Die Farbe des Schattens kann man ändern, indem man red durch eine andere Farbe (englisches Wort) ersetzt (siehe hierzu die Farbenliste)
Die Richtung left (nach links) kann ersetzt werden durch right (nach rechts), top (nach oben) oder bottom (nach unten).

Der Code für einen grünen Schatten nach rechts Text sieht also so aus: [shadow=green,right]Text[/shadow]
Der Code für einen blauen Schatten nach oben Textsieht so aus: [shadow=blue,top]Text[/shadow]
Hier ein fuchsiafarbener Schatten nach unten Textdas geht so: [shadow=fuchsia,bottom]Text[/shadow]


Anmerkung: Die Befehle Glühen und Schatten lassen sich nicht kombinieren. Falls man's tut, wird der Schatten-Befehl nicht ausgeführt, sondern nur der Glühen-Befehl.
« Letzte Änderung: März 13, 2016, 12:59:17 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #9 am: April 28, 2009, 23:21:18 Nachmittag »
Horizontale Linie


Symbol   BB-Code:
[hr]


Auswirkung: Der Befehl erzeugt eine horizontale Linie über das gesamte Antwortfeld hinweg.



« Letzte Änderung: März 13, 2016, 11:59:31 Vormittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #10 am: April 29, 2009, 08:50:13 Vormittag »
vorformatierter Text


Symbol:    BB-Code:
    [pre]Text[/pre]


Dieser Befehl ist dazu da, um HTML-Codes ohne Formatierungen darzustellen, wird aber hier nicht gebraucht, da nicht mit HTML-Codes, sondern mit BB-Codes gearbeitet wird.

« Letzte Änderung: März 13, 2016, 12:00:35 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #11 am: April 29, 2009, 08:51:09 Vormittag »
Schriftart ändern


Mit diesem Befehl könnt ihr euren Text in einer anderen Schriftart anzeigen lassen. Die Voraussetzung hierfür ist, dass dieser Font auf eurem PC installiert ist.

Text zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach den Pfeil neben dem Feld Schriftart anklicken.

Entsprechende Schriftart anklicken - fertig!

Im Moment können folgende Schriftarten direkt ausgewählt werden:

- Courier
- Arial
- Arial Black
- Impact
- Verdana
- Times New Roman
- Georgia
- Andale Mono
- Trebuchet MS
- Comic sans MS


Manuell können weitere Schriftarten eingegeben werden. Hierzu muss für den Text zunächst irgendein Font ausgewählt und dieser anschließend durch die Bezeichnung einer anderen Schriftart ersetzt werden.

Beispiele:

[font=Arial narrow]Text in Arial narrow[/font]    ----> Text in Arial narrow

[font=segoe script]Text in segoe script[/font]    ----> Text in segoe script


Einige interessante Schriftarten könnt ihr hier finden: Klick!
« Letzte Änderung: März 20, 2016, 12:38:30 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #12 am: April 29, 2009, 09:27:58 Vormittag »
Link einfügen / beschreibender Link:

Ein Link lässt sich ganz einfach und unkompliziert einsetzen, indem man ihn in der Adresszeile des Browsers markiert, in die Zwischenablage des PCs kopiert und hier im Beitrag wieder einfügt.

Darüber hinaus gibt es aber auch noch eine andere Möglichkeit:


Symbol:     BB-Code:
    [url][/url]



Mit diesem Befehl könnt ihr einen sogenannten "beschreibenden Link" erstellen, d.h., ein Wort oder einen Satz so "präparieren", dass beim Klicken darauf ein Link aufgerufen wird: *klick*

So geht's: Öffnet zunächst in einem separaten Browserfenster bzw. -tab die zu verlinkende Seite und kopiert den Link, der oben in der Adresszeile steht, mit Strg + c in die Zwischenablage des PCs, beispielsweise diese Seite: https://www.aliqs.de/index.php?page=page_regeln

Nun wechselt ihr zum geöffneten Textfenster in ALIQs und schreibt das Wort bzw. den Satz, der zum Link führen soll, z.B.: *klick*; anschließend muss es markiert werden (das ist wichtig, bitte nicht vergessen!)

Anschließend klickt ihr den Befehl Link einfügen an.

Es sieht dann in eurem Textfenster so aus: [url][b]*klick*[/b][/url]

Man muss dann beim vorderen url-Befehl zwischen url und der Klammer-zu ] ein Gleichheitszeichen und den Link setzen.

[url=http://www.aliqs.de/index.php?page=page_regeln][b]*klick*[/b][/url]

Das Ergebnis: *klick*



Das funktioniert auch mit Bildern. Einfach ein Bild mit dem "Bild einfügen"-Code  versehen (näheres siehe *hier*), das ganze markieren und dann den Button "Link einfügen" anklicken und, wie oben beschrieben, den Link einfügen. Nun wird man beim Anklicken des Bildes zur entsprechenen Seite weiter geleitet.  Allerdings sieht man es einem so präparierten Bild - im Gegensatz zu Text - nicht an, dass sich dahinter ein Link "versteckt".
« Letzte Änderung: März 13, 2016, 12:11:40 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #13 am: April 29, 2009, 10:19:51 Vormittag »
Superscript - Subscript


Text zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach auf den entsprechenden Button klicken.


Symbol:    Auswirkungen:    BB-Code:
                       
    Schrift hochgestellt    [sup]Text[/sup]
    Schrift tiefgestellt    [sub]Text[/sub]
« Letzte Änderung: März 13, 2016, 12:13:09 Nachmittag von Ugge »

Offline Ugge

  • Administrator
  • ALiQs Zampano
  • *
  • Beiträge: 42891
  • Geschlecht: Weiblich
  • T A I (Y) F U N
Re: Text formatieren / Bild einfügen
« Antwort #14 am: April 29, 2009, 10:28:11 Vormittag »
Schreibmaschine:


Text zunächst markieren (linke Maustaste gedrückt halten und über den Text ziehen) und danach auf den Button Schreibmaschine klicken.

Es wird eine Schrift erzeugt, die aussieht, als hätte man sie auf einer Schreibmaschine geschrieben.


Symbol:    Auswirkungen:    BB-Code:
                       
    Schriftbild, wie mit einer Schreibmaschine geschrieben    [tt]Text[/tt]
« Letzte Änderung: März 13, 2016, 12:14:03 Nachmittag von Ugge »

 

Bilderhoster

PicR.de postimage.org