OBS/Adminhilfe/SyntaxBilder: Unterschied zwischen den Versionen

Aus OBS Wiki
Zur Navigation springen Zur Suche springen
Für diese Seite wurde eine Zugriffsbeschränkung eingerichtet. Falls du diese Nachricht siehst, bist du nicht berechtigt, diese Seite einzusehen.
Keine Bearbeitungszusammenfassung
 
(5 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 8: Zeile 8:
Um ein Bild ins Wiki einzubauen, muss dieses zuerst auf Ihrem PC gespeichert sein. Sie können Screenshots hochladen oder selbstgemachte Bilder.
Um ein Bild ins Wiki einzubauen, muss dieses zuerst auf Ihrem PC gespeichert sein. Sie können Screenshots hochladen oder selbstgemachte Bilder.


Klicken Sie auf der Hauptseite des Wikis in der linken Spalte auch '''Bild hochladen'''. Es öffnet sich folgende Seite:<br />
Klicken Sie auf der Hauptseite des Wikis in der linken Spalte auf '''Bild hochladen'''. Es öffnet sich folgende Seite:<br />


[[Image:WikiBIdler_Syntax.PNG|700px]]<br />
[[Image:WikiBIdler_Syntax.PNG|700px]]<br />


Geben Sie bei '''Quelldatei''' den Pfad ein, unter dem das Bild, welches Sie hocladen wollen, gespeichert ist.
Geben Sie bei '''Quelldatei''' den Pfad ein, unter dem das Bild, welches Sie hochladen wollen, gespeichert ist.
Anschließend können Sie den '''Zielnamen''' ändern oder den Vorschlag beibehalten.
Anschließend können Sie den '''Zielnamen''' ändern oder den Vorschlag beibehalten.
Klicken Sie jetzt auf die Schaltfläche '''Datei hochladden''' und Ihr Bild steht Ihnen im Wiki zum Einbauen zur Verfügung.
Klicken Sie jetzt auf die Schaltfläche '''Datei hochladen''' und Ihr Bild steht Ihnen im Wiki zum Einbau zur Verfügung.


==Datei einbetten==
==Datei einbetten==
Wiki Syntax<br />
Wiki Syntax:<br />
 
Geben Sie folgende Zeile an der Stelle ein, wo Sie das Bild einfügen wollen. Ersetzen Sie '''Sonnenuntergang.jpg''' mit dem Namen Ihres Bildes. Vergessen Sie die Dateiendung nicht.
 
Das '''|700px''' gibt an, wie groß das Bild ist. Hinter dem Bildnamen können Sie Anpassungen vornehmen, wenn das Bild zu groß doer zu klein ist. Sie können aber auch einfach nur den Bildnamen verwenden, ohne Größenangaben, hier wird dann die Größe des Bildes genommen.
 
   <nowiki>
   <nowiki>
   [[Image: Sonnenuntergang.jpg|700px]]
   [[Image: Sonnenuntergang.jpg|700px]]
  oder
  [[Datei: Sonnenuntergang.jpg|700px]]
   </nowiki>
   </nowiki>


Dies wird dann wie folgt dargestellt:<br />
Dies wird dann wie folgt dargestellt:<br />
[[Image: Sonnenuntergang.jpg|700px]]<br />
{{Hinweis|Es empfiehlt sich '''nicht''' das Bild über die Originalgröße zu vergrößern, da die Qualität des Bildes sehr schnell darunter leiden kann.}}
==Bildeinbettung im Text==
Es besteht die Möglichkeit Texte rechts oder links von einem Bild einzubetten.<br />
Hierzu ist es von Nöten das Image welches eingebettet wurde zu verschieben.<br />
Es gibt folgende Methoden:<br />
Basierend auf den Einbettungsbefehl:
  <nowiki>
  [[image:"Name der Datei"]]
  </nowiki><br />
Nun kann man mit den Befehlen :
*left
*right
*center
das Image innerhalb der Seite verschieben.<br />
Dies geschieht folgendermaßen:<br />
  <nowiki>
  [[image:"name der datei"|left, right, center]]
  </nowiki>
Beispiel:
[[image:Sonnenuntergang.jpg|500px|rechts]]
Dies ist ein Beispiel mit dem Befehl: rechts/right<br />
<div style="clear:right;"></div>
===Sauber trennen===
Es kann dazu kommen, dass nachfolgende Punkte/Überschriften neben dem Bild stehen bzw. Bilder in anderen Punkten hineinragen.<br/>
Hier ein kleines Beispiel wie sowas aussehen kann:<br/>
Wiki Quelltext:
  <nowiki>
  ====Punkt 1====
  [[Datei:Sonnenuntergang.jpg|200px|left]]
  Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text <br/>
  ====Punkt 2====
  Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text
  </nowiki>
Ergebnis:
<div style="Border:1px solid #999999; margin:5px 50% 0px 3px; padding:0 5px 2px 5px; background:#F0F0F0">
'''Punkt 1'''
[[Datei:Sonnenuntergang.jpg|200px|left]]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br/>
Text Text Text Text Text Text Text Text <br/>
'''Punkt 2'''<br/>
Text Text Text Text Text Text Text <br/>
Text Text Text Text Text Text Text Text Text Text Text <br/>
Text Text Text Text
</div>
Damit dies nicht passier soll, muss folgendes vor dem nächsten Punkt geschrieben werden:
  <nowiki>
  <div style="clear:left,center,right;"></div>
  </nowiki>
Left, center oder right muss mit dem Parameter vom Bild übereinstimmen.<br/>


[[Image: Sonnenuntergang.jpg|700px]]<br />
'''Beispiel:'''
 
Wiki Quelltext:
  <nowiki>
  ====Punkt 1====
  [[Datei:Sonnenuntergang.jpg|200px|left]]
  Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text <br/>
  <div style="clear:left;"></div>


  ====Punkt 2====
  Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text
  </nowiki>


Ergebnis:
<div style="Border:1px solid #999999; margin:5px 50% 0px 3px; padding:0 5px 2px 5px; background:#F0F0F0">


'''Punkt 1'''
[[Datei:Sonnenuntergang.jpg|200px|left]]
Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br/>
Text Text Text Text Text Text Text Text <br/>
<div style="clear:left;"></div>
'''Punkt 2'''<br/>
Text Text Text Text Text Text Text <br/>
Text Text Text Text Text Text Text Text Text Text Text <br/>
Text Text Text Text


</div>

Aktuelle Version vom 8. August 2019, 15:48 Uhr

Dies ist eine zugriffsgeschützte Seite.


Admin-Hilfe

FAQ
FIBU
Häufige Fehler FAQs
Allgemeines
Tools
Widgets
Wiki Hilfe
Syntax
Wiki-Gruppen Benutzerlisten
MySQL
MySQL Installation
Programmierung und Mergen
Delphi
Einrichtung
MMX
Git/SmartGit
Programm Update
Schaltflächen
F10: Weitere Funktionen
PAX
Nützliche Funktionen
SteVe
OBS-Administration / Installation
Einrichtung
MySQL
OBS
Dienste
Kasse/Notfallkasse
Replikation
Zentrale
Fleet-Management einrichten
VirtualUI
OBS Umzug
Admin Funktionen
Service Firmen
F10
O Support
D Programmierer-Tools
V Crypt Autologin Edit
J Update Marko Lib/Pmode/Script Lib
kundenspezifische Anpassungen
OBS Protokolle
OBS DEMO
Shop-Administration
modified eCommerce
modified eCommerce 2.x
modified eCommerce 1.06
Amazon
VShop 4.0
Kundeninformationen
OfficeStar
MDS

Bilder

Bilder werden ins Wiki wie folgt eingebaut:

Datei hochladen

Um ein Bild ins Wiki einzubauen, muss dieses zuerst auf Ihrem PC gespeichert sein. Sie können Screenshots hochladen oder selbstgemachte Bilder.

Klicken Sie auf der Hauptseite des Wikis in der linken Spalte auf Bild hochladen. Es öffnet sich folgende Seite:

WikiBIdler Syntax.PNG

Geben Sie bei Quelldatei den Pfad ein, unter dem das Bild, welches Sie hochladen wollen, gespeichert ist. Anschließend können Sie den Zielnamen ändern oder den Vorschlag beibehalten. Klicken Sie jetzt auf die Schaltfläche Datei hochladen und Ihr Bild steht Ihnen im Wiki zum Einbau zur Verfügung.

Datei einbetten

Wiki Syntax:

Geben Sie folgende Zeile an der Stelle ein, wo Sie das Bild einfügen wollen. Ersetzen Sie Sonnenuntergang.jpg mit dem Namen Ihres Bildes. Vergessen Sie die Dateiendung nicht.

Das |700px gibt an, wie groß das Bild ist. Hinter dem Bildnamen können Sie Anpassungen vornehmen, wenn das Bild zu groß doer zu klein ist. Sie können aber auch einfach nur den Bildnamen verwenden, ohne Größenangaben, hier wird dann die Größe des Bildes genommen. 

 
  [[Image: Sonnenuntergang.jpg|700px]]
  oder
  [[Datei: Sonnenuntergang.jpg|700px]]

Dies wird dann wie folgt dargestellt:
Sonnenuntergang.jpg

HINWEIS: Es empfiehlt sich nicht das Bild über die Originalgröße zu vergrößern, da die Qualität des Bildes sehr schnell darunter leiden kann.

Bildeinbettung im Text

Es besteht die Möglichkeit Texte rechts oder links von einem Bild einzubetten.
Hierzu ist es von Nöten das Image welches eingebettet wurde zu verschieben.
Es gibt folgende Methoden:
Basierend auf den Einbettungsbefehl: 

 
  [[image:"Name der Datei"]]

Nun kann man mit den Befehlen :

  • left
  • right
  • center

das Image innerhalb der Seite verschieben.
Dies geschieht folgendermaßen:

 
  [[image:"name der datei"|left, right, center]]

Beispiel:

Sonnenuntergang.jpg

Dies ist ein Beispiel mit dem Befehl: rechts/right

Sauber trennen

Es kann dazu kommen, dass nachfolgende Punkte/Überschriften neben dem Bild stehen bzw. Bilder in anderen Punkten hineinragen.
Hier ein kleines Beispiel wie sowas aussehen kann:

Wiki Quelltext: 

 
  ====Punkt 1====
  [[Datei:Sonnenuntergang.jpg|200px|left]]
  Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text <br/>

  ====Punkt 2====
  Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text

Ergebnis:

Punkt 1

Sonnenuntergang.jpg

Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text

Punkt 2
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text

Damit dies nicht passier soll, muss folgendes vor dem nächsten Punkt geschrieben werden: 

 
  <div style="clear:left,center,right;"></div>

Left, center oder right muss mit dem Parameter vom Bild übereinstimmen.

Beispiel:

Wiki Quelltext: 

 
  ====Punkt 1====
  [[Datei:Sonnenuntergang.jpg|200px|left]]
  Text Text Text Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text <br/>
  <div style="clear:left;"></div>

  ====Punkt 2====
  Text Text Text Text Text Text Text <br/>
  Text Text Text Text Text Text Text Text Text Text Text <br/>
  Text Text Text Text

Ergebnis:

Punkt 1

Sonnenuntergang.jpg

Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text

Punkt 2
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text

Abgerufen von „http:///index.php?title=OBS/Adminhilfe/SyntaxBilder&oldid=56279“