<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<p>Prima di ogni altra cosa, come sempre, ottimo lavoro Jeremie,
quello che esce a schermo è un fantastico risultato, semplificando
notevolmente il codice. Mi sono messo subito a lavoro, e ho notato
che quando è presente un elenco puntato e la nota è riferita al
suddetto elenco, a schermo ho il seguente risultato (vedi
allegato). Come si può vedere è presente un notevole spazio tra
immagine e testo, cosa che naturalmente non succede se vado a
capo. Quindi la mia domanda è la seguente:</p>
<ul>
<li>Per gli elenchi puntati manteniamo l'uso delle tabelle,
garantendo graficamente un risultato più pulito?</li>
<li>Utilizziamo il nuovo standards "{{{#! wiki important ...}}}"
per tutte le pagine a discapito di qualche piccolo incoveniente
grafico? <br>
</li>
<li>oppure vado a capo anche se l'avviso/nota/suggerimento è
riferito all'elenco puntato?<br>
</li>
</ul>
<p>Regards<br>
</p>
<div class="moz-cite-prefix">Il 17/02/19 04:36, Jeremie Tamburini ha
scritto:<br>
</div>
<blockquote type="cite"
cite="mid:CAM+GQBhDGm1bVyzPoEtnKhs_0=fktHsP6gY=sZ3g8q_o6AVgwQ@mail.gmail.com">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<div dir="ltr">
<div dir="ltr">Salve gente,<br>
In questi giorni sto a man a mano portando modifiche ai css
del wiki per cercare di togliere quanti più difetti nella
versione mobile. Sono però incappato in una faccenda dove ho
pensato subito che conviene modificare in toto il sistema che
abbiamo di inserire note e avvisi nelle pagine.<br>
<br>
Una delle scocciature riguardanti note/avvisi si ha quando
sono accanto all'indice. In quel caso cambiamo il parametro
width:100%; con ad esempio width:60%;.<br>
Però, con la larghezza ridotta al 60%, sullo schermo del
telefono il testo risulta tutto spiaccicato verso sinistra. In
realtà basterebbe settare il parametro width su "auto" per far
andare automaticamente il testo accapo... o addirittura
ometterlo del tutto.<br>
<br>
Ma tutto questo non importa più :)<br>
<br>
MoinMoin ha a disposizione un suo sistema per note/avvisi con
una sintassi banalissima rispetto all'uso delle tabelle: <a
href="https://moinmo.in/HelpOnAdmonitions"
moz-do-not-send="true">https://moinmo.in/HelpOnAdmonitions</a><br>
Non so perché in passato gli admin lo abbiano accantonato,
comunque sia ho rielaborato lo stile in modo da rendere i
messaggi pressoché identici a quelli che utilizziamo.<br>
Ho quindi aggiornato la pagina degli standard: <a
href="https://wiki.ubuntu-it.org/GuidaWiki/Standard#note"
moz-do-not-send="true">https://wiki.ubuntu-it.org/GuidaWiki/Standard#note</a><br>
<br>
In pratica come vedete, per inserire ad es. una nota, basta
utilizzare questo codice:<br>
<br>
{{{#!wiki note<br>
<br>
}}}<br>
<br>
..e in mezzo digitare la frase che si vuole.<br>
<br>
Rielaborando il css ho fatto in modo che il testo delle note
sia automaticamente in corsivo e quello degli avvisi in
grassetto. Anche sotto questo aspetto è una bella
semplificazione, infatti bastava dimenticarsi un apice per
mandare fuori formato il testo di tutta una pagina.<br>
<br>
Per fare una prova ho sostituito tutte le note/avvisi presenti
nella pagina <a
href="https://wiki.ubuntu-it.org/Installazione/InstallareUbuntu"
moz-do-not-send="true">https://wiki.ubuntu-it.org/Installazione/InstallareUbuntu</a>
e in generale direi che ci siamo.<br>
<br>
<br>
Quindi, ricapitolando..<br>
Ovviamente riadattare tutte le note dell'intero wiki è
un'impresa titanica, ma non c'è nemmeno fretta! Infatti lo
stile grafico del nuovo metodo è pressoché identico, quindi in
generale possiamo fare con calma.<br>
Mentre invece sarebbe bene sostituire il prima possibile tutti
quei casi dove le note appaiono accanto all'indice, in modo da
aggiustare la grafica nella versione mobile. Anche qui non c'è
chissà quale furia, però mentre siamo a spasso nel wiki
teniamolo presente ;)<br>
<br>
<br>
Ciao<br>
Jeremie <br>
</div>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<pre class="moz-quote-pre" wrap="">_______________________________________________
Gruppo-doc mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Gruppo-doc@liste.ubuntu-it.org">Gruppo-doc@liste.ubuntu-it.org</a>
<a class="moz-txt-link-freetext" href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/gruppo-doc">http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/gruppo-doc</a>
</pre>
</blockquote>
</body>
</html>