Kontaktdarstellung: Unterschied zwischen den Versionen

Aktuelle Version vom 9. Juli 2021, 23:58 Uhr

Über das Zahnrad im Editormenü eines Kontakts lässt sich einstellen, was und wie es angezeigt wird:

Bearbeitungsmenü mit Zahnradsymbol

Einstellungen[Bearbeiten]

Einstellungen für Kontakt-Element

CSS-Selektoren[Bearbeiten]

Aussehen der gesamten Kontaktbox:

leer: ohne Umrandung und ohne Hintergrundfarbe
box: mit Umrandung
box2: mit hellgrauem Hintergrund

Weitere Formen können im Style Sheet bereitgestellt werden.

Layout[Bearbeiten]

Anordnung der Inhalte innerhalb der Box

Bild, Überschrift, Text: Das Foto (falls vorhanden) erscheint mittig über dem Text
Bild links, Überschrift und Text rechts (in eigener Spalte): Das Foto ist in der linken Hälfte, der gesamte Text rechts
Bild rechts, Überschrift und Text links (in eigener Spalte): Das Foto ist in der rechten Hälfte, der gesamte Text links
Bild links, Überschrift und Text rechts (das Bild umfließend): Das Foto ist in der linken Hälfte, der Text beginnt rechts und geht unter dem Foto über die gesamte Breite
Bild rechts, Überschrift und Text links (das Bild umfließend): Das Foto ist in der rechten Hälfte, der Text beginnt links und geht unter dem Foto über die gesamte Breite

Bildgröße[Bearbeiten]

Die Breite des Fotos kann hier in 12 Stufen gewählt werden. Die Höhe ergibt sich dann durch das weiter unten gewählte Format. Die Größe kann für Desktop und mobile Geräte unterschiedlich festgelegt werden.

Überschrift Wichtigkeit[Bearbeiten]

Die Überschrift ist der Name der Person und kann mit hoher (sehr groß, fett), mittlerer (groß, fett), geringer (etwas größer als die normale Schrift) oder untergeordneter Wichtigkeit (normal) ausgegeben werden.

Bildformat[Bearbeiten]

Das Foto kann gar nicht (Bild ausblenden), im Originalformat des Fotos (wie im Inhalt eingestellt) oder in einem der vordefinierten Formate angezeigt werden. Für Einzelpersonen eignet sich meistens das Format 35:45 - Passbild (Hochformat) zusammen mit der Bildgröße 8/12.

Mauseffekt[Bearbeiten]

Für die Hervorhebung des Kontakts beim Überfahren mit der Maus stehen Effekte und Kombinationen davon für das Bild oder das ganze Element zur Verfügung:

Schatten
Anhebe-Effekt
Bilddrehung
Rahmen
kein Effekt

Link-Anzeige[Bearbeiten]

Der optionale Link aus dem Reiter Weitere Infos des Kontakts kann

als einfacher Text-Link oder
als Button angezeigt oder
ausgeblendet werden.

Stil der Labels[Bearbeiten]

Es wird eingestellt, wodurch Telefon- und Faxnummern, Mail- und Webadressen gekennzeichnet werden:

minimaler Text: E-Mail und Web entfallen, sonst wie Text
Text: Telefon, Mobil, Fax, E-Mail, Web
Icons: Symbole statt Text
Icons und Text: Symbole und Text

Zeige Adresse[Bearbeiten]

Kompaktes Layout[Bearbeiten]

Beim kompakten Layout eines Kontakts werden zunächst die Zwischenräume der Einträge verkleinert. Ist das kompakte Layout gewählt, wird bei Kontakten der Art Person der Name fett ausgegeben, sonst die Position (siehe Kontakt, Reiter Kontaktdaten)

Ein-/Ausschalter[Bearbeiten]

Mit den folgenden Schaltern wird die Anzeige der jeweiligen Informationen angewählt:

