Modifiche

Jump to navigation Jump to search
nessun oggetto della modifica
Riga 4: Riga 4:  
Margine di sicurezza: ca. 20 pixel per ogni nbsp;
 
Margine di sicurezza: ca. 20 pixel per ogni nbsp;
 
-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></includeonly><noinclude>
 
-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></includeonly><noinclude>
{{man}}
+
==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.
 +
 
 +
;<tt><nowiki>{{dx|[[Immagine:foto.jpg|thumb|descrizione]]}}</nowiki></tt>
 +
 
 +
Inserire possibilmente alla fine dell'incipit.
 +
 
 +
Esempi:
 +
*[http://it.wikipedia.org/w/index.php?title=Metabolismo&oldid=27228330 Metabolismo]
 +
*[http://it.wikipedia.org/w/index.php?title=Manta_birostris&oldid=27481349 Manta birostris]
 +
*[http://it.wikipedia.org/w/index.php?title=Carlo_d'Asburgo-Teschen&oldid=27742236 Carlo d'Asburgo-Teschen]
 +
 
 +
===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 {{tl|Doppia immagine}}. Tuttavia questo template può risultare preferibile se:
 +
# si desidera mantenere graficamente staccate le due immagini (magari hanno forme diverse)
 +
# 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:Lamy27-Tintomatic.jpg|thumb|110px|Particolare]]
 +
{{dx|[[File:Lamy27-Schema.jpg|thumb|110px|Generale]]|2}}
 +
 
 +
;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''.
 +
 
 +
<code><nowiki>[[File:Lamy27-Tintomatic.jpg|thumb|110px|Particolare]]</nowiki><br>
 +
<nowiki>{{dx|[[File:Lamy27-Schema.jpg|thumb|110px|Generale]]|2}}</nowiki></code>
 +
{{-}}
 +
{{doppia immagine|right|Lamy27-Tintomatic.jpg|110|Lamy27-Schema.jpg|110|Cane|Uomo}}
 +
 
 +
;Esempio di doppia immagine con il template ''doppia immagine'':
 +
Le due immagini vengono inglobate in un unico box: l'aspetto è più compatto.
 +
 
 +
<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
 +
*Internet Explorer 8 {{SI}}ok
 +
*Internet Explorer 4.x su Windows CE 4.2/Windows CE 5 (320x240) {{SI}}ok
 +
 
 
</noinclude>
 
</noinclude>

Menu di navigazione