Differenze tra le versioni di "Template:Dx/man"

Da FountainPen.
Jump to navigation Jump to search
(Creata pagina con '==Utilizzo 1: allineamento a fianco di una tabella sinottica== L'utilizzo principale di questo template è quello di permettere l'allineamente di foto a destra del testo, ma a si…')
 
 
(3 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
 
==Utilizzo 1: allineamento a fianco di una tabella sinottica==
 
==Utilizzo 1: allineamento a fianco di una tabella sinottica==
L'utilizzo principale di questo template è quello di permettere l'allineamente di foto a destra del testo, ma a sinistra di una [[:Categoria:Template sinottici|tabella sinottica]]. Questo tipo di impaginazione può risultare preferibile in certi casi (leggere le avvertenze).
+
L'utilizzo principale di questo template è quello di permettere l'allineamente di foto a destra del testo, ma a sinistra di una tabella sinottica. Questo tipo di impaginazione può risultare preferibile in certi casi (leggere le avvertenze).
Sicuramente tutte le immagini allineate left all'inizio delle voci andrebbero sostituite con questo template per questioni di [[Wikipedia:Accessibilità|accessibilità]] e migliore impaginazione.
+
Sicuramente tutte le immagini allineate left all'inizio delle voci andrebbero sostituite con questo template per questioni di accessibilità e migliore impaginazione.
  
 
;<tt><nowiki>{{dx|[[Immagine:foto.jpg|thumb|descrizione]]}}</nowiki></tt>
 
;<tt><nowiki>{{dx|[[Immagine:foto.jpg|thumb|descrizione]]}}</nowiki></tt>
  
Inserire possibilmente alla fine dell'[[Aiuto:incipit|incipit]].
+
Inserire possibilmente alla fine dell'incipit.
  
 
Esempi:
 
Esempi:
Riga 24: Riga 24:
 
# si tratta di immagini grandi ed è preferibile per una migliore accessibilità con finestre a bassa risoluzione che una delle due possa andare a capo senza schiacciare il testo
 
# si tratta di immagini grandi ed è preferibile per una migliore accessibilità con finestre a bassa risoluzione che una delle due possa andare a capo senza schiacciare il testo
  
[[File:Amud skull.png|thumb|110px|Uomo]]
+
[[File:Lamy27-Tintomatic.jpg|thumb|110px|Particolare]]
{{dx|[[File:Skull of a dog.png|thumb|110px|Cane]]|2}}
+
{{dx|[[File:Lamy27-Schema.jpg|thumb|110px|Generale]]|2}}
  
 
;Esempio di doppia immagine con il template ''dx'':
 
;Esempio di doppia immagine con il template ''dx'':
Riga 31: Riga 31:
 
I due box rimangono separati e in caso di poco spazio l'immagine di sinistra va a capo. Basta inserire la seconda immagine nel template dx e aggiungere il parametro ''2''.
 
I due box rimangono separati e in caso di poco spazio l'immagine di sinistra va a capo. Basta inserire la seconda immagine nel template dx e aggiungere il parametro ''2''.
  
<code><nowiki>[[File:Amud skull.png|thumb|110px|Cane]]</nowiki><br>
+
<code><nowiki>[[File:Lamy27-Tintomatic.jpg|thumb|110px|Particolare]]</nowiki><br>
<nowiki>{{dx|[[File:Skull of a dog.png|thumb|110px|Uomo]]|2}}</nowiki></code>
+
<nowiki>{{dx|[[File:Lamy27-Schema.jpg|thumb|110px|Generale]]|2}}</nowiki></code>
 
{{-}}
 
{{-}}
{{doppia immagine|right|Skull of a dog.png|110|Amud skull.png|110|Cane|Uomo}}
+
{{doppia immagine|right|Lamy27-Tintomatic.jpg|110|Lamy27-Schema.jpg|110|Cane|Uomo}}
  
 
;Esempio di doppia immagine con il template ''doppia immagine'':
 
;Esempio di doppia immagine con il template ''doppia immagine'':
 
Le due immagini vengono inglobate in un unico box: l'aspetto è più compatto.
 
Le due immagini vengono inglobate in un unico box: l'aspetto è più compatto.
  
<code><nowiki>{{doppia immagine|right|Amud skull.png|110|Skull of a dog.png|110|Cane|Uomo}}</nowiki></code>
+
<code><nowiki>{{doppia immagine|right|Lamy27-Schema.jpg|110|Lamy27-Tintomatic.jpg|110|Particolare|Generale}}</nowiki></code>
 
{{-}}
 
{{-}}
 
==Testing==
 
Testato per impaginazione corretta con:
 
*Firefox 3.5 {{SI}}ok
 
*Google Chrome 3.0 {{SI}}ok
 
*Internet Explorer 5 - 6 - 7 {{SI}}ok<ref>A bassa risoluzione può inserire uno spazio vuoto esattamente come fa il normale allineamento right, si veda [[Discussioni template:Dx#Dx per migliorare l'accessibilità|questa discussione]]</ref>
 
*Internet Explorer 8 {{SI}}ok
 
*Internet Explorer 4.x su Windows CE 4.2/Windows CE 5 (320x240) {{SI}}ok
 
 
==Note==
 
<references/>
 

Versione attuale delle 01:31, 29 mag 2015

Utilizzo 1: allineamento a fianco di una tabella sinottica

L'utilizzo principale di questo template è quello di permettere l'allineamente di foto a destra del testo, ma a sinistra di una tabella sinottica. Questo tipo di impaginazione può risultare preferibile in certi casi (leggere le avvertenze). Sicuramente tutte le immagini allineate left all'inizio delle voci andrebbero sostituite con questo template per questioni di accessibilità e migliore impaginazione.

{{dx|[[Immagine:foto.jpg|thumb|descrizione]]}}

Inserire possibilmente alla fine dell'incipit.

Esempi:

Avvertenze

Usare con moderazione: quando un'immagine può essere messa nel corpo della voce o all'interno della tabella sinottica è meglio evitare dx.

È importante non mettere immagini troppo larghe perché con finestre più piccole di 1024 pixel o su monitor a bassa risoluzione potrebbe rimanere poco spazio al testo sulla sinistra. Inoltre in caso di allineamento a fianco di un template sinottico, per questioni di accessibilità, è senz'altro meglio inserirlo alla fine dell'incipit in modo che compaia nello spazio bianco a destra dell'indice.

Ad ogni modo, per evitare che nelle finestre piccole il testo sulla sinistra venga strizzato troppo, è stato aggiunto un margine di sicurezza di 180 pixel.

Utilizzo 2: come alternativa a Doppia immagine

Per allineare due foto orizzontalmente normalmente esiste il più compatto template {{Doppia immagine}}. Tuttavia questo template può risultare preferibile se:

  1. si desidera mantenere graficamente staccate le due immagini (magari hanno forme diverse)
  2. si tratta di immagini grandi ed è preferibile per una migliore accessibilità con finestre a bassa risoluzione che una delle due possa andare a capo senza schiacciare il testo
Particolare
Generale

         

Esempio di doppia immagine con il template dx

I due box rimangono separati e in caso di poco spazio l'immagine di sinistra va a capo. Basta inserire la seconda immagine nel template dx e aggiungere il parametro 2.

[[File:Lamy27-Tintomatic.jpg|thumb|110px|Particolare]]
{{dx|[[File:Lamy27-Schema.jpg|thumb|110px|Generale]]|2}}

Cane Cane
Cane
Uomo
Esempio di doppia immagine con il template doppia immagine

Le due immagini vengono inglobate in un unico box: l'aspetto è più compatto.

{{doppia immagine|right|Lamy27-Schema.jpg|110|Lamy27-Tintomatic.jpg|110|Particolare|Generale}}