Zeige Position
Zeige Organisation/Person
Zeige Beschreibung
Zeige Telefonnummer
Zeige Webseite
Zeige E-Mail Adresse
Zeige Bild-Vergrößerung
Zeige Bild-Copyright
Zeige vCard-Download

@@ Zeile 5: / Zeile 5: @@
 [[Datei:Kontaktbox Darstellungsoptionen.png|mini|ohne|Einstellungen für Kontakt-Element]]
 ==== CSS-Selektoren ====
+Aussehen der gesamten Kontaktbox:
 * ''leer'': ohne Umrandung und ohne Hintergrundfarbe
 * box: mit Umrandung
 * box2: mit hellgrauem Hintergrund
+Weitere Formen können im Style Sheet bereitgestellt werden.
 ==== Layout ====
 Anordnung der Inhalte innerhalb der Box
@@ Zeile 19: / Zeile 22: @@
 Die Größe kann für Desktop und mobile Geräte unterschiedlich festgelegt werden.
 ==== Überschrift Wichtigkeit ====
-Die Überschrift ist der Name der Person und kann mit hoher (sehr groß, fett), mittlerer (groß,  fett), geringer (etwas größer) oder untergeordneter Wichtigkeit (normal) ausgegeben werden.
+Die Überschrift ist der Name der Person und kann mit hoher (sehr groß, fett), mittlerer (groß,  fett), geringer (etwas größer als die normale Schrift) oder untergeordneter Wichtigkeit (normal) ausgegeben werden.
 ==== Bildformat ====
-Das Foto kann gar nicht (''Bild ausblenden''), im Originalformat des Fotos (''wie im Inhalt eingestellt'') oder in einem der vordefinierten Formate angezeigt werden.
+Das Foto kann gar nicht (''Bild ausblenden''), im Originalformat des Fotos (''wie im Inhalt eingestellt'') oder in einem der vordefinierten Formate angezeigt werden. Für Einzelpersonen eignet sich meistens das Format ''35:45 - Passbild (Hochformat)'' zusammen mit der Bildgröße 8/12.
+==== Mauseffekt ====
+Für die Hervorhebung des Kontakts beim Überfahren mit der Maus stehen Effekte und Kombinationen davon für das Bild oder das ganze Element zur Verfügung:
+* ''Schatten''
+* ''Anhebe-Effekt''
+* ''Bilddrehung''
+* ''Rahmen''
+* ''kein Effekt''
+==== Link-Anzeige ====
+Der optionale Link aus dem Reiter ''Weitere Infos'' des Kontakts kann
+* als ''einfacher Text-Link'' oder
+* als ''Button'' angezeigt oder
+* ''ausgeblendet'' werden.
+==== Stil der Labels ====
+Es wird eingestellt, wodurch Telefon- und Faxnummern, Mail- und Webadressen gekennzeichnet werden:
+* ''minimaler Text'': E-Mail und Web entfallen, sonst wie ''Text''
+* ''Text'': Telefon, Mobil, Fax, E-Mail, Web
+* ''Icons'': Symbole statt Text
+* ''Icons und Text'': Symbole und Text
+==== Zeige Adresse ====
+==== Kompaktes Layout ====
+Beim kompakten Layout eines Kontakts werden zunächst die Zwischenräume der Einträge verkleinert. Ist das kompakte Layout gewählt, wird bei Kontakten der Art ''Person'' der Name fett ausgegeben, sonst die Position (siehe [[Kontakt]], Reiter ''Kontaktdaten'')
+==== Ein-/Ausschalter ====
+Mit den folgenden Schaltern wird die Anzeige der jeweiligen Informationen angewählt:
+* Zeige Position
+* Zeige Organisation/Person
+* Zeige Beschreibung
+* Zeige Telefonnummer
+* Zeige Webseite
+* Zeige E-Mail Adresse
+* Zeige Bild-Vergrößerung
+* Zeige Bild-Copyright
+* Zeige vCard-Download