Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
visualizer_help_wiki_rules [2025/11/18 16:01] – [Verwendung der Inhalte im visualizer] adminwikivisualizer_help_wiki_rules [2026/04/22 11:42] (aktuell) – [2 spaltiges Layout] adminwiki
Zeile 63: Zeile 63:
 <code html> <code html>
 <WRAP> <WRAP>
-  <div two-col-grid> +<div two-col-grid> 
-    <div>1. Spalte z. B. ein Bild</div> +<div>1. Spalte z. B. ein Bild</div> 
-    <div>2. Spalte</div> +<div>2. Spalte</div> 
-  </div>+</div>
 </WRAP> </WRAP>
 </code> </code>
 +<WRAP center round important 60%>
 +Der Code ist nicht eingerückt, da Einrückungen vorangig als Code-Boxen angezeigt werden, in denen der Inhalt nicht interpretiert wird.
 +</WRAP>
  
 ==== Bilder einfügen ==== ==== Bilder einfügen ====
Zeile 113: Zeile 116:
  
 Hier wird der zusätzliche Parameter ''trim=1'' verwendet. Dieser bewirkt, dass das Icon ohne Rand eingefügt wird und erlaubt damit das Icon auf die Textgrundlinie zu stellen. Hier wird der zusätzliche Parameter ''trim=1'' verwendet. Dieser bewirkt, dass das Icon ohne Rand eingefügt wird und erlaubt damit das Icon auf die Textgrundlinie zu stellen.
 +
 +=== Beispiele ===
 +
 +''<nowiki>{{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=40&trim=1&.png?nolink}}</nowiki>''
 +
 +Das beiden ''?'' in der URL sind dabei erforderlich.
 +
 +Verwende
 +  * mit ''w=20'' kleine Icons im Text: {{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=20&.png?nolink}}
 +  * mit ''trim=1'' reduzierst Du den Rand: {{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=20&trim=1&.png?nolink}} 
 +  * mit ''w=40'' große Icons für Überschriften: {{https://cdn.vrdoro.com/data/vrdoro/images/shared/app/circle-question.png?filt=negate&w=40&trim=1&.png?nolink}}